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

Продвижение сайтов самостоятельно | Внутренняя оптимизация сайта

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

Что нам даст оптимизация картинок на сайте? А вот что:

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

Технические параметры изображений


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

Далее - размер изображения. Допустим, вы сфотографировали что-то на своем крутом цифровом фотике и хотите выложить на сайте. У фотоаппарата высокое разрешение 5184 x 3456, а на мониторе, у большинства людей 1366x768 или 1024x768. Соответственно разница 3-4 раза и вес у изображений тоже сильно будет отличаться, в разы. Поэтому оптимально сделать изображение такое или ниже чем разрешение у мониторов пользователей. Смотрите на скрин статистики по Рунету.

статистика разрешения мониторов пользователей

А вообще зачастую можно делать и более мелкие изображения, в зависимости от ситуации. Я стараюсь делать так, что бы изображение «влезало по габаритам» в размеры страницы без превью. Например, на данном, блоге большинство изображений находится в пределах до 550х400 пикселов. Вы можете посмотреть в статистике своего сайта, какое разрешение мониторов у аудитории вашего.

SEO оптимизация картинок


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

Правильная оптимизация названия картинки:

bmw_x5_disel.jpg
foto_notebook_asus_dr432.jpg
и т.д.



Неправильное название изображения:

13134.jpg
ddhfh1.jpg
foto.jpg



Думаю, принцип понятен. Идем дальше. Теперь надо обязательно прописать ключевые слова в атрибутах title и alt.

Атрибут ALT для картинок


Атрибут ALT - альтернативный текст, т.е. текст, который будет виден на месте изображения, если у пользователя в браузере отключена загрузка картинок. Это один из важнейших моментов при оптимизации изображений на сайте. Старайтесь придумать короткое, лаконичное описания для этого атрибута. Не злоупотребляйте набором ключей.

пример работы атрибута alt

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

Атрибут Title для картинок


Атрибут Title - всплывающая подсказка. Это текст, который показывается, когда пользователь наводит курсором на картинку.

пример работы атрибута title

Он так же очень важен как и Alt, и все сказанное относится к нему в полной мере.

Как прописать атрибуты alt и title. Смотрите, все очень просто.


<img alt="наш ключ" title="измененный ключ" src="папка/картинка.jpg" ⁄>



Защита изображений от воровства


Желательно, что бы изображения на сайте были уникальными. В этом случае у них гораздо больше шансов появиться в поиске по картинкам и принести некоторый трафик на сайт. Но мало простого размещения уникальной картинки, ее еще надо защитить от воровства. Иначе она очень быстро может стать не уникальной и не факт, что ее авторство закрепится за вами в поисковиках.

Увы, нет 100% защиты от воровства картинок, впрочем, как и другого контента на сайте. Можно лишь снизить эту вероятность - поставить знак копирайта на картинку. Так, по крайней мере, можно будет доказать, что картинка ваша. Мне приходилось это делать в переписке со службой поддержки Яндекса.

В следующей статье мы рассмотрим вопрос Делаем внутреннюю перелинковку сайта

Оглавление