Dealing with Mobile Friendly issues?

Crawl your website with Sitebulb for 300+ tech SEO checks

Try for Free
High This Hint is very important, and definitely warrants attention. Issue This Hint represents an error or problem that needs to be fixed.

Has one or more image-map <map> tags

This means that the URL in question contains image-map tags.

Why is this important?

Image maps rely on hard coded coordinate data for each different link, which do not scale well in mobile browsers. If the image in the image map is resized (e.g. switch from portrait to landscape), the associated hyperlinks drift out of registration with the underlying visual elements, making navigation a case of hunting, clicking and luck - making traditional image maps entirely inappropriate for modern mobile website design.

What does the Hint check?

This Hint will trigger for any internal URL which contains  image-map tags.

Examples that trigger this Hint:

This Hint would trigger for any URL that has an image-map in the HTML:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

How do you resolve this issue?

Image maps are an antiquated technique for creating an image with clickable areas - instead look to replace image maps with embedded SVGs or JavaScript (example library).

Sitebulb Desktop

Find, fix and communicate technical issues with easy visuals, in-depth insights, & prioritized recommendations across 300+ SEO issues.

  • Ideal for SEO professionals, consultants & marketing agencies.

Sitebulb Cloud

Get all the capability of Sitebulb Desktop, accessible via your web browser. Crawl at scale without project, crawl credit, or machine limits.

  • Perfect for collaboration, remote teams & extreme scale.