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

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

Во-первых, заполняйте атрибут 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 и другие автоматически сгенерированные картинки (баннеры, графики, счетчики, графические информеры и т.п.)

Популярные шаблоны