当前位置:伍佰目录 » 站长资讯 » 站长资讯 » 网站优化 » 文章详细

把简单的推广方法做到极致,效果惊人

来源:本站原创 浏览:541次 时间:2014-11-12

Open Graph Protocol,开放性社会图谱协议,通常认为使用这个ogp标记可以有助于网站内容在社交媒体上的推广。但可能大多数SEOer对于这块标记的内容,关注得较少,比较陌生,接下来我们具体作下了解。

ogp标记是什么?

2010年4月22日Facebook在第三届F8开发者大会上推出Open Graph(开放性社会化图谱),再一次将Data Portability的概念带入人们视野。

根据Facebook CEO Mark Zuckerberg在F8 Keynote上的现场讲解,Mark认为互联网上不同的网站和应用已经成功建立了关于不同事物的“社会化图谱”,比如点评类网站Yelp建立了关于本地商家的图谱,在线音乐网站Pandora建立了关于歌曲之间的关系图谱,而Facebook则建立了人和人之间关系的图谱。所有的这些关系图谱对于用户来说都很重要,但是由于网站之间用户数据相互”隔绝”,用户很难分享在不同网站内建立的”关系图谱”。 Facebook提出的Open Graph计划,目的是要提供一个基础的人和人之间关系的“开放图谱”,其他所有互联网网站和应用都可以 基于这个“开放图谱“为用户提供应用和服务。

ogp标记有什么用?

通过ogp标记,可以使得社交媒体网络更好地获取网站的内容,且当用户将网站内容分享在社交媒体网络上时,网站的内容将会有更好的姿态予以展示,可以帮助网站内容在SNS上的传播。

ogp标记采用的方式是RDFa标记,在网站代码<head>部分里采用<meta> tag来进行数据的标记。其实这也是结构化数据标记的一种,当一个网页上有作了ogp标记时,把网址放到谷歌结构化数据测试工具里查看时,也能看到标记内容:

只不过我们通常认为的结构化数据标记,即丰富网页摘要,是帮助网站内容在搜索结果里有更好的展示,而ogp标记是帮助网站内容在社交媒体网络里有更好的展示。

如何进行ogp标记?

前面有提到,进行在ogp标记只要在网站标记页面的代码<head>部分使用RDFa标记形式对<meta> tag里的内容标记即可。

ogp标记有4种基本的标记项:

og:title 页面标题

og:type  页面类型

og:image 页面略缩图地址

og:url   页面地址

其余可选标记项:

og:site_name   网站名称

og:description 页面描述

og:audio       音频地址

og:video       视频地址

其它具体标记项可到ogp.me上查看。

现在以兰亭商品页的代码标记作下说明讲解,下图所示为示例页面上的代码标记:

标 记后的ogp代码可以在页面上点赞时的弹窗里进行体现,分享的图片是标记og:image的商品缩略图,商品名称为代码标记里的og:title内容:” [USD $ 98.99] A-line Jewel Ankle-length Tulle Wedding Dress(788859)”,商品标题底下的内容即为og:description: “I like this. Do you think I should buy it?”, 具体如下图所示:

LTB product fb

另外,ogp标记后的代码在Facebook里的展示效果得以优化,展示了分享的页面类型、图片、标题以及网站名称,如下图:
LTB product fb 01

值得一提的是,兰亭的og:title里直接带上了价格[USD $ 98.99],这个处理得很好,使得用户直接在facebook里看到商品价格,很是方便,提高了用户体验。另外,当你在facebook里鼠标移动到页面图片时,会进一步展示页面的描述内容,如下图:

LTB product fb 02

同时,页面图片、标题和网站名称均存在超链接可点击到对应的页面URL,方便了社交媒体用户精确地到达指定页面。

总结一下,open graph protocol的应用在现今的网站推广中,还是比较重要的。代码标记简易,而展示效果明显。因而有条件的网站,完全可以进行标记下。


伍佰目录声明:本站部分文章来源于网络,版权属于原作者所有。如有转载或引用文章/图片涉及版权问题,请联系我们处理.我们将在第一时间删除! 联系邮箱:tsk@qq.com

快速链接

最新收录

最新点入