Выбрать страницу

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

Есть ли у вас оранжевая отметка для ключевой фразы в атрибутах alt в Yoast SEO? Прочтите, как сделать эту пулю зеленой.

Что такое атрибуты alt и атрибуты title?

Это полный тег изображения HTML:

<img src=“image.jpg” alt=“image description” title=“image tooltip”>

Атрибуты alt и title изображения обычно называют «тегом alt», «альтернативным текстом» и «тегом заголовка». (Технически это не теги, это атрибуты, но вам не о чем беспокоиться). Эти атрибуты позволяют добавлять текстовые описания вашего изображения, которые могут помочь как с SEO, так и с доступностью.

Альтернативный текст

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

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

Текст заголовка

В title Атрибут отображается как всплывающая подсказка при наведении курсора на элемент. Атрибут заголовка нет обязательный. Более того, в большинстве случаев даже не имеет смысла добавлять его. Они доступны только людям, использующим мышь (или другие указывающие устройства), и это единственный случай, когда title атрибут обязательный для доступности включен <iframe> и <frame> теги.

Если информация, переданная title атрибут актуален, рассмотрите возможность размещения его в другом месте в виде обычного текста. А если это не актуально, рассмотрите возможность удаления title атрибут целиком.

Но что, если у изображения нет цели?

Если в вашем дизайне есть изображения, чисто там по причинам дизайна, вы делаете это неправильно. Эти изображения должны быть в вашем CSS, а не в HTML. Если вы действительно ничего не можете сделать с этими изображениями, дайте им пустой alt атрибут, например:

<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.png" alt="">

Пустой alt Атрибут гарантирует, что программы чтения с экрана пропускают изображение. Если вы используете WordPress, вы можете оставить поле «Альтернативный текст» в настройках изображения пустым.

альтернативный текст и SEO

В статье Google об изображениях есть заголовок «Используйте описательный замещающий текст». Это не случайно. Google придает большое значение альтернативному тексту. Они используют его, чтобы определить, что находится на изображении, а также как оно соотносится с окружающим текстом. Вот почему в нашем анализе контента Yoast SEO у нас есть функция, которая специально проверяет, есть ли у вас как минимум один изображение с тегом alt, содержащим ключевую фразу вашего фокуса.

Что делает проверка ключевой фразы в атрибутах alt изображения в Yoast SEO?

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

Мы определенно нет говоря, что вам следует спамить ключевую фразу в каждом теге alt. Вам нужны хорошие, высококачественные, похожие изображения для ваших сообщений, где имеет смысл использовать ключевое слово focus в альтернативном тексте. Вот совет Google по выбору хорошего альтернативного текста:

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

Если ваше изображение представляет собой конкретный продукт, включите в тег alt как полное название продукта, так и идентификатор продукта, чтобы его было легче найти. В общем: если ключевая фраза может быть полезна для поиска чего-то, находится на изображении, включите его в тег alt, если можете. Кроме того, не забудьте изменить имя файла изображения, чтобы оно действительно описывало то, что на нем.

Оценочные баллы

Если в вашем контенте более 4 изображений, вы получите зеленую отметку только в том случае, если процент изображений с ключевой фразой в альтернативном тексте находится в пределах от 30 до 70%. Когда вы используете ключевую фразу более чем в 70% изображений, ваш маркер станет оранжевым, чтобы не допустить переполнения ключевыми словами. Если у вас есть Yoast SEO Premium, плагин также будет учитывать синонимы, которые вы добавили в свою ключевую фразу.

Перейти на Премиум и получить доступ к этой функции!

Получите доступ ко множеству функций и все наши курсы SEO с плагином Yoast SEO Premium:

Только 89 EUR / в год (без НДС) для 1 сайта

Оценка альтернативных тегов изображений в WooCommerce SEO

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

Атрибуты alt и title в WordPress

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

Как добавить атрибуты alt в WordPress

WordPress упрощает добавление alt атрибуты. Следуйте инструкциям ниже, чтобы добавить их к своим изображениям. Ваш (имиджевый) SEO действительно выиграет, если вы правильно разберетесь с этими деталями. Люди, использующие программы чтения с экрана, тоже полюбят вас за это еще больше.

  1. Войдите на свой сайт WordPress.

    Когда вы войдете в систему, вы попадете в свою «Личную панель».

  2. Откройте сообщение или страницу, чтобы отредактировать содержимое.

  3. Щелкните блок изображения, чтобы открыть настройки изображения на вкладке Блок боковой панели.

    Вы увидите, что настройки изображения появятся на вкладке «Блок» боковой панели.Настройки изображения WordPress

  4. Добавьте замещающий текст и атрибут заголовка.

    Добавление тега alt в WordPress

  5. Щелкните «Обновить».

    Нажмите кнопку «Обновить» в правом верхнем углу.

Узнать больше о SEO изображений

У нас есть очень популярная (и более длинная) статья о SEO изображений. В этом посте рассказывается о множестве различных способов оптимизации изображений, но относительно не хватает деталей, когда дело доходит до alt и title теги — воспринимайте это как дополнение к статье. Я рекомендую прочитать эту статью, если вы хотите узнать больше о хороших методах SEO для изображений.

Подробнее: Оптимизация изображений для поисковых систем »

Далее!

Поделитесь записью в соц.сети :)