加入收藏 | 设为首页 | 会员中心 | 我要投稿 厦门网 (https://www.xiamenwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

SEO 用语义化的HTML设计网页

发布时间:2022-01-09 14:27:48 所属栏目:建站 来源:互联网
导读:文档中图片被以各种方法使用,应该让图片体现适当语义。 唯一真正有用的语义标记是img标记的alt属性,而且只应该用在对文档而言有特定含义的图片。如果图像只有装饰的目的,让alt属性为空。否则,在alt中注明图像描述的信息。 如果你想使用的图像来替换文字
  文档中图片被以各种方法使用,应该让图片体现适当语义。 唯一真正有用的语义标记是img标记的alt属性,而且只应该用在对文档而言有特定含义的图片。如果图像只有装饰的目的,让alt属性为空。否则,在alt中注明图像描述的信息。
 
  如果你想使用的图像来替换文字,因为你文字更好看一些(用图片代替),确保你使用的是正常的文本在您的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)。 过量使用他们可是弊大于利的,实际会造成损失重点,但如果小心处理,可为你的文档增色不少。

(编辑:厦门网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读