Разница между alt и заголовком img - какой из них использовать - и влияние
В течение многих лет я писал свой HTML-код для таких изображений:
<img src="picture.jpg" alt="my picture" >
Но недавно я провел аудит своего сайта с помощью инструментов SEO Raven, и он сообщил о множестве ошибок, которые меня действительно удивили.
Когда я просматривал отчет, 99% этих ошибок были вызваны отсутствием текста заголовка изображения.
Я знаю, что текст заголовка изображения может немного всплывать при наведении курсора мыши на изображение, но кроме этого, какова цель и влияет ли это на SEO?
Кроме того, если бы вы это реализовали, что бы вы туда вложили? Не могли бы вы просто поместить ту же информацию, что и в атрибуте alt? т. Е. alt="my picture" title="my picture"
3 answers
Тег ALT - это тег специальных возможностей, который был введен для людей, испытывающих трудности со зрением, даже с помощью Google. Используйте его, чтобы определить, что представляет собой изображение. Вы никогда не должны рассматривать возможность размещения тегов alt в целях SEO перед вашими посетителями.
Многие люди и даже Мэтт Каттс, который работает в Google, говорят о тегах alt, как будто они были специально разработаны для поисковых систем, чтобы информировать ботов о том, что представляет собой изображение, это просто неправда.
Однако вы можете сообщить Google о о чем изображение, заботясь о своей аудитории, никогда не вводите ключевые слова в тег alt, это ухудшает пользовательский опыт и очень неестественно.
Ярким примером этого является то, что часто говорят, что кто-то хочет ранжировать по ключевому слову "Борнмут", у них будет Борнмут в названии, в метаописании H1, затем сделайте изображение с тегом alt "Борнмут", В то время как это будет работать для SEO, это ослабляет пользовательский опыт и пропускает весь смысл тега alt. Тег alt является для людей, у которых проблемы со зрением или которые отключают изображения все вместе. Таким образом, тег ALT был разработан для информирования пользователя о том, что представляет собой изображение.
Хороший пример этого можно увидеть ниже
<img src="i.jpg" alt="Bournemouth" />
Против
<img src="i.jpg" alt="Birdseye view of Bournemouth" />
Приведенный выше пример по-прежнему включает ваше ключевое слово, в то время как объясняет как Google, так и вашей аудитории, о чем идет речь в изображении.
Так что насчет тега заголовка?
Тег заголовка был разработан для предоставления дополнительной информации при наведении курсора мыши на элемент, это не очень полезно для IMG, потому что, если вы собираетесь использовать ту же информацию для ALT и ЗАГОЛОВКА, вы можете использовать скрипт для чтения тега alt и создания собственных наведений с помощью JS. Я бы рекомендовал использовать тег заголовка только в том случае, если вы собираетесь предоставить больше информации, чем тег ALT, например, более длинное описание - нет необходимости указывать точную информацию в обоих элементах, так как это просто раздувает код.
Тег заголовка очень удобен для ссылок, так как при наведении на него может предоставить вашей аудитории больше информации о ссылке, по которой они собираются перейти. Это будет стоить вам того, чтобы подробнее о теге заголовка читайте здесь.
alt дает альтернативное описание изображения. Этот атрибут необходим для img.
title предоставляет дополнительную информацию об изображении. Этот атрибут является необязательным для img.
Никогда не полагайтесь на информацию в title. Если информация действительно важна, включите ее в отдельный элемент.
Эти два атрибута не должны иметь одинаковое содержимое.
Ваше замешательство нормально, и да, каждый тег (заголовок, ALT) представляет свой собственный потенциал, который помогает поисковой системе и пользователю узнать, о чем изображение.
Некоторое время альтернативного текста недостаточно для описания изображения, поэтому лучше назначить как можно больше информации, используйте варианты назначения слов, которые также более эффективны с точки зрения SEO.