top of page
  • Writer's pictureBrent Payne

Has one or more image-map <map> tags

The URL being analyzed includes at least one instance of an image-map tag.

Why is this important?

Image maps are dependent on static coordinate definitions for individual links, posing issues when viewed on mobile devices. Upon resizing the image, such as when changing orientation from portrait to landscape, the linked hotspots no longer align with the intended regions of the image, turning navigation into a frustrating process of trial and error. This is why using image maps can be considered obsolete in today's mobile-centric web environment.

What does the Optimization check?

The Optimization is triggered for any page within the website that features image-map tags.

Examples that trigger this Optimization:

The following example would cause the Optimization to trigger, indicating the presence of an image-map:

<img src="galaxy.gif" width="145" height="126" alt="Galaxy" usemap="#galaxymap"><map name="galaxymap"><area shape="rect" coords="0,0,82,126" href="sunshine.htm" alt="Sunshine"><area shape="circle" coords="90,58,3" href="mercury.htm" alt="Mercury"><area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"></map>

How do you resolve this issue?

To modernize the user interface, consider replacing image maps with technologies such as inline SVG graphics or JavaScript frameworks that facilitate responsive image hotspots (see this example library).

1 view0 comments

Recent Posts

See All

CSS file size too large discovered in SEO audit

In our SEO audits at Loud Interactive, we often come across a common yet significant issue that can heavily impact your website's loading speed and overall performance: CSS file size too large. Let's

CSS file size too large discovered in SEO audit

When conducting an SEO audit on your site, one issue that might come up is that your CSS file size is too large. But why does this matter, and what can you do about it? Let's dive in. What's the Issue

H1 tag missing or empty" Discovered in an SEO Audit

At Loud Interactive, we've encountered a common issue during our SEO audits that can significantly impact a website's performance on search engines: the "H1 tag missing or empty" warning. This problem

bottom of page