Site icon Тренинг Центр "Интернет Прорыв"

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

Изображения на сайте
5
(5)

Оптимизация изображений для сайта – отличный инструмент, который поможет добавить посещаемость страницы из раздела поиска по картинкам от поисковиков Яндекс или Google. На первый взгляд кажется, что картинки – это просто картинки, которые не несут никакой пользы для продвижения и SEO. Однако грамотная оптимизация поможет продвинуть сайт не только в простом поисковом, но и при поиске изображений.

Оптимизация изображений для сайта даёт высокие позиции в разделах картинок в Google и Яндекс поисковиках. Такой способ особенно подойдёт для тех страниц, в которых используются изображения, востребованные у пользователей. Среди них – товары, например, одежда, мебель, карты, инструкции по сборке чего-либо и другое.

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

Использование атрибута ALT

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

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

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

Подписи изображения

Картинки показываются в поисковиках выше не только когда правильно заполнен ALT, но и также когда написана грамотная подпись. При поисковых запросах часто учитывается именно тот текст, который находится близко к <img>. То есть, для хорошей подписи подойдут заголовки или краткое описание происходящего. Всё это можно оформить так, чтобы подпись выглядела естественно и вписывалась в статью.

Не нужно во время написания полностью копировать текст из атрибута ALT и наоборот. Также не приветствуется копирование подписи из окружающего текста.

Sitemap

Все вложения на странице можно отметить с помощью sitemap.xml. Поисковые алгоритмы с лёгкостью найдут картинки, если они будут в XML карте сайта. О том, как правильно составить файл и описывать теги изображений можно прочитать в инструкциях от поисковиков.

Релевантность

Картинка, указанная на странице, должна соответствовать её содержимому. То есть, то, что происходит на картинке, должно соответствовать по тематике тому, что описано в статье. Не тематические картинки нельзя допускать.

Название файлов изображений

Никакой поисковик и его алгоритм не распознает, что изображено в файле с названием «image.jpg». Чтобы картинки корректно отображались в поисковике по нужному запросу, нужно тщательно описать его особенности. Например, если на картинке изображён смартфон, то файл картинки следует таки назвать — smartphon.

Расширение файла

Не каждое графическое расширение поддерживается без специальных программ. Поэтому лучше всего будет использовать те расширения, которые могут открываться и скачиваться на всех устройствах без проблем. Среди них: JPG, GIF, PNG, SVG, WebP. JPG – одно из известных расширений, которое используется для всех видов изображений. PNG помогает показать картинки, в которых есть прозрачный фон. SVG больше используется для загрузки логотипа. WebP схож с PNG и JPG с одним отличием – он меньше весит. Этот формат активно продвигается Google.

Вес файла

Чтобы картинка загружалась быстрее – она должна весить настолько мало, насколько можно. Добиться меньшего веса изображения можно, использовав следующие методы:

  1. Сжатие. Сжимать картинки так, чтобы они не потеряли качество. Сделать это можно, использовав сторонние ресурсы или даже специальные плагины для WordPress.
  2. Превью. Это маленькая картинка, которая показывает содержание изображения. Если кликнуть на превью – пользователь сможет увидеть полную версию. Данный эффект называется лайтбокс, и также можно реализовать плагинами для WordPress.
  3. Отложенная загрузка или, так называемая, ленивая загрузка. Метод заключается в том, что все картинки страницы загружаются не сразу, а по мере прокрутки. Также можно сделать с помощью специальных плагинов для WordPress.

Качество на разных устройствах

На каждом устройстве одно и то же разрешение может выглядеть по-разному. Так, картинка маленького разрешения может хорошо смотреться на мобильных устройствах, но вот на ПК – уже не очень. Чтобы этого избежать, используется атрибут <img srcset>, в который добавляются два или больше размера одного изображения. В большинстве современных тем для WordPress этот приём используется.

Уникальность

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

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 5

Оценок пока нет. Поставьте оценку первым.

Exit mobile version