Сенсорное изображение (image map карта-изображение, карта ссылок) это графическое изображение, щелкая на отдельных участках которого пользователь может переходить на различные веб-страницы. Другими словами, сенсорное изображение это единое изображение, включающее несколько ссылок. На рис. 2.35 приведен пример такой карты ссылок.
Многие поисковики избегают переходить по ссылкам сенсорного изображения ввиду возможного графического спама. Поэтому если вы используете в схеме навигации вашего сайта сенсорные изображения, всегда добавляйте на страницы текстовые ссылки или кнопки навигации.
Примечание
Графические изображения на веб-странице загружаются с помощью броузеров. Поисковые системы не загружают картинки, запрашивая страницу с вашего сервера. Не забывайте: поисковые роботы занимаются тем, что индексируют текст и переходят по ссылкам. Они не ищут графические изображения, сканируя HTML-текст веб-страницы и ссылки в нем. Только специализированные системы графического поиска собирают и хранят информацию об изображениях.
Многие маркетологи склонны считать, что поскольку поисковые системы не переходят по ссылкам сенсорного изображения, то его вообще не стоит применять для навигации по сайту. К такому мнению не всегда стоит прислушиваться, поскольку одно графическое изображение часто загружается намного быстрее, чем несколько. Например, если на сайте 16 кнопок навигации по 2 килобайта каждая, то общий объем кнопок 32 килобайта. Одно сенсорное изображение может «весить» всего 8-10 килобайт намного меньше, чем данный
набор кнопок навигации. При использовании сенсорного изображения требуется только один запрос к серверу, в противном случае 16, что также замедляет скорость вне зависимости от размеров файлов.
Кое-кто из профессионалов поисковой оптимизации даст «универсальный совет»: если сенсорные изображения не дружественны поисковым системам, то само собой разумеется, их никогда не следует использовать в качестве элемента навигации. Но они могут быть очень даже полезными.
Идея скомбинировать два элемента навигации (сенсорное изображение и соответствующие ему текстовые ссылки) чрезвычайно удачна она делает перемещение по сайту простым и ясным. Например, посетителю, ищущему информацию по Калифорнии, очень просто нажать
ссылку на сенсорном изображении, поскольку Калифорния довольно большой штат. Нажать изображение штата Калифорния гораздо легче, чем искать слово «Калифорния» среди текстовых ссылок.
Однако такие штаты, как Делавэр и Род-Айленд, очень малы и практически незаметны на рисунке. Чем искать их на карте, посетители скорее обратятся к списку текстовых ссылок, особенно если он алфавитный.
Еще один плюс такого удобного дизайна и кодирования страницы его дружественность поисковым системам. В случае если роботы не станут (или не смогут) переходить по ссылкам сенсорного изображения, они получат доступ к содержимому страницы через соответствующие текстовые ссылки.
Совет
Не забывайте о том, что сенсорные изображения это все-таки графические изображения. Всегда помещайте альтернативный текст в их HTML-код. особенно если они расположены в верхней части веб-страницы.
В каких случаях все же не стоит применять сенсорные изображения? Если единственной схемой навигации на вашей странице является одно или несколько сенсорных изображений, лучше вместо них использовать кнопки навигации, поскольку любой поисковик может переходить по окружающим их ссылкам. Однако если в вашей схеме навигации применяются и графические изображения, и текстовые ссылки, то стоит замерить время загрузки страниц. Проанализируйте, что загружается быстрее сенсорное изображение или комплект навигационных кнопок. Лучшим выбором будет тот, который требует меньше времени на загрузку.