Тег alt — это текстовое описание изображения, которое включается в html-код вашего сайта. Этот фрагмент текста также называется альтернативным описанием или альтернативным текстом. Текст тега Alt появляется, когда вы наводите курсор на изображение в Интернете или когда ваш веб-браузер не может загрузить изображение. Теги Alt также считываются программами чтения с экрана для слабовидящих пользователей. И, наконец, поскольку поисковые системы на самом деле не могут видеть изображения, теги alt помогают им понять, что изображено на изображениях.
Вы хотите, чтобы ваш сайт обслуживал пользователей с нарушениями зрения, и вы также хотите, чтобы поисковые системы понимали, что показано на изображениях.
Целью тега alt является, прежде всего, улучшение пользовательского опыта вашего сайта и предоставление информации поисковым системам, сканирующим ваш сайт. Вы хотите, чтобы ваш сайт обслуживал пользователей с нарушениями зрения, и вы также хотите, чтобы поисковые системы понимали, что показано на изображениях. Теги Alt должны быть хорошо написаны, но лаконичны и включать любые релевантные ключевые слова. Имейте в виду, что они также предоставляют контекст пользователям с низкой пропускной способностью и медленным временем загрузки.
Какая разница?
Вот список преимуществ, которые тег alt предоставляет вашему сайту электронной коммерции.
- Это может улучшить пользовательский опыт, предлагаемый на вашем сайте, что, в свою очередь, может привести к снижению показателя отказов. Если изображения на вашем веб-сайте не загружаются, а ваши теги alt отсутствуют, на вашем сайте может отсутствовать какой-то важный контекст, и пользователи, скорее всего, будут более склонны покинуть сайт.
- Alt-теги также помогают поисковым системам индексировать вашу страницу. Конечно, у вас есть все нужные ключевые слова, включенные в ваш контент, но поисковые роботы не могут обрабатывать изображения; без тегов alt они просто выглядят как большие блоки пустого пространства для поисковой системы. Добавление текстового описания может помочь передать релевантность вашей страницы поисковым системам. Это особенно полезно, если вы хотите, чтобы ваша графика ранжировалась в Google Images.
Однако этот совет — палка о двух концах. Хотя вы можете использовать тег alt для оптимизации своего сайта, важно подходить к этой стратегии с осторожностью. Вот несколько рекомендаций о том, как написать эффективный тег alt.
1. Найдите баланс
Тег alt должен быть достаточно описательным, чтобы пользователь имел представление о том, что изображено на изображении, не глядя на него. Вы не хотите обрезать себя, написав тег alt, который больше похож на заголовок. Имейте в виду, однако, что в большинстве случаев «меньше значит больше», и краткое описание часто более эффективно, чем лишнее. Обычно достаточно нескольких слов. Хотя вам дается 125 символов для вашего тега alt, вы не хотите использовать это как возможность написать мини-мета-описание. Однако это не означает, что вы должны избегать включения ключевого слова в тег alt, если это возможно.
2. Избегайте наполнения ключевыми словами
Если вы можете себе это позволить, включите хотя бы одно ключевое слово в свой альтернативный тег. Например, если вы продаете товары и аксессуары для собак, у вас может быть страница, посвященная игрушкам для жевания, со следующим изображением, отображаемым на странице.
Некоторые из ваших ключевых слов могут быть «игрушки для жевания собак», «игрушки для жевания», «доступные игрушки для жевания собак» и так далее.
Альтернативный тег может выглядеть так: «Щенок золотистого ретривера жует игрушку». Эта фраза эффективно изображает изображение для слабовидящего пользователя. Однако вы можете добавить ключевое слово, которое естественно читается в этом описании. Если вы напишете «щенок золотистого ретривера играет с жевательной игрушкой», это будет то же самое изображение, и ваш тег alt теперь оптимизирован для ключевых слов.
Хотя вы можете склоняться к использованию ключевого слова, более специфичного для вашего сайта, оно не читается естественным образом и кажется излишним для слабовидящего пользователя.
Это правильное выполнение тега alt, оптимизированного для ключевых слов. Плохое исполнение может звучать так: «щенок золотистого ретривера играет с доступной игрушкой для жевания». Хотя вы можете склоняться к использованию ключевого слова, более специфичного для вашего сайта, оно не читается естественным образом и кажется излишним для слабовидящего пользователя. Включение ключевых слов в ваши теги alt для улучшения вашего поискового рейтинга похоже на украшение красиво украшенного торта; это только усиливает то, что уже есть.
Добавление тегов alt к вашим изображениям — это быстрый и простой способ повысить SEO-оптимизацию вашего сайта.
В заключение, что касается вашего сайта электронной коммерции, теги alt в идеале должны быть достаточно длинными, чтобы отображать изображение, не будучи лишними, и должны включать простые ключевые слова, когда это возможно. Они помогают повысить рейтинг вашего сайта в поиске и улучшают взаимодействие с пользователем, что, в свою очередь, снижает показатель отказов вашего сайта.
