Оптимизация изображений для сайта – отличный инструмент, который поможет добавить посещаемость страницы из раздела поиска по картинкам от поисковиков Яндекс или 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.
Вес файла
Чтобы картинка загружалась быстрее – она должна весить настолько мало, насколько можно. Добиться меньшего веса изображения можно, использовав следующие методы:
- Сжатие. Сжимать картинки так, чтобы они не потеряли качество. Сделать это можно, использовав сторонние ресурсы или даже специальные плагины для WordPress.
- Превью. Это маленькая картинка, которая показывает содержание изображения. Если кликнуть на превью – пользователь сможет увидеть полную версию. Данный эффект называется лайтбокс, и также можно реализовать плагинами для WordPress.
- Отложенная загрузка или, так называемая, ленивая загрузка. Метод заключается в том, что все картинки страницы загружаются не сразу, а по мере прокрутки. Также можно сделать с помощью специальных плагинов для WordPress.
Качество на разных устройствах
На каждом устройстве одно и то же разрешение может выглядеть по-разному. Так, картинка маленького разрешения может хорошо смотреться на мобильных устройствах, но вот на ПК – уже не очень. Чтобы этого избежать, используется атрибут <img srcset>, в который добавляются два или больше размера одного изображения. В большинстве современных тем для WordPress этот приём используется.
Уникальность
Как и уникальность при написании статей, изображения также должны быть уникальными. Чем уникальнее контент на странице, тем лучше он продвигается в поисковиках.
