Оптимизация изображений для сайта
Поисковые системы «любят», когда на сайте присутствует контент разного типа. Один из самых популярных его видов после текста это изображения.
Об оптимизации изображений для web сайта и поговорим.
Что нам даст оптимизация картинок на сайте? А вот что:
- быструю загрузку картинок на сайт, что оценят и пользователи и поисковики;
- повышение релевантности страницы;
- дополнительный трафик по картинкам из поисковиков.
Технические параметры изображений
Первое, на что стоит обратить внимание, это на технические характеристики изображения. Это размер изображения и его вес. Чем меньше вес файла, тем быстрее он будет загружаться в браузере. В современных реалиях, когда у большинства людей есть быстрый интернет, этот параметр немного стал подзабыватся вебмастерами. А зря. Еще до сих пор есть много небольших городков и сел, где по-прежнему скорости работы Интернет оставляют желать лучшего. Поэтому правило одно: чем меньше вес — тем лучше.
Далее — размер изображения. Допустим, вы сфотографировали что-то на своем крутом цифровом фотике и хотите выложить на сайте. У фотоаппарата высокое разрешение 5184 x 3456, а на мониторе, у большинства людей 1366×768 или 1024×768. Соответственно разница 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 несомненно участвует в ранжировании как самой страницы в целом, так и изображения в поиске по картинкам.
Атрибут Title для картинок
Атрибут Title — всплывающая подсказка. Это текст, который показывается, когда пользователь наводит курсором на картинку.
Он так же очень важен как и Alt, и все сказанное относится к нему в полной мере.
Как прописать атрибуты alt и title. Смотрите, все очень просто.
<img alt="наш ключ" title="измененный ключ" src=»папка/картинка.jpg" ⁄>
Защита изображений от воровства
Желательно, что бы изображения на сайте были уникальными. В этом случае у них гораздо больше шансов появиться в поиске по картинкам и принести некоторый трафик на сайт. Но мало простого размещения уникальной картинки, ее еще надо защитить от воровства. Иначе она очень быстро может стать не уникальной и не факт, что ее авторство закрепится за вами в поисковиках.
Увы, нет 100% защиты от воровства картинок, впрочем, как и другого контента на сайте. Можно лишь снизить эту вероятность — поставить знак копирайта на картинку. Так, по крайней мере, можно будет доказать, что картинка ваша. Мне приходилось это делать в переписке со службой поддержки Яндекса.
В следующей статье мы рассмотрим вопрос Делаем внутреннюю перелинковку сайта