Оптимизация картинок для SEO-продвижения сайта: инструкция

Оптимизация картинок нужна для качественного SEO-продвижения сайта. Но когда возникает речь об иллюстрациях, самый частый вопрос у предпринимателей — “Где их брать?”. А ещё — как находить картинки бесплатно и делать это легально. Сегодня же речь пойдет о технической стороне оформления картинок для сайта. Наталья Солодовник написала простой алгоритм подготовки изображений к загрузке на сайт, а также список сервисов, которые вам в этом помогут.


Если вы не очень давно завели блог, то можете не знать, что вам необходима оптимизация картинок для SEO-продвижения сайта. Разве не достаточно того, что вы их просто добавили на сайт и подписали? Нет, и сегодня расскажу, почему.

Оптимизация изображения для сайта: кому это вообще нужно?

Здесь есть сразу несколько аргументов, на которые стоит обратить внимание.

  • От правильного оформления (оптимизации названия файла и атрибутов) зависит, смогут ли изображения с вашего сайта появляться в выдаче поисковых систем по картинкам. И, как следствие, будет ли у вас бесплатный трафик и посетители на сайте из этого источника.
  • От правильного размера (веса) изображений зависит общий вес страницы и скорость её загрузки. Это оценят и пользователи (особенно те, кто заходит с мобильных устройств), и поисковые системы. Более “лёгкой” странице поисковики отдают более высокие позиции при прочих равных.
  • Наличие атрибута Alt у картинок помогает правильно воспринимать содержимое сайта людям с ограниченными возможностями, которые не видят сайт, а используют программы чтения с экрана.

Ещё “тяжёлые” картинки быстро съедают место на хостинге, где расположен ваш сайт. А значит, вам придётся докупать дисковое пространство либо сжимать картинки на сайте. А это всегда хлопотно, особенно если сайт активно и давно ведётся.

Трафик с картинок: как заслужить любовь поисковых систем

Умные поисковики сегодня умеют определять множество параметров. Оптимизация картинок для SEO-продвижения сайта включает в себя:

  • название файла,
  • наличие и содержание атрибута alt,
  • размер файла,
  • формат картинки.

Как назвать файл и что прописать в поле Alt, чтобы изображения с вашего сайта появились в Гугле или Яндекс.Картинках

Обратимся к рекомендациям от самого Гугла:

rekomendacii ot gugla po optimizacii kartinok

Источник: https://support.google.com/webmasters/answer/7451184?hl=ru

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

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

И вот пример, как это сделать оптимально:

dolmatin neset palku

https://support.google.com/webmasters/answer/114016?hl=ru

rekomendacii_o _podpisi_kartinok

https://support.google.com/webmasters/answer/114016?hl=ru

Как загружать картинки на сайт, вставлять в статьи и где прописывается атрибут alt, узнайте здесь

Сам файл, как вы уже поняли, стоит также называть, ориентируясь на смысл картинки. Рекомендуется делать это в формате чпу. То есть русское название заменять транслитом — латинскими буквами, пробелы в фразах — коротким тире.

Так “домик в деревне” нужно превратить в “domik-v-derevne”, а сделать такую замену быстро поможет сервис translit.net, http://translit-online.ru/yandex.html или аналоги.

Вариант domik-v-derevne.jpg в качестве названия предпочтительнее, чем IMG00025.JPG. Но если у вас уже загружены картинки с неоптимизированными названиями файлов, то удалять, переименовывать файлы и заново загружать их, конечно, не нужно — это не стоит усилий. Учтите рекомендацию на будущее.

Скорость загрузки сайта и вес картинок

Следить за скоростью загрузки страниц и сжимать картинки для уменьшения их веса важнее всего тем, у кого много посетителей с мобильных устройств. А также тем, кто работает в конкурентных темах (а особенно интернет-магазинам и онлайн-сервисам). Ведь пользователи спешат в поисках решения. Если ваша страница загружается долго, то её содержимое могут закрыть, так и не увидев.

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

Скорость загрузки страниц можно проверить сервисом от Гугла, он сразу покажет, какие картинки нуждаются в оптимизации, какие изображения можно уменьшить.

Gde_posmotret'_skorost'_zagruzki_kartinok

Если же на сайте много фото (например, это блог о путешествиях или визитка фотографа) и страница остаётся большой даже со сжатыми картинками, то можно настроить плавную загрузку изображений при помощи плагина BJ Lazy Load (для сайтов с CMS WordPress). В этом случае картинки будут загружаться по мере появления на странице при прокрутке, а не все сразу.

Оптимизируем размер и вес картинок без потери качества: сервисы и лайфхаки

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

