Руководство по оптимизации изображений SEO

Какова цель оптимизации изображения для SEO?

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

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

1. Источник изображения (в HTML: «src») - это имя файла изображения, отображаемого на вашей странице.
2. Изображение Alt Tag (в HTML: «alt») - атрибут используется для описания вашего изображения в текстовом формате. Это позволяет поисковым системам получить дополнительное понимание вашего изображения, так как эти поисковые системы могут только «видеть» изображения, но не обязательно понимать их.
3. Заголовок изображения (в HTML: «title») - это заголовок вашего изображения.

Чтобы узнать больше об использовании этих атрибутов именования, прочитайте наш блог о используя тэги alt и title ,

Как я могу оптимизировать мои изображения для SEO?

Рекомендации по именованию изображений

• Включите полное URL-имя, содержащее ключевые слова, чтобы сразу представить подробное описание вашего изображения. Например, «chicago-skyline.jpg» более информативен, чем «image1.jpg».
• Изображение Alt Text. Включите в текст текстовое изображение alt text, чтобы описать, что изображение предназначено для поисковой системы. Этот элемент может помочь поддерживать таргетинг на ключевые слова, и при сканировании альтернативного текста он учитывается в основном алгоритме ранжирования ключевых слов Google.
• Избегайте встраивания ценного текста в ваши изображения: при создании изображений важно избегать включения текста в само изображение. При оформлении вашего веб-сайта убедитесь, что текст является отдельным элементом в верхней части изображения и его можно сканировать.

Размер изображения и скорость страницы

• Распространенная проблема PageSpeed ​​на веб-сайтах заключается в том, что файлы изображений слишком велики, и устройство загружает их очень долго. Чтобы устранить эту проблему, вы можете использовать сжатие с потерями или без потерь, чтобы уменьшить размер файла. Сжатие с потерями несколько ухудшит качество изображения, но при этом уменьшит размер файла больше всего, в то время как без потерь качество изображения вообще не ухудшится, но размер файла не будет значительно уменьшен.
• Автоматизировать сжатие изображений. Используйте такие инструменты, как Compressor.io а также WP-Smush (только для сайтов Wordpress), чтобы помочь автоматизировать задачи сжатия изображений.

Организация изображений

• использование Карта сайта XML изображения увеличить вероятность того, что ваши изображения будут проиндексированы поисковыми системами. Такие теги, как <image: caption> и <image: title>, могут использоваться в этих файлах сайта для предоставления дополнительной информации о ваших изображениях.

Требования к изображению Rich Card

• Rich Cards - это тип результатов поиска, который использует разметку схемы для отображения выбранных мобильных страниц в качестве карточки в результатах поиска.
• Чтобы изображение правильно отображалось для богатой карты, размер изображения должен быть не менее 185 на 185 пикселей - все, что больше, должно сохранять соотношение сторон 1: 1.

Создание положительного пользовательского опыта с изображениями

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

Похожие

Комментарии