在我们对提交的非盈利网站的分析过程中,我们发现这些网站对于在什么位置用什么类型的HTML标记(或称标签,tag)以及在标记内部放置什么内容有一些混淆。这两点都可能对用户以及网站在搜索结果中的外观有重大影响。
在你装饰大厅以前,装饰你的title元素
在提交的所有非盈利网站中,27%的网站遗漏了他们的title元素,这些元素的关键之处在于它们让谷歌和用户知道哪些东西对你的网站十分重要。通常,一个搜索引擎从你的主题元素中选取60个左右的字符进行显示;这是非常宝贵的不动产,所以你应当把它利用起来!在讨论实际代码以前,让我们先看看提交给我们的网站之一Sharp的好标题元素在搜索引擎页面下看起来是怎样的:
理想情况下,一个好的title元素包括组织名称还有一个描述性的标签行。让我们看看一些提交网站的实例:
组织 | 源代码 | 用户友好性 | 标签情况 |
Sharp | Top San Diego Doctors and Hospitals - Sharp HealthCare | 最好 | 包括组织名称和一个描述性标签行 |
Interieur | Interieur 2010 - 15-24 October Kortrijk, Belgium | 好 | 包括组织名称和一个非描述性标签行 |
VAMS International | Visual Arts and Music for Society | VAMS International | 一般 | 只包括组织名称 |
如果你不指定一个标签,谷歌将为你创建一个标题。我们猜测得再好可能也没有你做得好,所以还是你自己控制你的title标签吧!这只是一个简单的修改,但是能起到巨大的作用。 为你的深层URL使用特定title标签也很重要,我们将在下一期的网站诊室文章中谈到。
注意你的描述元标签
提交给我们的网站中有54%的网站没有充分挖掘描述元标签的潜力。这些标签常用于导出搜索页面中为用户显示的两行摘要。借助内容充实的摘要,你可以让你的潜在浏览者兴奋起来并准备了解更多有关你组织的情况。让我们看一下提交的网站中的一个好例子Tales of Aussie Rescue:
如果描述元标签缺失或不相关,系统将从网页内容中自动选择一段作为摘要。如果你很幸运,自动选择了一个好的摘要,你要记住搜索引擎在摘要的选择方式上各不相同,所以最好写一个内容充实的描述元标签以保持一致性和相关性。
让你的h元素保持原位
在你的清理工作中另一项快速的修复是确保你的网站正确使用标题(heading) 标签。在我们对非盈利组织的调查中,将近19%的提交网站在标题元素方面还有待改善。在标题元素方面最常见的问题是他们往往以h2 或 h3标签开始定义标题(header),而不包括h1标签,也许是因为美观的原因。
标题让你有机会告诉谷歌和用户对你和你的网站很重要的东西。在谷歌和你的用户看来,你的标签数字越小,文字越重要。充分利用h1标签!如果你不喜欢h1标签渲染的视觉效果,你随时可以在你的CSS中改变其外观。
为图片使用替换文字
节日来临每个人都会自豪地展示他们的家庭照片,但是不要忘了告诉我们他们都是谁。37%以上的网站没有正确使用图片替换文字属性。如果使用正确,这种属性可以:
- 帮助谷歌了解你的图片是什么
- 让有访问问题或设备功能有限的纯文本浏览器用户了解你的图片
请记住,丰富的描述性替换文字在这里很关键。让我们再看一些提交给我们的网站和他们的替换属性使用情况:
组织 | 源代码 | 用户友好性 | 标签情况 |
Sponsor A Puppy | img alt="Sponsor a Puppy logo" src=... | 最好:替换文字说明了突变时组织的主标识 | 使用丰富的描述性文字来描述图片、按钮和标识 |
Philanthropedia | img alt="Logo" height=... | 好:替换文字说明图片是一个标识,但是没有进一步说明组织或其行为 | 为图片、按钮和标识使用非描述性替换文字,或偶尔使用替换文字 |
Coastal Community Foundation | img src="...” | 不理想:没有替换文字 | 没有使用替换文字,或使用的文字没有添加任何意义(常常是将图片编号) |
谷歌有一些很好的资源来进一步让你实现最佳源代码实践。对于初学者,你可以在网站管理员工具中使用我们的HTML建议工具。此外,让所有浏览者都能访问你的网站始终是一种好的做法。