WordPress中的og元标记

Question

我在WordPress上有一个网站，我已声明og元标记，如下所述：

<meta property="og:locale" content="fa_IR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="معامله امن بازی های آنلاین - کافه گیم" />
<meta property="og:description" content="معامله امن بازیهای آنلاین" />
<meta property="og:url" content="http://cofegame.ir/" />
<meta property="og:site_name" content="کافه گیم" />

但是当我通过电报发送我的网站链接http://cofegame.ir时， 它显示了这个：

如何解决此问题？ 我使用WordPress和Yoast SEO插件并停用所有插件，但问题仍然存在。

谢谢！

Answer 1

你错过了

<meta property="og:image" content="your_image_url_here" />

元标记。这将在您分享您的网站网址时显示图片。

我通常将我的og meta标签放在标题中：

<meta property="og:url"           content="<?php the_permalink(); ?>" />
<meta property="og:type"          content="website" />
<meta property="og:title"         content="<?php echo get_the_title(); ?>" />
<meta property="og:description"   content="<?php echo get_the_excerpt(); ?>" />
<?php if(has_post_thumbnail()):
    $url = wp_get_attachment_url( get_post_thumbnail_id() );
?>
<meta property="og:image"         content="<?php echo $url; ?>" />
<?php else:
    $theme = wp_get_theme();
    $screenshot_url = esc_url( $theme->get_screenshot() );
?>
<meta property="og:image"         content="<?php echo $screenshot_url; ?>" />
<?php endif; ?>

这样，如果您正在分享文章，那么您将拥有它的标题，摘录，链接和缩略图。如果您没有设置缩略图，我会放置主题截图。当然，这可以自定义，以显示您的自定义图像。

希望这有帮助。