WordPress博客文章页添加OG协议标签

2024-05-14T11:16:21
By 幼儿园最酷

我们已经知道开放内容(OG)协议对SEO优化的作用,而在日常应用中,我们也能经常看到一些WordPress博客会在自己的页面的部分加入OG协议,实现起来很容易。

今天Lyle就说说如何为WordPress博客文章页添加OG协议标签。因为WordPress大部分为文章形式页面,所以我们只需要添加以下几个协议即可:

og:type //页面内容类型,wordpress博客通常使用article文章类型即可。
og:title //这里是文章标题
og:description //页面的简单描述,wordpress中可以使用文章摘要
og:site_name //页面所在网站名,wordpress中使用博客网站名称
og:url //文章页面url地址
og:image //文章略缩图地址

添加方式为,找到当前主题使用header.php文件,在标签内部插入代码:

<meta property="og:type"?content="acticle">
<meta property="og:title"?content="<?php wp_title('-', true, 'right'); echo get_option('blogname'); if (is_home ()) echo get_option('blogdescription'); if ($paged > 1) echo '-Page ', $paged; ?>">
<meta property="og:site_name "?content="<?=get_bloginfo('name');?>">
<meta property="og:description"?content="<?php the_excerpt();?>">
<meta property="og:url"?content="<?php the_permalink();?>"/>
<meta property="og:image"?content="<?php wpjam_post_thumbnail();?>">


(本文内容根据网络资料整理和来自用户投稿,出于传递更多信息之目的,不代表本站其观点和立场。本站不具备任何原创保护和所有权,也不对其真实性、可靠性承担任何法律责任,特此声明!)


常见问答(FQAS)


如何在WordPress博客文章页添加Open Graph协议(OG)标签?

你可以使用SEO插件如Yoast SEO或All in One SEO Pack来自动添加OG标签。你也可以在单独的文章模板文件 single.php中手动添加OG标签,例如:

OG标签应包含哪些内容?

主要的OG标签包括:
- og:title - 文章标题
- og:type - 一般为 article
- og:url - 文章URL
- og:image - 文章缩略图URL
- og:description - 文章描述
- og:site_name - 网站名称

OG标签添加后如何测试是否成功?

你可以打开该文章URL,检查源代码是否包含了正确的OG标签。另外你也可以在Facebook Object Debugger或Google Search Console中输入URL进行测试验证。如果配置正确,它们将读取和显示OG标签中的信息。

如果没有图像,是否需要添加og:image标签?

og:image标签是可选的,如果文章没有图像,你可以不添加这个标签。但是添加一个代表网站的默认图像可能会让分享效果更好。

No Tags