2

我有一个花哨的、图形密集的设计来转换为 HTML。它的导航有糟糕的(当然是非标准的)字体。我不太喜欢文本替换技术。

所以我想知道图像地图是否适合导航?它们对 SEO 是好是坏?

4

4 回答 4

3

我总是喜欢首先将 html 文档视为无样式文档,然后为每个部分放置语义标签。对于导航,我总是最终使用一个 <ul>,其中每个菜单项都是一个 <li>,里面有一个锚点。

这种方法远远优于涉及可访问性和可用性的图像地图。您可以非常轻松地创建整个菜单的图像精灵并使用 css 将其定位在背景中。

查看这篇文章的例子:http ://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/

更多关于谷歌:http ://www.google.com/search?hl=en&safe=off&client=firefox-a&rls=org.mozilla%3Aen-US%3Aofficial&hs=SCI&q=image+sprite+navigation&aq=f&oq=&aqi=g1

于 2009-10-11T12:00:56.107 回答
3

图像地图对于 SEO 来说可能并不可怕,但对于可访问性来说通常是一场彻底的灾难。将您的图像作为 CSS 背景图形,并使用 CSS 将您的 HTML 链接正确定位在图像的适当区域。

于 2009-10-11T13:21:47.143 回答
2

如果您忘记了图像上的替代文本,那么使用文本浏览器、屏幕阅读器等的人将无法浏览该网站。

搜索引擎当然会找到并跟踪他们可以在页面上找到的任何链接。但这对人们来说并不容易,特别是如果您使用带有大量参数的对 SEO 不友好的 URL,那么在您点击链接之前您永远不会知道那里有什么。

还要记住,一些拨号连接的人(比你想象的要多得多)有关闭在页面上显示图像的习惯(以节省流量,因为他们按兆字节付费)。正是同一群人出于相同目的积极阻止横幅形式的广告,尤其是 Flash。您的仅图像导航也可能会惹恼他们。

于 2009-10-11T11:35:54.503 回答
0

在某些情况下,图像地图可能是一个不错的导航选择,正如前面提到的替代文本对用户和搜索引擎很重要。即使使用替代文本,图像地图也可能会对您的网站 SEO 产生影响,特别是如果您使用服务器端地图(由于明显的原因难以解析),避免此问题的一种常用推荐方法是在您的页面也很小,对您的设计不显眼,纯粹是为了让引擎阅读。我相信您已经看到许多使用基于图像的菜单或基于图像映射的菜单的页面在底部以小文本形式提供菜单链接列表,以使引擎更容易并在某些情况下增加可访问性。

于 2009-10-11T11:45:44.280 回答