Обычно такие фото имеют размер не менее 5 Мегабайт, а их размер (ширина и высота) может достигать 7360х4912 пикселей. А ведь популярные размеры экранов — это 1024×768, 1152×864, 1280х960, оптимальные параметры фонового изображения для сайта всего 1680х900px, такой огромный формат как 7360х4912 просто не нужен.

Лайфхак: чтобы сжать картинку по весу, часто достаточно уменьшить её размер в пикселях.

Часто уменьшения размера в пикселях уже достаточно для того, чтобы снизить вес картинки до оптимального. Это можно сделать в любом графическом редакторе. К примеру, картинка для статьи на сайте azconsult.ru может быть шириной 650px или меньше.

Сервисы для сжатия картинок

Если нужно сохранить большой размер холста, чтобы передать качество и детали, то вам поможет Фотошоп или любой из множества онлайн-сервисов оптимизации изображений. Вот пара проверенных из нашего арсенала:

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

szhatie_kartinok_s_pomoshh'ju_optimizily

Squoosh — имеет встроенный редактор, что позволяет сразу масштабировать картинку. Наглядно показывает снижение качества при сжатии. Кроме привычных форматов jpeg, jpg, bmp умеет сжимать png (это, к примеру, файлы скриншотов или снимков экрана, их часто забывают оптимизировать) и файлы иконок svg.

szhatie_kartinok_v_programme

Что делать, если на сайте уже есть картинки слишком большого размера

Для сайтов на Вордпрессе можно установить полезный плагин Compress JPEG & PNG images от сервиса TinyPNG. Он поможет найти и сжать большие файлы сразу на вашем сайте. В бесплатной версии оптимизация картинок для SEO-продвижения сайта возможна, но до 500 файлов в месяц.

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

Чек-лист: оптимизация картинок для SEO-продвижения сайта

Давайте ещё раз, по пунктам, что нужно сделать с каждым изображением сайта перед публикацией.

  • Уменьшить размер картинки (ширину и высоту в пикселях) под конкретную задачу на сайте.
  • Оптимизировать размер (вес в Кбайтах) — насколько это возможно без потери качества, оптимально загружать файлы не более 50 Кб.
  • Задать правильное имя файлу с картинкой перед загрузкой на сайт.
  • Прописать атрибуты alt (обязательно) и title (желательно), которые будут соответствовать тому, что изображено на картинке.
  • Добавить подпись к картинке (если она уместна по смыслу текста и в общем оформлении страницы).

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

Наталья Солодовник, интернет-маркетолог, разработчик сайтов и лендингов на WordPress, технический продюсер онлайн-проектов.

Фейсбук 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

четыре − 2 =

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

©2012-2019.   Маркетинг с азов для малого бизнеса и микробизнеса
ИП Губина Мария Сергеевна, ОГРН 312784713800044, Санкт-Петербург
Политика конфиденциальности | Публичная оферта | Пользовательское соглашение

ГЛАВНАЯ БЛОГ БЕСПЛАТНО ОБ АВТОРЕ УСЛУГИ ОТЗЫВЫ ФОРУМ КАРТА САЙТА КОНТАКТЫ

Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.

×
Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.


×
Введите имя и электронный адрес, и мы пришлем вам запись вебинара о правильной постановке целей и несколько полезных ресурсов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваше имя и электронный адрес ниже, и пришлем вам тест-шпаргалку от Валентины Власовой

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте в форме имя и электронный адрес и скачайте мою мини-подборку опросников для отзывов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ментальную карту «Виды и группы контента»

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и скачайте шаблон для систематизации контактов и поиска потенциальных партнеров

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и скачайте шаблон для оценки важности ваших задач и составления плана делегирования

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Сложно начать писать — на сайт, в блог, в прессу? Видите пустую страницу документа Word и сразу теряете мысли? Есть о чём писать, но не знаете, с чего начать? Заполните форму и скачайте вебинар!

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму ниже и получите бесплатный курс «Из чего состоит проект»

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваши данные в форме и мы пришлём вам чек-лист с инструментами, помогающими в продажах услуг

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ссылку на вебинар о ранних списках

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Заполните форму и получите запись видеоурока по контент-плану

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

<

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и получите запись запись видеоурока по промовебинарам

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×

Оставьте ваше имя и электронный адрес, и получайте анонсы новых статей

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×
Заполните форму и получайте бесплатные уроки по маркетингу для частных специалистов

Я даю компании “Маркетинг с азов” (ИП Губина М. С.) свое согласие на обработку моих персональных данных. Конфиденциальность персональных данных охраняется в соответствии с законодательством РФ.

×