HTML5和SEO

杰拉尔德希克斯 经过 杰拉尔德希克斯  |  2012年10月18日

自第一个Web搜索引擎的出现以来,设计师和开发人员在搜索引擎结果页面上挣扎着如何增加他们的位置。

与主要的搜索引擎(谷歌,Bing等)不愿意揭示他们的排名算法 - 保护它们“black hat”搜索引擎优化仪试图游戏系统 - “white hat”搜索引擎专家必须发挥常数猜测游戏,以确定哪种策略将是最有效的。

从HTML和XML到JavaScript和Flash的持续开发技术使得追求素材搜索引擎房地产成为一个巨大的行业。

HTML5的引入已经简化了许多任务,但在该领域增加了另一种复杂性。

 

HTML5和多媒体

多年来,Web设计人员和开发人员使用了Adobe Flash和Microsoft Silverlight等插件,以向其项目添加音频,视频和图形内容。这些插件使专业人员能够创造有光泽,引人注目的设计,吸引了游客并获得了众多奖项。

然而,由于WebCrawler,这些网站传统上遭受了糟糕的搜索引擎排名’无法索引这种类型的内容。在闪存前的死亡之前,在这一领域进行了大踏步进步,但在很大程度上,插件索引领域的投资现已完全停止。

HTML5允许索引多媒体内容,例如菜单,音频和视频,具有新的标记标记。这些标签中的内容可以改进一个站点’S搜索引擎排名。实际上,HTML5网站一直比用插件构建的等效网站始终高出级别;然而,HTML5有一些问题’适合所有任务。

谷歌经常告诉我们为用户构建一个站点‘natural’内容。我们可能需要等待HTML6以便。

棋

棋子 via Shutterstock

 

HTML5和链接类型

在过去几年中,开发人员将使用“rel”在它们的链接标记上属性以指定Web爬网程序不应遵循的链接:

<a href="no-follow.htm" rel="nofollow">Don't Follow This Link</a>

在HTML5中,链接标记的“Rel”属性的新值允许我们为文档创建上下文,前进,应该为用户提供大大改进的搜索结果:

备用 允许我们指定备用内容,例如PDF格式中的相同文本,或以不同的语言相同的内容。

<link rel="alternate" hreflang="es" href="espanol.html">

作者 使我们能够链接到作者’S档案。如果提交人签署到Google+,这在谷歌上有很大的好处。

<link rel="author" href="//plus.google.com/0123456789">

书签 让博客链接到文章’如果您的文章通常在主页上发布,则有用的永久URL。

<a rel="bookmark" href="http://mysite.com/article.html">Permalink</a>

帮助 旨在由第三方应用程序使用,以提供帮助文件的访问。在博客页面上没有太多使用,而是对于基于Web的应用程序非常宝贵。

<link rel="help" href="helpfiles.html">

执照 提供许可信息的链接。

<a rel="license" href="licensing.html">License information</a>

下一页上一页 当文档是一个系列的一部分时,使用将上下文赋予当前页面。

<a rel="next" href="page-2.html">Next</a>
<a rel="prev" href="page-0.html">Previous</a>

搜索 提供到可用于搜索当前文档及其相关页面的资源的链接。

<link rel="search" href="http://www.mysite.com/mysearch.xml">

可以找到这些属性值的完整规范 W3C网站.

 

HTML5和排名

在2010年底, 约翰穆勒 谷歌说明了HTML5是“仍然是一项进展的工作”并且该公司仍在致力于索引HTML5内容的方法。然而,该公司正在真诚地努力将HTML5内容的索引融入最新一代Web爬网。

棋

黑猩猩棋子 via Shutterstock

虽然谷歌’S与HTML5标准的关系仍然在助焊剂中,而谷歌仍然是大多数SEO努力的重点,HTML5’介绍了新内容和描述内容的方式,不太可能提供任何真正的SERP福利。

但是,允许使用更少的努力索引更多内容的优点是不争议,并且HTML5迅速成为Web设计的新标准,这只是HTML5网站Outrank XHTML站点之前的时间问题。 WebDesigners今天应该规划这个未来。

 

你是否充分利用了HTML5’额外的标记?您是否在XHTML上看到了在HTML5中编码的任何SEO受益?让我们在评论中知道。