seo教程:用语义化的html制作网页_

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

　　图像

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

　　seo教程:用语义化的html制作网页_，如果你想使用的图像来替换文字，因为你文字更好看一些（用图片代替），确保你使用的是正常的文本在您的html中，而使用css实现图片替代文字。你必须这样做，因为有视觉障碍的人和搜索引擎无法读取文本中的图像。我自己的首选方法，是通过css的background-image属性，然后隐藏html文本通过使用一个大的文本缩进（text-indent）（约-1000px或其他比较大的值。）要小心：文档中的图片上的文字应该是完全和文本一样。否则，你可能失去很多搜索引擎的排名值（译者注：会被搜索引擎惩罚为作弊）。

　　缩略语

　　作为一个网页设计师，会经常遇到缩略词，站群管理系统我在这篇文章中多次遇到，使用缩写或者简称。如果存在缩略词，请务必提供正式版的术语并且使用abbr或acronym标签。对密度过大的关键词很有效。

　　表格

　　我们都知道，为什么使用表格布局的网站是不好的，而且我们也知道他们是-用于显示表格数据的。使用基本的表格已经是在正确方向迈出的一大步，但也有一些方法，可以改善table语义的价值，从而进步一改善网站的seo：

　　1.使用表标题（th）为表格的表头（这很简单简单）

　　2。如果可以的话，使用thead，tbody和tfoot适当的区分表格

　　3.为表格提供了一个caption，说明是什么信息在表格中

　　caption和th是很好的放置你文档关键词的地方。

　　强调

　　还记得我说过标签应该是文字的情感吗？这才是真正的情感：您可以使用em或strong强调某些词。在过去，人们用b和i，但这些标记已不再提倡，因为它们意味着一个特定的表现，html仅仅是用来展示文档结构/含义（所有风格应当使用css来实现）

　　搜索引擎会给与这四个标记更高的权重（strongembi）。过量使用他们可是弊大于利的帝国CMS自动更新，实际会造成损失重点，但如果小心处理，可为你的文档增色不少。

　　简短的关于（i）frames

　　这很简单：不使用它们。搜索引擎不会读取他们，屏幕阅读器也很难处理他们。

　　利益冲突

　　所有上述规则也是可以做小小调整的，如果能让你所在的组织的每个人高兴，也是一件好事啊，当你的老板要在网页上有一个令人激动的营销标题，但是你不愿意，因为它没有准确描述这个网页，还把你认为重要的关键词挤到了第二位。如果你好胜心很强，你不妨把老板认为的一级标题放到h2中，二级标题放在h1中。

　　同样的问题也可以使用内置页框（iframes）和图像（images）来处理。如果有人很想你把某个大块内容放在排名较高的页面，但你并不想冒着失去网页重点内容的风险，自动采集软件你当然可以把这些内容放到iframe或不提供alt的图片中。

　　seo教程最终这些决定在于你-正常语义应该是你设计的基础，当你还想让你的网页最优的时候，这些冲突将出现。

　　并非如此简单的语义化html-微格式

　　微格式也语义的html，但他们并不完全简单！目前，搜索引擎很难使用微格式的算法，但是，很可能发生变化。特别是在hcard（html版本的的vcard）对于搜索引擎他显得非常简单和明显，我怀疑，未来的几年搜索引擎将开始使用他们。你可以更加智能的通过html基本语义使用微格式，例如，把hcard放在address标记中也是一个很好的方法！

　　结论

　　用语义化的html创建你的网页，更具有可访问性，不论是残障人士还是搜索引擎。良好的语义标记有助于搜索引擎去确定你网站的主题，如果配合一个良好的网站结构，会让你的网站排名大放光彩！

　　微格式：http：//zh.wikipedia.org/w/index.php？title=%e5%be%ae%e6%a0%bc%e5%bc%8f&variant=zh-cn

　　vcard：http：//zh.wikipedia.org/w/index.php？title=vcard&variant=zh-cn

　　hcard：http：//zh.wikipedia.org/wiki/hcard