正确理解HTML的语义有助于搜索引擎优化

什么是POSH ？不，这不是一些新的网页设计上的时尚的宣传- POSH是Plain Old Semantic HTML（清晰老式语义化HTML）缩写。语义的HTML这个词被用于各种各样的事情，但它起源于一个目标：使用语义化的标记和属性建立XHTML文档，而不是用表象的HTML 。POSH这个名词被创造出来，因为一群高度值得尊敬的网页设计师想有一个简短的便于记忆的，能轻松捕捉的语义化HTML本质概念 。

为什么要使用语义化的HTML？

你可能会说： “因为对于互联网这是正确的事情， ”但它的好处远远超出了这一点。例如，它使得有屏幕阅读器有次序的解析网页，从而视觉障碍的用户更容易理解获取网站的信息。

其次，搜索引擎优化和语义的HTML是密不可分的伙伴。他们有时可能有利益冲突，我们会稍后在文章中说明，但总的来说，他们是一致的。搜索引擎优化的目的是为了帮助搜索引擎爬虫更好地了解网页的信息和将网页更好地归类。搜索引擎爬虫不比视觉阅读器强多少，它需要更多的指引去确定一个网页的结构和主题。好的语义化的HTML能够体现页面的结构。

语义的HTML试图通过网页上文字和标记传达网页的含义。 尝试这样思考：如果网页上的内容是你说的话。那么标签是话的结构，音调，停顿，甚至是脸上的表情。基本上标签是一半语言。

网站结构

我在以前的文章dev.opera.com我谈到网站结构，目的是提供一个明确的方式为搜索引擎发现这些网站上的网页讨论的主题-这可以进一步提高利用语义的HTML的效果。

网页结构

网页包含一个title，内容。 内容可以包含段落，列表，引用，图片和表格。所有这些类型的信息都有自己特定的标记。我们将所有这些标签以标题开始。使用此有关排序表的网页作为例子引出以后要描述的点（不好翻译，原文：Use this page about sortable tables as an example to follow along with for the coming points.）。

标题，由H1至H6

一个很好的文档拥有标题和小标题，因为标题更容易确定网页的主题。这些标题根据重要性从h1至h6排列。说实话，我自己从来没有使用h5和h6。我通常只有一个h1标记在内容页上;在入口网页，例如博客首页上，你可以有多个h1在你的所有文章上。 从语义的角度出发，这样肯那个很奇怪，但是从搜索引擎优化的角度来看，它是很有效的。

严格语义研究者会建议你只有一个h1两个h2的，3个h3的等，在我来看，我不同意这种说法，通常一个文档不仅仅只有两个h2，我认为这样式也是非常良好的结构。

通常，了解语义化HTML的设计师会把网站的标题放在h1中。在一个网站的主页上，这可能是一个非常明智的决定。网站其他的页面上，你可能有一个特定的标题，这可能与你的网站名称相关，但是不是。关于这些子网页，这个标题应放在h1是明智的，把你的网站名称放在h4甚至span中。

搜索引擎会给标题中的文字以更高的权重。您的网页关键字优化应该至少一次出现在h1中，而且相关的关键字在其他标题（hx）中，图1所示 。

 
图：包含关键词的标题有助于提高网页的搜索引擎优化

图像

文档中图片被以各种方法使用，应该让图片体现适当语义。 唯一真正有用的语义标记是img标记的alt属性，而且只应该用在对文档而言有特定含义的图片。如果图像只有装饰的目的，让alt属性为空。否则，在alt中注明图像描述的信息。