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

Правильная оптимизация изображений для сайтаВ продвижении сайтов, важно обдуманно подходить к каждой мелочи. Зачастую такой подход и является решающим при ранжировании в поисковой выдаче. Одна из таких мелочей – это правильная SEO оптимизация изображений. Поэтому давайте разберемся в том, как нужно подходить к этому процессу, и какие ключевые факторы включает в себя поисковая оптимизация картинок.

Называем изображения в стиле ЧПУ

Как правильно писать название картинок для сайтаКак и название страниц на сайте, названия иллюстраций необходимо писать «транслитом» (латинскими буквами по-русски). Такой подход позволяет четко обозначить содержимое с помощью его названия.

Есть одна «фишка» для работы с названиями. Для того, чтобы «транслит» был правильным, можно прибегнуть к использованию специальных сервисов. Очень рекомендую http://translit-online.ru/yandex.html – это поможет продвижению в ПС Яндекс.

При написании названия, не забывайте про использование ключевых слов. Например, для этой статьи можно добавить картинку с названием optimizaciya-kartinok.jpg что соответствует основному ключевому слову, по которому продвигается страница. Таким образом, мы способствуем продвижению страницы в целом.

Размер изображений

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

Команда HeadSEO использует онлайн-сервис https://tinypng.com/. Этот сервис сжимает так, что качество не страдает. Это очень важно, так как изображения плохого качества просто отталкивают пользователя. Лично я рекомендовал бы выдерживать размер не больше 200 килобайт. Ну и не стоит переусердствовать с количеством иллюстраций на странице.

Предпочтительные форматы картинок

Популярные web-форматы для изображений на сайтеВес зависит не только от размера и качества, но и от формата.  Наиболее распространенный формат это .jpg (или .jpeg). Его я рекомендую применять, так как .jpeg наиболее «легкий».

А вот .png, я бы не советовал использовать, так как больше весит. Формат .png хорош тем, что у него как правило нет фона. Этим можно воспользоваться для уникализации его через PhotoShop.

Еще на сайтах иногда можно встретить такой формат, как .gif – это формат анимированных иллюстраций, кстати этот формат тоже весит больше .jpeg, поэтому не стоит им переусердствовать.

Правильное расположение картинок

Как правильно расположить изображения на страницеИзображения на странице нужно располагать не просто наугад, а продуманно и согласовано с текстом или другими блоками контента. Естественно нужно чтобы смысловое содержание изображения и текста перекликалось и соответствовало друг другу.

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

Атрибут alt тега img

Altэто специальный атрибут, который задает иллюстрации так называемое «альтернативное описание». Это значение позволяет проинформировать посетителя сайта о содержании иллюстрации, если по каким-то причинам изображение не загрузилось. Ниже я специально привел наглядный пример:

Отображение атрибута alt если изображение не прогрузилось

Такое происходит по нескольким причинам:

  • Иллюстрация находится по новому адресу;
  • Браузер пользователи почему-то не поддерживает формат изображения;
  • Пользователь намеренно отключил отображение иллюстраций в браузере.

А также, на него обращает внимание поисковой робот, и учитывает качество его наполнения при ранжировании (наполнен ли вообще).

Атрибут tltle тега a

Title – это то, что пользователь увидит при наведении курсора мыши на изображение. Данное значение, также полезно для СЕО. Настоятельно рекомендую не копировать текст из alt, а прибавить к нему какую-то дополнительную информацию.

Это важный момент ранжирования изображений. Применяется в том случае, если изображение является еще и ссылкой. Использовать title с тегом img необязательно. Запомните это, обязательно используйте.

SEO для картинок

Все вышеперечисленные действия, необходимы для того, чтобы иллюстрации были правильно оптимизированы, не тормозили саму страницу, на которой расположены. SEO оптимизация изображений на сайте – это 10 – 15% из 100% работ по оптимизации страниц.

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

Подводя итоги

Запомните, большинство специалистов по продвижению, либо забывают про оптимизацию картинок, либо просто ленятся это делать. Поэтому, уделив немного больше времени, мы можем существенно повысить свои шансы на получение ТОП-1 в выдаче, а также привлечению трафика с Яндекс Картинок и Google Image. Вы удивитесь, но с этих сервисов картинок можно получать до 10% дополнительного трафика. Поэтому не забывайте об этом, не ленитесь.

В итоге, у нас получается вот такая конструкция html-кода:

<img src="/optimizaciya-kartinok.jpg" alt="" title="" /> - пустые поля надо наполнить.

<a href="" title=""><img src="/optimizaciya-kartinok.jpg " alt="" /></a> - пустые поля надо наполнить.

Панели таких CMS, как WordPress и ModX, все очень удобно, так как их редакторы контента предусматривают предустановленный редактор, который очень просто использовать.

Чек лист по оптимизации картинок для сайтаНебольшой чек-лист

  • Уникализируем иллюстрацию специальным редактором.
  • Задаем правильное название, с учетом SEO-факторов.
  • Оптимизируем вес и задаем правильный формат.
  • Органично вписываем и согласовываем с остальным контентом.
  • Прописываем атрибуты atl/title.
  • Оцениваем окончательный вид.

Обязательно сохраните его. При наполнении страницы, подглядывайте, чтобы правильно оптимизировать. Удачи на полях оптимизации сайтов. Побольше целевого трафика!

Похожие статьи

Автор:

Как выбрать домен для сайта

Многие предприниматели и вебмастера, при создании своего сайта не уделяют должного внимания процессу подбора доменного имени для будущего сайта. Давайте разберем методы подбора домена для сайта ...

Автор:

Мета-теги в HTML – что это такое?

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

Автор:

5 причин начать продвижение сайта прямо сейчас

В этой статье ответ на вопрос "Зачем мне нужно продвигать свой сайт???" А точнее 5 разных вариантов на выбор. Ознакомьтесь с ними подробно, и найдите для себя наиболее подходящую.. ...

Бесплатный аудит сайта прямо сейчас

Оставляя заявку, вы соглашаетесь на обработку персональных данных

Екатеринбург

ул. Малышева, дом 36, офис 1209

+7 (343) 361-22-49
наверх