Return to site

网站seo|搜索引擎关键词优化-必须拥有Twitter,Google +,Facebook等社交元标签

社交媒体标签

· seo优化

网站建设中,社交媒体元数据包含在我们发布的所有新内容中。这使我们可以通过精确定义标题,描述,图像等在社交流中的显示方式来优化共享TwitterFacebookGoogle +Pinerest

将其视为社交曝光的转换率优化。

SEO优化的影响也很重要。我们从经验和研究中了解到,正确的数据(包括优化的图像)有助于内容传播,这通常会导致链接和提及的增加。

确切地知道要包含哪些社交元标记甚至会让有经验的网站管理员感到困惑,对于我们大家,请考虑主要社交平台支持的不同结构:

  • Twitter卡摘要,图像,画廊,应用程序,视频,音频和产品
  • Pinterest Rich Pins产品,食谱,电影和文章
  • Google+:文章,博客,图书,活动,本地商家,组织,人员,产品和评论
  • Facebook文章,照片,音频,视频等

为了帮助解决此问题,我创建了四个社交媒体标记模板,您可以填写,自定义以供自己使用,并与您的团队和其他人共享。

如何使用这些模板

只需将模板复制并粘贴到您选择的文本编辑器中即可。确保使用您自己的数据替换下面的文本,并自定义,删除或添加您认为必要的任何标签。

前三个模板使用典型的“ 文章 ”标记和数据进行优化,非常适合博客文章和大多数书面内容。最终模板包含产品页面的标记。对于其他帖子类型,例如书籍或食谱,请参阅本文末尾链接的文档,以获取有关自定义内容的参考。

完成后,不要忘记测试并申请批准。

1.最小模板

这款纤薄的后背版本精简而快速。它包含了最少的数据,可以在Twitter,Facebook,Google +Pinterest之间进行优化共享。

即使它们不是技术上的社交媒体元标记,也包括标题标签和元描述。这是因为它们可以被Google+和其他社交媒体平台使用,最佳做法是将它们包含在您发布的每个页面上。

最低社交媒体标记模板:文章

<! - 将此数据放在您网站的<head>标签之间 - >
<title> 页面标题。最大长度为60-70个字符 </ title>
<meta name =“description”content =“ 页面描述。不超过155个字符。 ”/>

<! - Twitter卡数据 - >
<meta name =“twitter:card”value =“summary”>

<! - 打开图表数据 - >
<meta property =“og:title”content =“ Title Here” />
<meta property =“og:type”content =“article”/>
<meta property =“og: url“content =” http://www.example.com/ “/>
<meta property =”og:image“content =” http://example.com/image.jpg “/>
<meta property =”og :description“content =” 描述这里 “/>

2:标准模板

标准模板表示社交标签的更强大的实现,并且旨在跨所有平台工作。除了上面的mimimal模板的所有功能外,标准模板还包括以下内容:

  • 基本的Twitter摘要卡
  • Twitter缩略图
  • Facebook页面见解
标准社交媒体标记模板:文章

<! - 将此数据放在您网站的<head>标签之间 - >
<title> 页面标题。最大长度为60-70个字符 </ title>
<meta name =“description”content =“ 页面描述。不超过155个字符。 ”/>

<! - Twitter卡数据 - >
<meta name =“twitter:card”content =“summary”>
<meta name =“twitter:site”content =“@ publisher_handle ”>
<meta name =“twitter:title” content =“ Page Title ”>
<meta name =“twitter:description”content =“ 页面描述少于200个字符 ”>
<meta name =“twitter:creator”content =“ @ author_handle ”>
< - Twitter摘要卡图片必须至少为120x120px - >
<meta name =“twitter:image”content =“ http://www.example.com/image.jpg ”>

<! - 打开图表数据 - >
<meta property =“og:title”content =“ Title Here” />
<meta property =“og:type”content =“article”/>
<meta property =“og: url“content =” http://www.example.com/ “/>
<meta property =”og:image“content =” http://example.com/image.jpg “/>
<meta property =”og :description“content =” Description Description “/>
<meta property =”og:site_name“content =” 站点名称,即Moz “/>
<meta property =”fb:admins“content =” Facebook数字ID “/>

3:Full Monty

这是怪物!除了标准模板中包含的所有数据外,完整模板还包含:

  • Google AuthorshipPublisher Markup。虽然此数据不会更改您在Google+中的内容外观,但可能会在搜索结果中添加指向您的Google+信息页的链接
  • Schema.org文章标记
  • Twitter摘要卡与大图像
  • 扩展的Open Graph文章数据
完整的社交媒体标记模板:文章

<! - 更新您的html标记以包含itemscope和itemtype属性。- >
<html itemscope itemtype =“http://schema.org/Article”>

<! - 将此数据放在您网站的<head>标签之间 - >
<title> 页面标题。最大长度为60-70个字符 </ title>
<meta name =“description”content =“ 页面描述。不超过155个字符。 ”/>

<! - 适用于Google+的Schema.org标记 - >
<meta itemprop =“name”content =“ 此处的名称或标题 ”>
<meta itemprop =“description”content =“ 这是页面描述 ”>
<meta itemprop =“image”content =“ http://www.example.com/image.jpg ”>

