Використання графіки

Практично жоден сучасний сайт не обходиться в оформленні без використання графічних елементів, які роблять його дизайн більш привабливим. Однак слід обдумано і акуратно підходити до оформлення сторінок з їх використанням.

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

  • Якщо з якої-небудь причини картинка, вставлена на сторінку сайту, недоступна, текст з атрибуту ALT буде виведений замість неї і дозволить користувачеві судити про її вміст.
  • Інформація з цього атрибуту допомагає роботу пошуку зображень, який індексує зображення для Яндекс.Зображень. Якщо вказаний атрибут ALT, пошуковій системі простіше зрозуміти, що являє собою дане зображення.

По-друге, дублюйте текст, представлений картинкою. Робот Яндекса не вміє (поки що) розпізнавати текст, представлений у вигляді графічного зображення. Тому не слід використовувати картинки як заміну тексту. Якщо використання графічного елемента з текстом необхідно, продублюйте те, що написано на картинці, текстом. Тоді ніяка потрібна для коректного ранжирування інформація не буде втрачена.

Нюанси, що виникають при використанні графіки:

  • Графічне меню. Меню сайту, виконане у вигляді зображень, а не текстів, хоч і дає можливість перейти по посиланню на внутрішні сторінки, але не дає Яндексу уявлення про те, яка саме інформація на них розміщена. По можливості, слід надати альтернативне текстове меню з посиланнями на основні розділи сайту.
  • Якщо дизайн сайту виконаний із застосуванням технології flash, зробіть і текстову версію сайту. Вона буде корисна як користувачам, у яких не встановлена зовсім або встановлена застаріла програма відображення flash, користувача мобільних пристроїв, а також роботу Яндекса, який зможе повноцінно і без помилок проіндексувати ваш сайт. На індексування flash є деякі обмеження.

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

Ще кілька порад для поліпшення ранжирування в пошуку по картинках:

  • Якщо картинки використовуються як ілюстрація до тексту, прагніть розміщувати їх якомога ближче до фрагменту тексту, який вони ілюструють. Якщо такої можливості немає — супроводжуйте їх підписами безпосередньо біля зображення.
  • Імена файлів картинок бажано робити осмисленими (тобто не img_123456.jpg, а ktulhu.jpg) і відповідними змісту картинки.
  • Якщо в тексті дається посилання на зображення, то її текст також повинен бути осмисленим (тобто не <a href="ktulhu.jpg"> рис. 1 </ a>, а <a href="ktulhu.jpg"> Ктулху в природному середовищі існування </ a>).
  • Закривайте від індексування в robots.txt, зображення CAPTCHA і інші автоматично згенерували зображення (банери, графіки, лічильники, графічні інформери тощо)