正确理解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来实现)
搜索引擎会给与这四个标记更高的权重(strong em b i)。 过量使用他们可是弊大于利的,实际会造成损失重点,但如果小心处理,可为你的文档增色不少。
简短的关于(i)frames
这很简单:不使用它们。 搜索引擎不会读取他们,屏幕阅读器也很难处理他们。
利益冲突
所有上述规则也是可以做小小调整的,如果能让你所在的组织的每个人高兴,也是一件好事啊,当你的老板要在网页上有一个令人激动的营销标题,但是你不愿意,因为它没有准确描述这个网页,还把你认为重要的关键词挤到了第二位。如果你好胜心很强,你不妨把老板认为的一级标题放到h2中,二级标题放在h1中。
同样的问题也可以使用内置页框(iframes)和图像(images)来处理。如果有人很想你把某个大块内容放在排名较高的页面,但你并不想冒着失去网页重点内容的风险,你当然可以把这些内容放到iframe或不提供alt的图片中。
最终这些决定在于你-正常语义应该是你设计的基础,当你还想让你的网页最优的时候,这些冲突将出现。
并非如此简单的语义化HTML -微格式
微格式也语义的HTML ,但他们并不完全简单!目前,搜索引擎很难使用微格式的算法,但是,很可能发生变化。 特别是在hCard ( HTML版本的的vCard )对于搜索引擎他显得非常简单和明显,我怀疑,未来的几年搜索引擎将开始使用他们。你可以更加智能的通过HTML基本语义使用微格式,例如,把hCard 放在address标记中也是一个很好的方法!
结论
用语义化的HTML创建你的网页,更具有可访问性,不论是残障人士还是搜索引擎。良好的语义标记有助于搜索引擎去确定你网站的主题,如果配合一个良好的网站结构,会让你的网站排名大放光彩!
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
- 建站教程 网站运营 实用工具 网页模板 网页素材
-
CSS酷站
网上购物
设计团队
设计博客
-
- 教程排行榜
- 神奇的HTML5动画效果演示网站
- 十款基于HTML5开发的精彩WEB应用(HTML5网站演示)
- 25个超炫的HTML5+CSS3网页应用案例欣赏
- 十三个网站案例让你提前体验HTML5和CSS3的魅力
- 16个颇具创意的HTML5网站设计
- 15个采用HTML5实现的网站界面设计欣赏
- 体验HTML5 Canvas对象的强大 五款在线绘图应用示例
- 网页设计师必收藏的十五个HTML5资源
- 21款效果惊艳基于HTML5的应用程序欣赏
- HTML的电子邮件链接标签mailto用法详解
- 采用HTML5搭建的多个网站尝鲜试用
- 如何用HTML5制作网页?
