湖北政伟科技网站优化(SEO优化)_HTML页面的语义为什么很重要!

作者:湖北政伟科技 小韩 来源:原创 时间:2017-08-23 11:30:41 浏览次数:

这里列出了使用语义化HTML很重要的几个原因。我们没有给出全部原因,我们已经在以前提到一些内容了。
提升可访问性和互操作性(内容对于借助辅助技术的残障访问者是可访问的,同时对于台式机、手机、平板电脑及其他设备上的浏览器都是可访问的)。
提升搜索引擎优化(SEO)的效果。
使维护代码和添加样式变得容易。
(通常)使代码更少,页面加载更快。
无障碍访问
你可能对无障碍访问并不熟悉。它指的是让内容对所有用户可用,不论其能力如何。万维网的开创者Tim Berners-Lee曾说过一句话:“万维网的力量在于其普适性。让包括残障人士在内的每个人都能访问万维网,是极为重要的一点。”
任何带有浏览器的设备都可以显示HTML,因为它只是文本。然而,用户获取内容的方式可能不同。例如,视力正常的人可以直接查看内容,而视力受损的用户则需要放大页面,调大字号,或者使用屏幕阅读器(可以将内容朗读出来的软件,是辅助技术的一个例子)。
有时,屏幕阅读器会将内容周围的HTML元素的类型读出来,让用户了解上下文。例如,对于列表,在读出列表各个条目之前,屏幕阅读器会首先告诉用户这里有一个列表。类似地,对于链接,屏幕阅读器会告诉用户这里有一个链接,方便其决定是否点击这个链接。
屏幕阅读器用户能够以多种方式浏览网页,例如通过键盘按键从一个标题跳到下一个标题。这样,他们可以先了解一个页面的关键主题有哪些,再去听他们感兴趣的内容,而不必把整个页面从头到尾听下来。
由此可见,对残障人士来说,好的语义产生了多么大的差别。
搜索引擎优化(SEO)
的效果也会得到改善,也就是说网页在搜索引擎中的排名会靠前,因为搜索引擎对用特殊方式标记的内容会赋予更高的权重。例如,标题告诉搜索引擎爬虫页面的主要主题,帮助浏览器对页面目录进行索引(index)。
更容易维护代码和添加样式
随着不断深入阅读本书,你会了解为什么好的语义能使代码更有效、更易于维护和添加样式。你将了解到,借助CSS,我们可以轻松统一特定元素的样式,例如,让所有的段落显示为深灰色,并使用Georgia字体。如果你将某些段落标记为p元素,某些标记为其他元素,那么就要在CSS中同时为这两种元素设定样式,这就添加了不必要的复杂性。
这样做也会让维护HTML变得困难。好的语义可以让网页变得统一和“干净”。这样做还会使文件尺寸变小,从而浏览器加载网页的速度变得更快。