Оптимизация изображений на сайте требует существенных затрат времени и сил, а потому не всегда оправдана. Однако, если в вашей нише пользователи ориентируются именно на визуальную составляющую, например, при выборе товаров, оптимизировать картинки стоит. Как добиться от изображений максимального SEO-эффекта рассказал руководитель платформы LinksSape Александр Шестаков.
1. Работайте над уникальностью и разрешением
Если картинка стоковая или разрешение ее невелико, оптимизация существенно усложняется. Используйте сервисы Google или TinEye, чтобы определить, является ли изображение уникальным. Помните о возможности доработать стоковые изображения с помощью нейросетей, превратив их в уникальные, а также генерировать качественные картинки с нуля – с этой задачей справляется, например, Stable Diffusion или Midjourney.
2. Добавляйте ключевики
У каждого изображения есть название файла, а также возможность добавить описание и метаданные – это делается с помощью графического редактора. Используйте эти фрагменты текста, чтобы разместить там ключевики, по которым вы хотите продвигать изображение. При этом текст должен логично отражать содержание картинки. Также не забывайте о подписях – там тоже можно разместить ключевые фразы.
3. Используйте оптимальный формат файла
Грамотно подобранный формат позволяет добиться нужного эффекта, снизив нагрузку на страницу. Так, PNG нужен, если требуется разместить изображение с прозрачным фоном. JPEG подойдет для крупных картинок, а SVG – для небольших изображений типа иконок или логотипов. Существует альтернативный формат WebP, который может заменить PNG или JPG.
4. Не утяжеляйте страницы
Если вам нужно маленькое изображение, не загружайте на сайт большое – это замедлит страницу. Используйте онлайн-сервисы или графические редакторы для обработки и сжатия картинок.
5. Помните об атрибутах
У изображений есть также и атрибуты – небольшие текстовые фрагменты, которые появляются при наведении курсора на картинку. Включение нужных ключевиков помогает улучшить ранжирование в поисковой выдаче. Например, код тега может выглядеть так: <img src="/images/teapot-tefal-smoking.jpg" alt="Чайник Tefal" title="Чайник Tefal закипает"/>.
6. Адаптируйте картинки
Поскольку сайты часто просматриваются с мобильных устройств, каждое изображение должно быть адаптировано под маленькие экраны смартфонов. В противном случае изображение будет искажаться, а его качество падать. Верно и обратное, если вы решите ориентироваться только на мобильный трафик, картинки будет неудобно рассматривать с десктопа. Для решения этой проблемы на сайт загружается одновременно несколько одинаковых изображений в разном разрешении, а далее с помощью атрибута srcset указывается, какой из них показывать пользователю в зависимости от габаритов экрана устройства.
7. Отмечайте изображения на карте сайта
Добавьте информацию обо всех изображениях на сайте в файл Sitemap.xml. Помимо этого там содержатся метаданные картинок. В результате поисковики получают более точное представление о содержании сайта и быстрее будут вносить картинки в индекс. После заполнения карты сайта надо разместить ее в корневой директории продвигаемого сайта.
8. Применяйте структурированные данные
Размещайте структурированные данные картинок. Они содержат указания типа и размера изображений, а также включают описание и технические параметры. Добавив на сайт микроразметку, вы сделаете его более понятным для поисковиков и сможете обеспечить более точное отображение в поисковой выдаче. Schema.org – универсальная микроразметка, которая хорошо подходит для оптимизации картинок.
9. Размещайте картинки на других платформах
Продвинуть изображение в выдаче также помогает размещение картинок в социальных сетях и на различных сервисах поисковых систем, например, Google My Business. Так они будут чаще попадать в результаты поиска и привлекать больше трафика.
10. Продвигайте картинки ссылками
Вы можете использовать адрес картинки или текст ее атрибута Alt в качестве анкора при размещении ссылок. Этот способ хорошо работает, если вы покупаете арендные или статейные ссылки – в этом случае вы сами указываете анкорный текст.
Комментарии