我有一个花哨的图形密集型设计,可以转换为HTML。它的导航有很糟糕的(非标准的)字体。我不太喜欢文本替换技术。
所以我想知道图像地图是否适合导航?它们对SEO有好处还是坏处?
答案 0 :(得分:3)
我总是首先将html文档视为一个没有样式的文档,然后为每个部分创建一个semanitical标记。对于导航,我总是使用< ul>其中每个menuitem是< li>里面有一个锚。
这种方法远远优于可访问性和可用性的图像映射。您可以非常轻松地创建整个菜单的图像精灵,并使用css将其放置在背景中。
查看此文章以获取示例:http://stylemeltdown.com/2007/10/22/image-sprite-navigation-with-css/
答案 1 :(得分:3)
图像地图对SEO来说可能并不可怕,但通常是可访问性的完全灾难。将您的图像作为CSS背景图形并使用CSS将HTML链接正确放置在图像的适当区域上。
答案 2 :(得分:2)
如果您忘记了图片上的替代文字,那么对于那些使用文本浏览器,屏幕阅读器等的人来说,该网站将无法导航。
搜索引擎当然会查找并关注他们可以在网页上找到的任何链接。但是对于人们来说并不容易,特别是如果你使用的SEO不友好的URL有很多参数,那么在你关注链接之前你永远不会知道那里有什么。
另请注意,拨号连接上的某些人(比您想象的要多得多)有习惯关闭在页面上显示图像(以节省流量,因为他们每兆字节付费)。它是以同样的目的主动阻止广告形式的广告,特别是Flash的同一群体。您的图片导航也可能会让他们感到沮丧。
答案 3 :(得分:0)
在某些情况下,图像地图可能是导航的不错选择,如上所述,替代文字对用户和搜索引擎很重要。即使使用替代文本,图像映射也可能对您的网站SEO产生影响,特别是如果您使用服务器端地图(由于显而易见的原因难以解析),一种通常建议的避免此问题的方法是提供正常的文本链接您的页面也很小,对您的设计不显眼,纯粹是为了引擎的读取目的。我相信您已经看到很多页面使用基于图像的菜单或基于图像映射的菜单提供了底部的小文本菜单链接列表,以便于引擎更容易,并在某些情况下提高可访问性。