Использование графики

Практически ни один современный сайт не обходится в оформлении без графических элементов, которые делают его дизайн более привлекательным. Однако следует обдуманно и аккуратно подходить к оформлению страниц с их использованием.

Во-первых, заполняйте атрибут ALT тега <IMG>. Все изображения на странице могут иметь «альтернативный текст», который задается в атрибуте ALT тега <IMG>. Этот атрибут полезен по двум причинам:

  • Если по какой-либо причине картинка, вставленная на страницу сайта, недоступна, текст из атрибута ALT будет выведен вместо нее и позволит пользователю судить о ее содержимом.

  • Информация из этого атрибута помогает "картиночному" роботу, который индексирует изображения для Яндекс Картинок. Если указан атрибут ALT, поисковой системе проще понять, что представляет собой данное изображение.

Во-вторых, дублируйте текст, представленный картинкой. Робот Яндекса не умеет (пока) распознавать текст, представленный в виде графического изображения, а текст из атрибута ALT не попадает в основной индекс. Поэтому не следует использовать картинки как замену тексту. Если использование графического элемента с текстом необходимо, продублируйте то, что написано на картинке, текстом. Тогда никакая нужная для корректного ранжирования информация не будет упущена.

Нюансы, возникающие при использовании графики:

  • Графическое меню. Меню сайта, выполненное в виде изображений, а не текстов, хоть и дает возможность перейти по ссылке на внутренние страницы, но не дает Яндексу представления о том, какая именно информация на них размещена. По возможности, следует предоставить альтернативное текстовое меню со ссылками на основные разделы сайта.

  • Если дизайн сайта выполнен с применением технологии flash, сделайте и текстовую версию сайта. Она будет полезна как пользователям, у которых не установлена совсем или установлена устаревшая программа отображения flash, пользователям мобильных устройств, а также роботу Яндекса, который сможет полноценно и без ошибок проиндексировать ваш сайт. На индексирование flash есть некоторые ограничения (см. раздел Индексирование сайта).

Примечание.

Не заменяйте текст изображениями, чтобы вся нужная информация была проиндексирована.

Еще несколько советов для улучшения ранжирования в поиске по картинкам:

  • Если картинки используются как иллюстрация к тексту, стремитесь размещать их как можно ближе к фрагменту текста, который они иллюстрируют. Если такой возможности нет — сопровождайте их подписями непосредственно рядом с картинкой.

  • Имена файлов картинок желательно делать осмысленными (т.е. не img_123456.jpg, а ktulhu.jpg) и соответствующими содержанию картинки.

  • Если в тексте дается ссылка на изображение, то ее текст также должен быть осмысленным (то есть не <a href="ktulhu.jpg">рис. 1</a>, а <a href="ktulhu.jpg">Ктулху в естественной среде обитания</a>).

  • Закрывайте от индексирования в robots.txt изображения CAPTCHA и другие автоматически сгенерированные картинки (баннеры, графики, счетчики, графические информеры и т.п.)

К следующему разделу