HTML5和SEO,让你的内容营销更上一层楼

HTML5是HTML4诞生10年后的一项重大突破,在2010年4月成为了网络媒体的主流。国内对HTML5的认知很大程度还停留在HTML5强大的可以替代Adobe Flash的那部分。事实上,作为数字营销者或网络营销从业人员,你更应该了解HTML5最精华的那部分,即HTML5可以使你的网站结构更加清晰并使你具有价值的内容付出水面。对于SEO来说它更方便搜索引擎理解你的网页的内容,并告知搜索引擎哪些是页面中重要的内容,而哪些是次要内容。你可能要问搜索引擎真的关心这些吗?答案是肯定的,这已经是搜索引擎判断网页质量的重要依据。

合理使用HTML5提升SEO效果

合理使用HTML5提升SEO效果

那些重要的HTML5标签

HTML5相对于HTML4来说最重大的革新就是增加了这些标签:

  • <NAV>标签,用于标识网站导航。

    导航标签中往往包含大量链接,它可以告诉搜索引擎你的网站的大致分块结构便于搜索引擎理解。同时让搜索引擎理解你放置大量链接的用意。

  • <HEADER>标签,用于标识网页页头。

    网页页头往往是每个页面都为重复内容,而且这些内容位于HTML文件的上部。添加这个标签是为了通知搜索引擎该页面的页头范围,避免将其用作摘要和内容比较。我们也可以把<NAV>标签放置在<HEADER>标签中。

  • <FOOTER>标签,用于标识网页页脚。

    与页头标签相似,页脚标签往往也包含大量重复内容和一些友情链接。我们可以把这些内容用<FOOTER>标签划定范围。

  • <ASIDE>标签,用于标识网页边栏。

    这是用于侧栏或边栏的标签。习惯上很多网站会放置一些小工具或广告位。为了避免喧宾夺主,我们要把这些内容用<ASIDE>标签括起来。

  • <ARTICLE>标签,用于标识网页正文。

    这才是网页内容的精华,也是你要下功夫的地方。你要知道一篇好的文章会是原创的,内容相关的同时是条理清晰的。一些社交媒体,如微博,在分享你的页面时会自动抓取<article>标签内的图片作为缩略图。如果一个页面含有多篇文章,你可以用多组<ARTICLE>标签进行整理。在<ARTICLE>标签里你要做好的主要是3点:

    1. 正文需要有一定字数,100字以上为佳。别忘了分段。
    2. 用好标题标签<H1>,<H2>,<H3>。
    3. 最好插入1到2张图片。
  • <SECTION>标签,用于标识正文中一个段落章节。

    段落章节标签用于长文章的分篇,在文章较长时合理运用<SECTION>标签可以起到优化作用。<SECTION>标签和<ARTICLE>标签的区别在于,后者可以独立形成一个完整的主题。前者却不可。所以<SECTION>可以用于正文以外的内容,如,前言、脚注、声明等等。你也可以把<SECTION>嵌套在<ARTICLE>里使用。

那些很实用的HTML5新标签

还有一些很实用的HTML5标签也可以便于搜索引擎理解你的网页。它们是:

  • <ADDRESS>用于放置地址和联系信息。不知道那些防骚扰电话的手机app是否从这里抓取了信息。
  • <BLOCKQUOTE>用于引用,给你一个抄袭的理由。(笑)
  • <MAIN>用于标识主体内容。这个标签的层次介于<BODY>和<ARTICLE>之间。它用于划定主要内容的范围(即不包括页头,页脚和边栏)但是它又是唯一的,它可以包含好几个<ARTICLE>标签。但是它不能被<ARTICLE>和<SECTION>标签包含。
  • <SUMMARY><DETAILS>这两者要成对使用,前者用于表面内容的摘要,后者用于点击摘要后显示(可通过CSS或调用JavaScript)的详细内容。

以上就是极诣为你整理的一些实用的HTML5标签,你可以查看你的页面源码,如果你的前端工程师还不太了解,那请你转给他看吧。

我们在不久前曾经介绍过百度的网页质量白皮书和关于结构化数据的讨论。如果可以结合这两篇会有更好的效果。

 

标签为: ,