<! - Twitter卡数据 - >
<meta name =“twitter:card”content =“summary_large_image”>
<meta name =“twitter:site”content =“@ publisher_handle ”>
<meta name =“twitter:title” content =“ Page Title ”>
<meta name =“twitter:description”content =“ 页面描述少于200个字符 ”>
<meta name =“twitter:creator”content =“ @ author_handle” >
<! - Twitter摘要卡大图像必须至少为280x150px - >
<meta name =“twitter:image:src”content =“ http://www.example.com/image.jpg ”>

<! - 打开图表数据 - >
<meta property =“og:title”content =“ Title Here” />
<meta property =“og:type”content =“article”/>
<meta property =“og: url“content =” http://www.example.com/ “/>
<meta property =”og:image“content =” http://example.com/image.jpg “/>
<meta property =”og :description“content =” 描述这里 “/>
<meta property =”og:site_name“content =” 站点名称,即Moz “/>
<meta property =”article:published_time“content =” 2013-09-17T05:59 :00 + 01:00 “/>
<meta property =”article:modified_time“content =” 2013-09-16T19:08:47 + 01:00 “/>
<meta property =“article:section”content =“ Article Section ”/>
<meta property =“article:tag”content =“ Article Tag ”/>
<meta property =“fb:admins”content =“ Facebook numberic ID ” />

奖励:产品模板

对于商家来说,产品标记非常受欢迎,开发人员通常很容易在他们的购物车软件中实施。产品模板与文章标记的区别仅在于以下几个方面:

  • 修改了<html>标记以反映schema.org产品数据
  • Twitter产品卡包括所需的数据标签
  • Open Graph数据包括价格和货币数据
产品社交媒体标签模板

<! - 更新您的html标记以包含itemscope和itemtype属性。- >
<html itemscope itemtype =“http://schema.org/Product”>

<! - 将此数据放在您网站的<head>标签之间 - >
<title> 页面标题。最大长度为60-70个字符 </ title>
<meta name =“description”content =“ 页面描述。不超过155个字符。 ”/>

<! - 适用于Google+的Schema.org标记 - >
<meta itemprop =“name”content =“ 此处的名称或标题 ”>
<meta itemprop =“description”content =“ 这是页面描述 ”>
<meta itemprop =“image”content =“ http://www.example.com/image.jpg ”>

<! - Twitter卡数据 - >
<meta name =“twitter:card”content =“product”>
<meta name =“twitter:site”content =“@ publisher_handle ”>
<meta name =“twitter:title” content =“ Page Title ”>
<meta name =“twitter:description”content =“ 页面描述少于200个字符 ”>
<meta name =“twitter:creator”content =“ @ author_handle” >
<meta name =“twitter: image“content =” http://www.example.com/image.jpg “>
<meta name =”twitter:data1“content =” $ 3 “>
<meta name =“twitter:label1”content =“ Price ”>
<meta name =“twitter:data2”content =“ Black ”>
<meta name =“twitter:label2”content =“ Color ”>

<! - 打开图表数据 - >
<meta property =“og:title”content =“ Title Here” />
<meta property =“og:type”content =“article”/>
<meta property =“og: url“content =” http://www.example.com/ “/>
<meta property =”og:image“content =” http://example.com/image.jpg “/>
<meta property =”og :description“content =” Description这里 “/>
<meta property =”og:site_name“content =” 站点名称,即Moz “/>
<meta property =”og:price:amount“content =” 15.00 “/>
<meta property =“og:price:currency”content =“ USD ”/>

用于测试和批准的工具
A. Twitter验证工具


在您的卡片在Twitter上显示之前,您必须先批准您的域名。幸运的是,这是一个非常简单的过程。实施卡后,只需在验证工具中输入示例网址即可。检查完标记后,选择“提交批准”按钮。

B. Facebook调试器


您无需事先批准您的元信息在Facebook上显示,但他们提供的调试工具可为您提供有关所有标签的丰富信息,还可以分析您的Twitter标签。

C.谷歌结构化数据测试工具


网站管理员传统上使用结构化数据测试工具来测试作者标记并预览片段在搜索结果中的显示方式,但您也可以使用Google可以从每个页面中提取的其他类型的元数据。

D. Pinterest Rich Pins验证器

与Twitter一样,Pinterest需要批准流程才能启用Rich Pin功能。使用Rich Pin Validator工具测试您的数据标记并同时申请批准。

提示和最佳实践 优化图像

您在社交数据中链接到的图片实际上不必在页面上,但它应该很好地代表您的内容。该图像允许您控制人们在共享内容时看到的内容,因此使用高质量图像非常重要。

每个社交平台都有不同的规模标准。通常,保持简单并选择一个适用于所有服务的图像大小更容易。

  • Twitter缩略图:120x120px
  • Twitter大图:280x150px
  • Facebook:标准各不相同,但至少200x200px的图像效果最好。Facebook推荐宽达1200x630像素的大图像。

简而言之,更大的图像为您提供最大的灵活性。如有疑问,请使用下面的相应工具测试每个页面,以确切了解图像在snippits中的显示方式。

Open Graph数据的重要性

如果您只能选择一种类型的元数据,那么最好的选择是Open Graph。这是因为所有平台都可以将其用作后备,包括Twitter在很大程度上。

Facebook页面见解

元属性“fb:admins”要求您输入数字Facebook ID号,并允许您访问有关如何在Facebook上共享您的网站内容的分析。

本地化服务提示:杭州seo优化嘉兴seo优化、绍兴seo湖州seo义乌seo的本地企业,我们可上门服务。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly