恰当使用heading标题标签
Heading标签对用户来说可以很好的呈现一张网页的内容结构。(请勿将其与HTML的<head>标签或者HTTP头部混淆。本文翻译也将只用英文Heading,以免大家误解,译者注。)它们是六种不同文字大小的HeadingTags,从<h1>到<h6>,文字从大变小,而权重也不断降低。
Google网站管理员中心发布的一份针对seo的入门级指南手册。由个篱翻译成中文。在线阅读:这里。 13
在一张网页上包含了一篇新文章,我们就可能把网站的名字放在<h1>标签里,而把文章的主题名称则放在<h2>标签里。
因为Heading标签最典型的用处是可以让一张网页里的一些文字变得比普通文本要大一些,用户可以很直观地意识到这些内容更重要些,也很容易理解在这些Heading文字下面内容的性质和种类。多个不同大小的Heading的目的是为你的内容创建一个有层次感的结构,以便用户可以更轻松地浏览你的文档内容。Heading标签优化实战经验
1 试着想象一下你正在写一份提纲——为某些特定内容加上Heading标签很像是为一张很大的页面
写提纲,一些主要观点或者子观点的地方需要添加一些想法时,用Heading标签是很适合的方式。只
是要避免:
o 在Heading标签里放置一些对定义内容结构没有任何帮助的文字。
o 当使用<em>和<strong>类似于Heading标签,不过主要针对普通文字里的某些内容,在CSS
样式上可以对文字加粗,译者注。)效果更好时却一味地使用Heading标签。
o 随意放置不同大小的Heading标签而忽略了内容的逻辑性。
2 要适度使用Heading标签——只在有意义地时候使用Heading标签。如果一张网页上有太多Heading
标签的话,用户很难整体把握其内容,从而很难区别哪里是开始,哪里是结束。所以要避免:
o Heading遍布整个网页。
o 把页面上的所有文字都放在Heading标签里。
o 为了文字样式(大小、粗细)才使用Heading标签,而没有意识到Heading标签的本质是
为了呈现内容结构。
优化你的图片使用
图片就像你网站很直观的零件,但是你依然可以优化它们。所有的图片你都可以有一个很直接的文件名和一个“alt”属性,这两者你都可以好好地加以利用。
如果你的图片出于某种原因无法显示,”alt”属性允许你为它添加一个替代文字。
Google网站管理员中心发布的一份针对SEO的入门级指南手册。由个篱翻译成中文。在线阅读:这里。 14
在我们这张图片的”alt”属性给出了一个简练却精确的描述。
为什么使用这个属性呢?如果你的用户浏览你的站点使用的是不支持图片的设备,或者其它某种技术,比如说屏幕阅读器,”alt”属性在这时就大有用处了,它可以为你的图片可以一些信息。
出于某种原因我们这张图片就没有显示出来,但至少替代文字显示出来了。
使用”alt”属性的另一个原因便是你把图片作为链接时,图片的替代文字将会被当作一个链接的锚文本处理。然而,当文本链接可以胜任相同功能时,我们并不推荐为你的网站导航使用太多的图片链接。最后,可以试着优化一下图片的文件名和替代文本,使得像Google图片搜索这样的搜索服务能够更轻松地读懂你的图片。
图片优化实战经验
1 为图片的文件名和替代文本使用简练但很具描述性的文字——就像网页其它优化目标一样,文件
名和替代文本在短小精练时最好。只是需要避免:
o 使用像”image1.jpg”,”pic.gif”,”1.jpg”这类自动生成的文件名。(一些含有成千上万图片的网
站可能就会考虑使用这种命名方式。)
o 把文件名写得极其冗长。
o 在替代文本里大量堆砌关键词或者直接复制粘贴一整个句子。
2 把图片作为链接时为它们添加替代文本——如果你决定把一张图片作为一个链接,替代文本可以
使Google很容易地明白你将指向网页的内容。试着想象一相你在为文本链接添加锚文本时的情景就明
白了。但下面的情况你可能需要避免:
o 把替代文本写得太长,以至于被当成垃圾处理。
o 为你的整个网站导航都使用图片来表现。
Google网站管理员中心发布的一份针对SEO的入门级指南手册。由个篱翻译成中文。在线阅读:这里。 15
3 为图片专门划分一个存储目录——抛弃那些交叉整个域名的目录或者子目录来存储图片的方式,
考虑使得一个单一的目录来存储它们(比如说brandonsbaseballcards.com/images/).这是对你图片路径的
简化。
4 使用常用地且被支持的文件格式——大部分浏览器都支持 JEPG,GIF,PNG和 BMP格式的图片。
让你的文件扩展名和图片格式匹配也是很重要的。