我们运营推广人员在使用 WordPress 的时候,肯定会遇到 <meta property=”og:type” content=”” /> 这样的标签,特别是针对C端的网站。这是因为现在,其他社交媒体网站也在利用社交元标签的缘故,比如主要平台,Twitter,LinkedIn,和 Facebook,都可以识别 Open Graph 标签。实际上,Twitter 有自己的 Twitter carts元标签,但如果 Twitter 机器人无法找到任何标签,Twitter 就会使用 Open Graph 标签来代替。

 

一、为什么创建了 Open Graph ?

 

Open Graph是在2010年推出的,它促进了 Facebook 和其他网站之间的整合,允许它们成为富媒体对象,具有与其他 Facebook 对象相同的功能。简而言之,当一个页面被分享或者被喜欢时,对于信息如何精确从第三方网站传输到 Facebook是很重要的,这个标签就是精确的标注关键信息,然后顺利精确传输到社交媒体上。源代码的样式大概是这样的:

 

【WordPress教程】 什么是 Open Graph(property=

 

 

二、Open Graph 的作用有哪些?

 

社交媒体是很多网站,特别是做电商行业的外贸C端网站,它是大多数网络流量的主要渠道之一。因此,利用社交元标签的作用也是对当今的营销人员来说是一项至关重要的技能,这些标签会在外观上极大地影响转化率和点击率。

 

打个比方,你在 Facebook 上分享一个链接,然后却发现缩略图不见了,或者有一张完全不同于你想要的图片,这样就导致你的这篇分享也许无法吸引用户去点击,没有点击也就没有流量可言了。比如下面的图片分享效果明显就好很多,这就是OG标签的作用:

 

【WordPress教程】 什么是 Open Graph(property=

 

更详细的官方资料:https://ogp.me/

 

 

三、OG标签怎么去设置,以及WordPress插件的使用方法

 

怎么去设置这个标签呢,有两种大方法,一个是代码,一个是插件,本文主要以插件来说明,插件是 all in one,当然还有其他的,比如Complete Open Graph,Open Graph and Twitter Card Tags……自己可以多试试,具体步骤不想详细写了,截取了来自台湾网友的文章(在台湾不叫插件,是叫外挂),大家去学习下即可:

 

不过重要的是要记住,如果你的页面是静态的,你不使用其他类型的动态PHP内容管理系统(CMS)(比如 WordPress) ,那么你就需要手动更改每个页面的 og 标签了。如果你的网站是由 CMS 或者动态语言控制的,并且你安装了相关的插件,og 标签会自动分配给每个页面。此外最常推荐的 OG 图像分辨率是1200像素 x 627像素(1.91/1 比率),但是最好不要超过5mb 的大小限制。

 

 

【WordPress教程】 什么是 Open Graph(property=

 

 

 

  • 怎么解决呢?看这里!看这里!看这里!

 

All in One SEO 外挂,所以提供此外挂的设定方法!!!

 

检查你是否安装 All in One SEO 外挂的子功能套件 «Social Meta»,如果还没安装就照下图进行勾选 Activate 即可

 

 

【WordPress教程】 什么是 Open Graph(property=

 

 

再来请根据您的网站进行设定有关 MetaData 的设定,主要得针对两个部份进行设定,分别为 Home Page Settings 与 Image Settings

 

  • Home Page Settings

重点就是主页的 Home Image 要设定正确,因为它决定部落格的首页缩图啊 …

 

 

【WordPress教程】 什么是 Open Graph(property=

 

 

 

  • Image Settings

 

然后,在 Image Settings 的设定中可以指定 Select OGDefault OG 两项参数,先来说明何谓 Default OG?顾名思义就是指文章未指定图片时,将依预设图片的 URL 填入 og:image

 

另一个设定的重点是 Select OG,因为它可以自订相当多种 Image Source 型态,譬如:

 

Featured ImageFirst Attached ImageFirst Image in Content,并没有特别说哪一种设定比较好,纯粹看你的需求与想法

 

 

 

【WordPress教程】 什么是 Open Graph(property=

 

 

最后,就是利用 Facebook 提供的 分享测试工具 进行测试验证

 

请将欲测试的部落格网址输入并按下侦错,便可得到分享侦错工具的分析结果啰!

 

 

【WordPress教程】 什么是 Open Graph(property=

 


 

下图为贝果桑主页的分析结果,检视重点为 MetaData 的部份,请确认 og:image 显示的 URL 是否为你所设定的图片

 

【WordPress教程】 什么是 Open Graph(property=

 

 

 

    版权声明:

     本网站的所有文字、图片资料,【未注明转载的】均由作者亲自整理创作,任何媒体、网站或个人未经本人同意和授权不得复制、转载、转贴或以其他方式复制发布/发表,请尊重我的劳动成果,侵权必究,谢谢。

阿沐
1625139774@qq.com

发表评论

电子邮件地址不会被公开。 必填项已用*标注