<map> и <area>: кликабельные зоны на инфографике

<img usemap="#zones"> с <map name="zones"><area shape="rect" coords="..." href="..." alt="SEO"> — серверная карта ссылок на одном PNG-схеме услуг.

На мобильном проверьте размер зон — минимум ~44×44 px эквивалент.

- [<map> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map) — Image maps.

- [<area> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/area) — coords и shape.

---

## Альтернатива

Для сложной интерактивности предпочтите SVG с ссылками или обычную сетку кнопок — image map реже обновляют.