关注我们

标签列表

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南

兔子兔子 SEO优化 2019-01-18 750 0

SEO跟大多数事情一样是不断变化的,SEO优化中标签的定义和用法也是经常发生变化。如果你处于SEO优化的这个领域,你应该实现结构化数据以确保爬虫获得最佳体验。首先在看此篇文章之前,确保你已经对HTML元标签有一定的了解,今天兔子要讲的是网站代码优化中的HTML和Meta Tags指南,包括了Hreflang,Canonical标签,Content type 标签,Title标签,Meta Description标签, Viewport 标签,Robots Meta 标签和Open graph(OG) meta tags。

HTML元标签vs元标签

首先,是时候弄清楚HTML元标签和元标签了。两种标签类型之间的区别很大程度上是随意的,HTML元标签的语法意味着它将包含meta,而定义为元标签的标签不一定非要。这个决定是否由W3C定义,并且随着时间的推移而变化,然而,我们需要记住的重要一点是它们都服务于相同的目的,那就是它们被用来提供搜索引擎关于网页的信息。

注:有些人将头部标签(header tags)作为元标签,但是由于它们描述的是页面的一个元素,而不是整个页面的内容,所以我们决定将它们排除在外。不过,可以肯定的是优化头部标签将有助于搜索引擎以及更重要的用户了解您的内容。

那么随着这一点的理解,在我们的SEO优化中,需要选择哪些有用的HTML和meta tags并且运用。

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第1张

Hreflang

Hreflang标签在技术上不是标签,这是一个属性,但它是一个重要的属性,可以告诉Google或者百度你的网页正在使用哪种语言的内容。

如果你有一个网站使用多个语言,或者服务于不同的地区,那么您一定要使用Hreflang以确保在正确的Google版本中提供正确的语言版本。这可以帮助搜索引擎更好地对您的内容进行排名,更重要的是确保不同地区的用户获得正确的体验。

英国用户定位网页的示例代码片段:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第2张

Canonical Tag

另一个非常重要的是Canonical标签。将其设置不正确,你可能会损失SERP中的可见性并导致网站遇到实际问题。但是,正确使用它是告诉搜索引擎网页网址URL是事实版本的好方法。这是避免网站上出现重复内容问题的最佳方式,这是由搜索引擎抓取包含相同或接近相同内容的多个网址引起的

一般来说,如果一个搜索引擎找到了多个具有相同内容的URL,那么确定哪一个是原始的,哪一个是重复的就更难了。这可能导致排名较低,或者更糟的是,一个重要的页面不会排名。

用于Cononical标记的示例代码片段:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第3张

Content Typet Tag

内容类型标记用于定义页面内容类型及其使用的字符集。使用它可以帮助您的浏览器理解和解码页面,因此非常重要。

内容类型标签使用的示例代码片段:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第4张

Title Tag

可能是任何人进行搜索引擎优化工作的更可识别和使用的标签之一。标题标签用于指定网页的内容。它们显示在您的浏览器标签中,为用户提供引导,更重要的是被搜索引擎用于生成我们在SERP中看到的结果。

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第5张

从SEO的角度来看,优化标题标签以包含关于页面内容的主题/关键字信息有助于提高您对这些主题/关键字的排名。目前,您可以期待Google和百度在标题截断前显示50-60个字符的标题,因此在编写标题时请注意长度。

标题标签的示例代码片段,位于网页顶部的标签头部:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第6张

Meta Description Tag

类似于标题标签,元描述标签是众所周知的,并为您提供了一个机会,让SERP中的搜索引擎和用户知道您的网页内容是关于什么的。虽然不是直接的排名因素,但您应该优化您的元描述,为您的网页内容提供引人注目的简洁说明。

注:如果Google或者百度认为你SEO做的不够规范,他们可能会选择用自己的解释替换您的元描述标签,通常会使用网站开头部分的内容

元描述标记的示例代码片段:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第7张

Viewport Tag

视口标签是帮助浏览器了解和控制网页尺寸的有用标记。

过去,由于每个人都在类似尺寸的显示器上查看桌面上的网页,所以没有必要使用此标签,但随着手机和平板电脑使用的兴起和增长,其中有很多不同的尺寸,现在更重要的是要确保你告诉浏览器这些信息。

正确的执行视口标签将确保用户以正确的方式体验您的网站。

视口元标签的示例代码片段:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第8张

Robots meta tags

你可以使用大量Robots元标签,所有这些都可以帮助搜索引擎抓取完成他们通过互联网抓取和索引网页的工作。并非所有的搜索引擎都会遵循所有的命令,但下面是Robots元标签的一些例子以及他们要求爬虫做的事情:

Nofollow:告诉爬虫不要爬取该页面上列出的任何链接,也不要将任何权益传递给链接的页面

Noindex:告诉爬虫不要索引该页面

Noimageindex:告诉爬虫不要从该页面索引图像

Noarchive:告诉爬虫不要包含缓存版本

Robots meta tags的示例代码片段:

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第9张

Open Graph(OG)元标签

最后,我们有用于社交的OG元标签。尽管不那么直接收益于SEO优化,但确保您正确实现社交的OG元标签可以帮助确保您的内容在分享时看起来很棒,有助于提高对帖子的参与度并最终提高流量。

长沙SEO优化:2018 HTML和Meta Tags元标签规范指南 SEO优化 第10张

你可以在你的网站上使用一系列其他标签,长沙SEO兔子说了以上八种标签指南,这个列表并不是详尽无遗的,但希望能指导一些你可以在你的网站上使用的更重要和有用的标签,对于搜索引擎和爬虫都有更好的体验。

版权声明

本文仅代表作者观点,著作权归作者所有,未经许可,不得转载。

喜欢0发布评论

评论列表

发表评论

  • 昵称(必填)
  • 邮箱
  • 网址