如何在 Blogger 中添加 Twitter 摘要卡元标记

您可能已经注意到，当您在 Twitter 上分享您的网站或博客文章时，它不会显示网页的任何丰富内容，如标题、描述、缩略图等。现在 Twitter 引入了摘要卡标签，可帮助您添加网站的丰富内容推文中的内容。

摘要卡可以让 Twitter 更好地了解您在发布网站链接时想要显示哪些信息（例如标题说明、缩略图等）。它类似于和谷歌丰富的摘要。

这些摘要卡非常容易实现到您自己的 Blogger 网站或博客中。本教程将指导您如何操作！

以下是一些基本的 Twitter 摘要卡，必须包含在您的 Blogger 网站中 –

Twitter 摘要卡	描述
`twitter:card`	您要使用的 Twitter 卡的名称，例如摘要或摘要_大_图像。
`twitter:site`	您网站的 Twitter 处理帐户的用户名。
`twitter:creator`	创建者或作者的用户名。
`twitter:title`	网页或文章的标题。
`twitter:description`	网页或文章的简短描述（最佳字符长度为 150-160 个字）。
`twitter:image`	在 Twitter 上共享您的内容时显示的图像的 URL。图像大小应小于 5MB。

在 Blogger 中添加 Twitter 摘要卡元标记

请遵循此分步指南 –

登录您的 Blogger 控制面板并转至模板 > 编辑 HTML。
单击模板编辑器中的任意位置，然后按CTRL+F键打开搜索框。
现在输入<head>标签并按 Enter 按钮进行搜索。

在下面添加以下代码<head>标签，然后点击“保存模板“ 按钮。就是这样。

<!-- Twitter summary card meta tags for Blogger - Geek Instructor -->
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@site' name='twitter:site'/>
<meta content='@creator' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.pageTitle' property='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='twitter:title'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='your-blog-cover-pic-here' property='twitter:image'/>
<b:else/>
<meta expr:content='data:blog.postImageUrl' property='twitter:image'/>
</b:if>
<b:else/>
<meta content='your-blog-cover-pic-here' property='twitter:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>

笔记：您必须替换上面代码中突出显示的文本 -