开放图谱(OpenGraph 或 OG),是用来分享网页内容到社交媒体上使用的富媒体标签。我们分享一个网页通常有两种方式,一是直接把 url链接发出去,二是使用开放图谱的富媒体形式展现。
1、什么是 OpenGraph?
前几天遇到一个朋友询问网页源代码中 og:title 与 title 的内容完全相同,想知道对 SEO 有没有坏处。如下图所示:
上图红框中的 og:title,og:description, og:image,og:url,twitter:car 这一系列标签统称为 OpenGraph(开放图谱)。
当页面被共享(或喜欢)时, OpenGraph 控制信息如何从第三方网站传输到 Facebook 来帮助优化访客看到的内容形式。这些信息是通过网站代码中的 OpenGraph 元标记发送的。
这个技术主要起源于 Facebook 在 2010 年推出的 OpenGraph 协议,经过多年发展已经被很多不同的社交网络和搜索引擎使用,比如 twitter、Pinterest、Google+ 等。
2、 OpenGraph标签的具体表现形式
- og:title:网页标题。只要链接你的网站就会显示此内容,切记设置内容能够引起注意
- og:site_name:网站名称。与网页的实际标题不同,通常显示在标题下方
- og:description:网站简要说明。一般不超过2个句子,简洁、准确、关键点、吸引点击
- og:type:用于确定内容类型的标签。类型会改变内容的显示方式
- og:image:要显示的图像的 URL。推荐分辨率是 1200 像素 x 627 像素。大小不超过 5MB。必须为 JPEG、GIF 或 PNG 格式的一种。
- og:url:希望内容链接到的 URL
以及其他更多标签形式。
除了这 4 个标签必须有之外:og:title、og:type、og:url、og:image,其他标签并非必不可少的。
3、开放图谱标签有什么作用?
长话短说,这一系列标签看上去与网站默认的 title、Description 等是重复的,但其实对 SEO来有以下好处:
- 正确的分享网站内容到社交媒体网站
- 卡片式富媒体内容的用户体验很好
- 帮助网站内容有效的在 社交媒体网络中传播
主要是对做国外网站、外贸网站的朋友们有很大作用。通过 OpenGraph 分享网站内容到社交媒体,形成病毒式传播。社交媒体网站是相当一部分部分网络流量的主要驱动来源,是否能利用社交标签助推网站内容已经是现在站长不可或缺的一项基本技能。
搜索引擎蜘蛛爬取网页 html 代码,特别是 meta信息。你可以把 meta 标签同时用到 og:title 中,对于权重提升和排名有正向帮助。
如果你不懂如何设置标题关键词描述,请参考WordPress网站title/description/keywords标签在哪里添加及如何添加,老魏在里面有很详细的讲解。外贸网站请移步英文外贸网站 title/keywords/description怎么写这篇文章,对于外贸、跨境电商网站有针对性的分享内容。
更为重要的是:开放图谱标签对网页内容的点击率和产品转化率会产生出乎意料的影响,Open Graph 变成了 SEO策略中的一个重要工具。
4、如何添加开放图谱标签
实施 OpenGraph 标签很简单,原本它们都是页面 HTML 源代码的一部分。
当用户使用百度分享(消失很久了)、jiathis 等分享类工具把网页分享到 facebook、twitter、微博时,社交媒体网站中的内容是按照 og标签设置形式呈现的,一般是富媒体卡片形式。
即使你不懂源代码,也可以使用 WordPress插件轻松实现。比如 Yoast SEO插件和 Rank math插件都自带这个功能。
Yoast SEO 插件和 Rank math插件默认启用了开放图谱功能。可以一键开启或关闭,为没有特色图片的页面添加默认图像来自定义你的开放图谱标签。可以自定义编辑任何一个页面、文章的开放图谱内容。
这两款插件都带有 OpenGraph 预览功能,编辑使用起来十分方便。想看实际操作步骤的朋友请到 Yoast SEO如何添加 OpenGraph 元标签和 在 Rank Math 添加 OpenGraph 元数据。
5、有的 seo工具检测到 Meta Property=og 出错,我们可以忽略掉。一般用上面的插件生成的 og标签都是没问题的。
手动写代码时,添加了 og:description 也同时要添加 Description,这是两种标签,分别用于不同对象。
总结:开放图谱(OpenGraph)是用富媒体卡片的形式在社交媒体展示网页内容的一种方式。对于外贸网站、非中文网站来说非常重要,可以看做是 SEO优化策略的重要一环。实现方法非常简单,Yoast SEO 插件或 Rank math插件都默认启用,也可以对每个页面、文章页、产品页进行自定义编辑。
暂无评论内容