Оптимизация изображения для сайтов


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

• Улучшить поведенческие факторы на сайте

• Увеличить скорость загрузки страниц сайта

• Привлечь дополнительный трафик из поисковых систем

Тщательно проиллюстрированный релевантными изображениями текст намного лучше воспринимается пользователями, а потому они с большим удовольствием будут задерживаться на сайте.

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


Рекомендации по оптимизации изображения для сайтов



1. На сайте должны размещаться только изображения, которые залиты на собственный сервер.

Иногда веб-мастера экономят место на собственном сервере, добавляя в статью ссылку на изображение, хранимое, например, на фотохостинге. Этого делать не рекомендуется, поскольку картинка может некорректно отображаться на вашем сайте. Потому даже если изображение не является уникальным, его всё равно стоит залить на свой сервер.

2. Картинки должны иметь уникальное, осмысленное имя.

Перед загрузкой изображений на сервер присвойте каждому из них уникальное имя на транслите, связанное с темой статьи. Желательно использовать ключевики, причём слова во фразе должны разделяться дефисом. Названия изображений вида img_123.jpg недопустимы.

3. Текст ссылки на изображение должен быть осмысленным.

Пункт актуален, если в тексте вы хотите разместить не картинку, а ссылку на неё. Тогда анкор (текст ссылки) должен быть понятным и читабельным:

Корова на лугу

4. Обязательно должны заполняться атрибуты тега Title и Alt.

К сведению: многие ошибочно считают Title и Alt тегами. На самом деле, это не теги, а атрибуты тега .

Атрибут Alt содержит альтернативный текст, описывающий картинку. Если по каким-то причинам она не может отобразиться на сайте (например, в браузере в целях экономии трафика отключена возможность отображения картинок), пользователь вместо неё увидит текст, прописанный в Alt. Если же этот атрибут оставить незаполненным, то на месте картинки пользователь увидит пустой белый квадратик.

При написании текста Alt существуют такие советы:

• текст должен описывать картинку, соответствовать ей.
• Желательно использовать в Alt читабельное предложение с ключевыми словами, а не просто список ключевиков.
• Для разных картинок на одной и той же странице желательно использовать различные ключевые фразы.
• Мелким декоративным элементам сайта атрибут Alt не прописывается.
• Длина альтернативного текста не должна превышать 7-10 слов.

Атрибут Title даёт пользователям дополнительную информацию о картинке. В большинстве браузеров Title всплывает при наведении мышкой на изображение. Несмотря на то, что этот атрибут не считается обязательным, лучше его использовать.

При написании Title применяются те же советы, что и при написании атрибута Alt.

Скажем прямо: прописывание атрибутов картинки — это довольно скучное занятие, потому для многих систем управления контентом существуют плагины, автоматически формирующие Alt и Title, вытаскивая информацию из метатегов на странице.

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

6. Все автоматически сгенерированные изображения должны быть закрыты от индексации в robots.txt.
Под автоматически сгенерированными изображениями понимаются CAPTCHA, графики, баннеры, счетчики, всевозможные информеры.

Помните про юзабилити веб сайта и внутреннюю перелинковку сайта.

Еще советуем:
  • Индексация страниц сайта
  • Юзабилити веб сайта
  • Внутренняя перелинковка сайта
  • Оптимизация изображений
  • Поведенческие факторы сайта