如何在 woocommerce 产品详情页面中添加 meta og:image 标签并将图片设置为产品图片？

【问题标题】：How to add a meta og:image tag in woocommerce product details page and set image as product image?如何在 woocommerce 产品详情页面中添加 meta og:image 标签并将图片设置为产品图片？
【发布时间】：2018-01-04 15:09:46
【问题描述】：

我是 wordpress 的新手。

要在 whatsapp 上分享时显示产品图片，我希望在该特定产品的详细信息页面上显示此 og:image 元标记。

所以我在我的主题文件的头部尝试了：

if ( is_product() ) {

    global $product;
echo '<meta property="og:image" content="'.$product->get_image($size = 'shop_thumbnail').'">';
}

但我得到一个错误：

在非对象上调用成员函数 get_image()

如何在此元标记中回显图像 url？

【问题讨论】：

标签： php wordpress woocommerce

【解决方案1】：

试试下面的代码获取图片

<?php
 if ( is_product() ) {
    global $post, $product;
    echo '<meta property="og:image" content="'.get_the_post_thumbnail_url( $post->ID, 'shop_thumbnail' ).'">';
 }
 ?>

【讨论】：

谢谢。你的代码就像一个魅力。你太可爱了！ :)
欢迎您！乐于助人:)
虽然图片url正确回显，但是在whatsapp上分享时我还是看不到产品图片你能帮忙吗？
您可以按照元标记的步骤：stackoverflow.com/questions/19778620/…
阅读相同的问题，但无法获得图像。您认为我需要执行上述问题中从 1 到 10 的所有步骤才能看到那里的图像吗？