您现在的位置是：首页 > WordPress教程WordPress教程

WordPress如何设置Open Graph

WP集市 2025-08-30 【WordPress教程】 1372人已围观

打开WordPress后台，找到主题文件编辑器。别慌，就是Appearance里的Theme Editor。找不到？试试装个插件，比如Yoast SEO或者专用的OG插件，但咱今天玩手动的。

在主题的header.php里加代码。对，就是和之间。先整段基础代码扔进去：

<?php
if (is_single()) {
$og_title = get_the_title();
$og_url = get_permalink();
$og_image = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
$og_description = get_the_excerpt();
} else {
$og_title = get_bloginfo('name');
$og_url = home_url();
$og_image = array(get_template_directory_uri() . '/default-image.jpg');
$og_description = get_bloginfo('description');
}
?>
<meta property="og:title" content="<?php echo esc_attr($og_title); ?>" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php echo esc_url($og_url); ?>" />
<meta property="og:image" content="<?php echo esc_url($og_image[0]); ?>" />
<meta property="og:description" content="<?php echo esc_attr($og_description); ?>" />

注意那个else部分——是给首页和归档页用的。没特色图片？自己传个default-image.jpg到主题文件夹里，不然社交媒体分享时可能显示个寂寞。

想更精细？给文章类型加判断。比如产品页面用product类型：

<?php if (is_singular('product')) : ?>
<meta property="og:type" content="product" />
<?php endif; ?>

测试工具用Facebook的Sharing Debugger（开发者工具里）。输入网址，抓取新信息。看到红字错误别急，缓存等半小时再试。OG就是这点磨人。
最后啰嗦句：改主题前备份！不然白屏了别怪我。插件党可以用Open Graph for WordPress这类东西，但代码控自己折腾更有味——就像喝咖啡不加糖，苦但醒脑。