Альтернативный текст это текст в атрибуте alt HTML-тега графического изображения (img). Альтернативный текст дает броузеру такую инструкцию: «Если данное изображение не загружается, то вместо него нужно отобразить данный текст».
Пример задания альтернативного текста в HTML-коде:
<img src="/images/home.gif" height="25" width="60" аlt="Натуральные чаи TranquiliTeas, главная" />
• img этот элемент HTML-кода сообщает броузеру о том, что нужно вставить в веб-страницу графическое изображение.
• src этот атрибут определяет ссылку (URL или путь и имя файла) на графическое изображение, которое вы хотите поместить на страницу. В нашем примере он указывает на файл home.gif, расположенный в каталоге images на данном веб-сайте. Ссылка на файл графического изображения должна быть заключена в кавычки.
• width / height эти атрибуты определяют размеры изображения на странице (в пикселах). Задавая атрибуты width и height в теге img, вы предохраняете макет страницы от искажений. Кроме того, с этими атрибутами тега img страницы загружаются быстрее, чем без них.
• alt атрибут альтернативного текста. Альтернативный текст также должен быть заключен в кавычки.
Альтернативный текст появляется на месте изображений и в том случае, если ваши посетители отключили в броузере вывод графики. Более того, люди с ограниченными возможностями (в особенности слабовидящие) могут использовать модули для считывания экранной информации (screen readers), которые зачитывают контент страницы или преобразуют в шрифт Брайля. Поэтому единственная возможность для изображений быть «прочитанными» это их альтернативный текст.
Специалисты по поисковому маркетингу и веб-дизайнеры редко используют данный атрибут. В то же время многие поисковые системы, специализирующиеся на графических изображениях, индексируют альтернативный текст, таким образом, делая изображения еще одним стратегическим носителем ключевых слов.
Кроме того, альтернативный текст можно увидеть, поместив указатель мыши на графическое изображение (в броузере Internet Explorer), текст появится в маленьком окне рядом с указателем (это напоминает всплывающие подсказки).
Рассмотрим пример формирования альтернативного текста. Предположим, что веб-сайт предлагает услуги графического дизайна. На одной из навигационных кнопок написано Услуги. Альтернативный текст для данного графического изображения может быть таким:
<img src="/images/services.gif" width="120" height="20" alt="Услуги" />
Но слово «услуги» не очень подробно описывает то, что вы предлагаете.
Дополним текст с помощью вышеупомянутого вопроса «Какие ?».
Какие услуги предлагает веб-сайт? Если это услуги графического дизайна, то в альтернативном тексте лучше использовать другую фразу:
<img src="/images/services.gif" width="120" height="20" alt="Услуги графического дизайна" />
Многие недобросовестные маркетологи втискивают максимальное количество слов в альтернативный текст графического изображения спамерская тактика, называемая «набивкой» ключевыми словами» (keyword stacking).
Ключевые слова все же должны быть релевантными, точно описывая графическое изображение.
Предупреждение
Принцип заметности ключевых слов распространяется и на графические изображения. Другими словами, графические изображения (с альтернативным текстом), которые ваши посетители видят в верхней части страницы, более значимы, нежели изображения в нижней части страницы).
Прозрачные изображения
Многие веб-дизайнеры широко применяют так называемые прозрачные изображения (1x1 пиксел) для более удобного построения элементов страницы. Обычно это файлы с именами blank.gif или clear.gif. Необходимость в таких изображениях возникла из-за текущей несовместимости броузеров.
Но поисковые системы считают, что альтернативный текст графического изображения должен быть релевантным, как данному реальному графическому изображению, так и содержимому той веб-страницы, где оно размещено. Маскировка ключевых слов или ссылок с помощью альтернативного текста графических изображений считается спамом.
Поэтому если вы используете прозрачные изображения, не помещайте в них никакой альтернативный текст, даже состоящий только из звездочки (*). Поисковые системы не читают знаки пунктуации.