HTML5和SEO,让你的内容营销更上一层楼
HTML5是HTML4诞生10年后的一项重大突破,在2010年4月成为了网络媒体的主流。国内对HTML5的认知很大程度还停留在HTML5强大的可以替代Adobe Flash的那部分。事实上,作为数字营销者或网络营销从业人员,你更应该了解HTML5最精华的那部分,即HTML5可以使你的网站结构更加清晰并使你具有价值的内容付出水面。对于SEO来说它更方便搜索引擎理解你的网页的内容,并告知搜索引擎哪些是页面中重要的内容,而哪些是次要内容。你可能要问搜索引擎真的关心这些吗?答案是肯定的,这已经是搜索引擎判断网页质量的重要依据。
那些重要的HTML5标签
HTML5相对于HTML4来说最重大的革新就是增加了这些标签:
-
<NAV>标签,用于标识网站导航。
导航标签中往往包含大量链接,它可以告诉搜索引擎你的网站的大致分块结构便于搜索引擎理解。同时让搜索引擎理解你放置大量链接的用意。
-
<HEADER>标签,用于标识网页页头。
网页页头往往是每个页面都为重复内容,而且这些内容位于HTML文件的上部。添加这个标签是为了通知搜索引擎该页面的页头范围,避免将其用作摘要和内容比较。我们也可以把<NAV>标签放置在<HEADER>标签中。
-
<FOOTER>标签,用于标识网页页脚。
与页头标签相似,页脚标签往往也包含大量重复内容和一些友情链接。我们可以把这些内容用<FOOTER>标签划定范围。
-
<ASIDE>标签,用于标识网页边栏。
这是用于侧栏或边栏的标签。习惯上很多网站会放置一些小工具或广告位。为了避免喧宾夺主,我们要把这些内容用<ASIDE>标签括起来。
-
<ARTICLE>标签,用于标识网页正文。
这才是网页内容的精华,也是你要下功夫的地方。你要知道一篇好的文章会是原创的,内容相关的同时是条理清晰的。一些社交媒体,如微博,在分享你的页面时会自动抓取<article>标签内的图片作为缩略图。如果一个页面含有多篇文章,你可以用多组<ARTICLE>标签进行整理。在<ARTICLE>标签里你要做好的主要是3点:
- 正文需要有一定字数,100字以上为佳。别忘了分段。
- 用好标题标签<H1>,<H2>,<H3>。
- 最好插入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标签,你可以查看你的页面源码,如果你的前端工程师还不太了解,那请你转给他看吧。
我们在不久前曾经介绍过 百度的网页质量白皮书和关于 结构化数据的讨论。如果可以结合这两篇会有更好的效果。