给网站管理员的建议:创建可利用的、可抓取的网站
2008年6月17日星期二
发表者
T.V. Raman
,研究学者
原文:
Webmaster tips for creating accessible, crawlable sites
发表于:2008年4月14日 上午10:47
Hubbell
和我正在我们位于加州的家中度假。欢迎您随时
阅读在此之前我为网站管理员们写的关于
可用性
的博客,
以及我为谷歌官方博客所写的
其他文章
。
对于
Accessible search
,网站管理员们最经常问的一个问题就是:我怎样才能提高我的网站在
Accessible Search
上的排名?同时,网站管理员们还会问一个与之类似、但更为宽泛的问题:怎样才能提高我的网站在Google搜索上的排名?
我很高兴地告诉大家,这里有一个一举两得的办法:您可以建立和完善一些关键的网站特性,比如网站导航,这样它就能为所有用户服务,其中自然也包括谷歌机器人。下面是一些小建议,您可以参考。
确保所有重要的内容都能正常访问
为了使用户获取到内容,必须确保这些内容是可以访问的。用户及搜索引擎机器人都是借助超文本链接获取页面内容的,所以关键的第一步是确保您网站上的所有内容都可经由纯
HTML
超文本链接访问到,并避免网站的关键部分被
JavaScript
或
Flash
等技术隐藏起来。
纯超文本链接是指通过HTML锚元素<a>生成的链接。下一步,我们要确保所有超文本链接指向的目标,即<a>元素,都是真实的URL,而不是一个空的、真正的链接行为已经被转到点击触发控制器上的链接。
简而言之,要避免下列超文本链接的形式:
<a href="#" onclick="javascript:void(...)">Product Catalog</a>
我们推荐更简单的链接,如:
<a href="https://www.example.com/product-catalog.html">Product Catalog</a>
确保内容的可读性
只有具有可阅读性,网站内容才能发挥作用。请确保您网站上所有的重要内容都以HTML文件的形式呈现,并且在无须评估页面脚本的前提下就可以获取。对于谷歌机器人和绝大多数不知情的用户而言,Flash动画背后隐藏的内容和由可执行性JavaScript在浏览器端所产生的文本仍然是无法读取的。
确保内容按照适于阅读的顺序提供给读者
在获取可读内容后,用户希望能够按照合乎逻辑的阅读顺序跟进内容。如果您网站中的大部分内容采取了复杂的多栏布局设计,不妨退回去考虑一下您如何才能实现预期的效果。例如,使用深层嵌套的HTML表格会使人们难以将相关的文本按照合乎逻辑的顺序联系起来。
在HTML内使用CSS以及合乎逻辑、有组织的<div>元素,可以取得同样的效果。同时作为一个额外的收获,您会发现您的网站运行得更加快捷高效。
补充所有的视觉内容――不必担心重复!
让所有人都可以获得您的信息并不意味着让您把网站"降格"成为最简单的文本格式。最大限度地重复您的信息是很重要的,因为只有这样才能确保页面内容最大限度地帮助所有用户。这里有几个简单的小建议:
-
确保在图片缺失的情况下,用户仍然可以获得那些通过图片传播的内容。这不仅要在相关的图片上添加适当的
ALT属性
,还要确保图片周围的文字能够详细地介绍背景,让读者了解为什么这张图片会出现在这里;同时详细给出您期望人们看到这个图片后所得出的结论。简言之,如果您想确保每个人都知道此图片表现的是一座桥梁,那么您最好把该图片周围的文字也以拱形排列。
-
添加相关的摘要和标题,让读者在钻研细节之前可以获得高屋建瓴的信息概述。
-
在数据展示之类的视觉形象旁边添加详细的文字总结。
采纳上述建议可以大大提高用户登陆页面的质量。同时,作为一个额外的收获,您还很有可能惊喜地发现您的网站得到了更好地索引!
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2008-06-01。
[null,null,["最后更新时间 (UTC):2008-06-01。"],[[["Create a site structure where all essential content is easily accessible through standard HTML links, avoiding technologies like JavaScript or Flash that may obscure content."],["Ensure all vital content is directly included in the HTML text, making it readily available without reliance on scripts, Flash animations, or JavaScript-generated text for accessibility."],["Structure content logically using CSS and `\u003cdiv\u003e` elements instead of complex, deeply-nested tables for better readability and faster rendering."],["Provide comprehensive textual descriptions and context for all visual elements, including images, tables, and animations, to enhance accessibility and ensure redundancy of information."],["By following these guidelines, your website will not only become more accessible to all users, including Googlebot, but it will also likely improve its overall search engine indexing and ranking."]]],["Critical site features should be designed for all users, including Googlebot. Ensure all content is reachable via plain HTML hyperlinks, avoiding JavaScript or Flash for critical elements. Content should be readable as text within HTML documents, not hidden behind scripts or animations. Organize content in a logical reading order, considering CSS and `\u003cdiv\u003e` elements over complex tables. Supplement visual content with text; use descriptive text around images and summaries for tables and animations, maximizing redundancy for accessibility.\n"]]