TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Руководство для начинающих по поисковой оптимизации изображений

18

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

По теме: Как оптимизировать изображения и улучшить скорость загрузки страницы для WordPress?

Важность SEO изображений

Многие пользователи ищут изображения с помощью поиска изображений Google. Это имеет огромный потенциал, особенно в сферах фотографии и электронной коммерции. Кроме того, сайты социальных сетей, такие как Pinterest и Instagram, также используют изображения для связи с интересными пользователями со всего мира. Следовательно, это потенциальная возможность для веб-мастеров оптимизировать изображения на своих сайтах для поисковых систем и привлекать с них трафик.

Раньше вы могли отслеживать трафик с images.google.com в отчетах Google Analytics. Однако Google прекратил это делать, и теперь вы можете использовать отчет «Эффективность» в Google Search Console. Вы можете нажать на любой запрос и найти источник трафика с изображения.

Основы SEO изображений

При использовании изображений на своем сайте примите во внимание следующие моменты для оптимизации:

1 Заголовок изображения

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

2 Альтернативный текст (атрибут Alt)

Замещение текста изображениями – это самая важная вещь, которую вам нужно обеспечить. Атрибут HTML alt позволяет вам предоставить альтернативный текст для изображения внутри

<img src="image.jpg" alt="SEO For Images">

Альтернативный текст полезен в двух сценариях: один предназначен для поддержки браузером, а другой – для поисковых систем. Когда браузер не поддерживает ваше изображение по какой-либо причине, он будет отображать замещающий текст вместо изображения. Это поможет пользователям понять возможное изображение, которое должно отображаться, и продолжить чтение без особых проблем. Ниже приведен пример неработающего изображения, показывающего замещающий текст в браузере.

Руководство для начинающих по поисковой оптимизации изображений

Замещающий текст в несовместимом изображении

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


Статьи по поисковой оптимизации


3 Размер изображения

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

Мы настоятельно рекомендуем сжать изображение с помощью сторонних инструментов перед загрузкой на ваш сайт.

4 Используйте адаптивные изображения

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

Руководство для начинающих по поисковой оптимизации изображений

Отзывчивый сайт

4 Размещение изображения

Размещайте свои изображения в таком месте, где пользователи могут легко увидеть их, связанные с контентом. Отображение несвязанных изображений или отображение их в неподходящем месте может ввести пользователя в заблуждение относительно цели изображения. Это также применимо к графическим объявлениям, если вы показываете рекламу на своем сайте.

Предложение SEO: оптимизируйте свой сайт с помощью специальной 14-дневной бесплатной пробной версии Semrush Pro.

5 Структурирование папки изображений

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

6 Соответствующий тип изображения

Есть много общих типов изображений, таких как PNG, JPEG, GIF и BMP. Каждый тип изображения служит разным целям и подходит для разных случаев. Тем не менее, все браузеры поддерживают эти часто используемые типы изображений, проверьте качество и размер изображений на своем сайте и выполните соответствующую оптимизацию. Есть также новые типы изображений, такие как JPEG2000 и WebP. Google подталкивает веб-мастеров к использованию этих оптимизированных типов изображений. Однако не все браузеры поддерживают эти новые типы изображений. Поэтому, когда вы используете новые типы изображений, убедитесь, что стандартные изображения PNG или JPEG используются как резервные.

7 Изображение Sitemap

Если вы используете изображения в качестве основного источника трафика на своем сайте, рекомендуется создать файл Sitemap для изображений и отправить его в поисковые системы аналогично обычному XML-файлу Sitemap. Файл Sitemap для изображений должен содержать подробную информацию об изображениях на каждой странице, чтобы поисковые системы могли легко сканировать и индексировать их соответствующим образом.

8 Ленивая загрузка

Ленивая загрузка – это метод откладывания закадровых изображений, которые пользователи в настоящее время не просматривают. Когда у вас много изображений на странице сверху вниз, имеет смысл показать пользователю изображения в видимой области экрана. Другие изображения внизу страницы будут загружаться только тогда, когда пользователь перейдет к этой позиции. Вы можете применить отложенную загрузку независимо, используя сторонний скрипт, или найти подходящий плагин в зависимости от используемой вами системы управления контентом.

9 Обслуживание изображений из субдомена

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

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

10 Использование кеширования и CDN

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

Что можно и чего нельзя делать с изображениями:

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

ПринадлежащийНе делать
Используйте описательное имя и замещающий текст, относящиеся к вашему контентуОбщие имена файлов, такие как «untitles.bmp» или «image1.jpg».
Предоставьте замещающий текст для ссылок на изображенияЧрезвычайно длинное имя файла и замещающий текст
Отправьте файл Sitemap с изображением в поисковые системыВставка ключевых слов в замещающий текст
Использование ссылок на изображения только при необходимостиЧрезмерное использование ссылок на изображения для навигации
Сжимайте и изменяйте размер изображенийИспользование большого количества несжатых изображений на странице
Включить кеширование браузера и обслуживать из домена без CookileОбслуживание слишком большого количества изображений из того же домена, где доступен текстовый контент
Источник записи: webnots.com
Leave A Reply

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