Анатолий Косарев - 50 руководств по SEO-оптимизации. Часть №2

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

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

На странице поддержки Google сказано:

«Google Images автоматически генерирует заголовок и фрагмент, чтобы лучше всего объяснить каждый результат и то, как он соотносится с пользовательским запросом…

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

Все ваши основные факторы SEO на странице, такие как метаданные, теги заголовков, текст на странице, структурированные данные и т. д., влияют на то, как Google ранжирует ваши изображения.

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

Я мясоед, но если вы не едите мясо, то придумайте своё сравнение.

Если вы используете AMP или PWA, вам необходимо указать размеры изображения в исходном коде.

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

Кроме того, это позволяет браузерам изменять размер изображения до загрузки CSS.

Атрибуты размеров изображения также важны для предотвращения проблем с кумулятивным сдвигом макета (CLS), которые могут помешать вашей оптимизации Core Web Vitals.

Ключевым моментом является включение атрибутов ширины и высоты для каждого элемента изображения и видео.

Это сообщает браузеру, сколько места следует выделить для ресурса, и предотвращает раздражающее смещение содержимого, которое снижает вашу оценку CLS. Узнайте больше можете в руководстве «Оптимизация совокупного сдвига макета».

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

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

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

Воспользуйтесь Общими рекомендациями Google по структурированным данным, чтобы узнать, как добавлять структурированные данные на свои страницы в рамках параметров поисковой системы.

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

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

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

Mozilla предлагает всеобъемлющую на использование srcset и sizes атрибуты для обеспечения браузер дополнительных исходных изображений, позволяя отображать идентичное содержание изображения с измененным размером для данного устройства.

Важно отформатировать это с другой частью значения атрибута в каждой строке, как показано в этом примере из их ресурса:

Узнайте больше об использовании srcset для адаптивных изображений; на официальном сайте компании.

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

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

Если вы используете WordPress, Yoast предлагает решение для карты сайта в своем плагине.

После того, как вы оптимизировали свои изображения, как узнать, достаточно ли быстро загружается страница вашего веб-сайта? Используйте один из следующих инструментов, чтобы проверить скорость вашего сайта:

– WebPageTest

– Pingdom

– GTmetrix

– WebWait

– Google PageSpeed Insights

– Большое количество графических ссылок для навигации на сайте.

– Избегайте файлы изображения называть так: “image1.jpg», “pic.gif», “1.jpg»

– Затрудняют индексацию длинные имена файлов, например, moi_dgugany_po_universitetu_2014_goda.jpg. Пробелы в именах файлов, и написание имен файлов кириллицей – не допустимо.

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

– Для навигации по сайту использовать только графические объекты.

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

Самое главное – убедиться, что изображение и альтернативный текст релевантны странице.

Выберите правильный формат файла.

Уменьшите размер файла для более быстрой загрузки страницы.

Убедитесь, что ваши SEO-элементы на странице (метаданные, структурированные данные и т. д.) сочетаются с вашим изображением.

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

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

Удачной оптимизации!

Иногда кажется, что ключевые слова – это единственное, что связано с оптимизацией OnPage. Но так ли это на самом деле?