Как написать альтернативные теги изображения (текст) — что нужно и чего нельзя делать

Опубликовано: 2020-09-06

Изображения стали одним из самых популярных и эффективных способов превратить простой текст в привлекательный контент.

Визуальные эффекты играют решающую роль в контент-маркетинге. Знаете ли вы, что они увеличивают желание пользователей читать контент на 80%? Не говоря уже о том, что контентом с изображениями через каждые 100 слов делятся в 2 раза чаще, чем другим контентом.

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

Теги Alt или атрибуты Alt вводятся в HTML-коде. Они описывают образ, который создают ваши изображения. Кроме того, теги alt изображения объясняют ваши визуальные эффекты пользователям, которые не могут видеть изображения.

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

Оглавление

Написать замещающий текст изображения

DO

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

1. Используйте разговорный язык

Каждый читатель должен быть в состоянии понять ваш альтернативный тег, независимо от его образования или профессии. Опишите изображение так же, как вы попытались бы объяснить его своему лучшему другу или члену семьи. То есть использовать повседневный язык.

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

2. Будьте лаконичны

Написание краткого описания для вашего тега alt изображения гарантирует, что ваш текст не будет обрезан. Старайтесь, чтобы текст тега alt не превышал 100 символов. Почему? Потому что, если он длиннее 125, некоторые программы чтения с экрана его обрежут.

Написание длинных и сложных тегов alt утомит читателей. Подумайте о написании тегов alt следующим образом:

Как я могу лучше всего описать изображение в наиболее краткой форме?

Вы должны уметь отличать важную информацию от ненужной. Например: «Пара, обнимающаяся на закате» — это хорошо, но «Человек с черными волосами в красной рубашке и джинсах обнимает женщину со светлыми волосами в черном платье, а за ними — закат» просто ошеломляет. Он предоставляет информацию, которая не нужна пользователям.

3. Будьте конкретны

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

Например, если вы публикуете изображение горного велосипеда Cube Aim, вместо «Велосипед» напишите «Черно-синий горный велосипед Cube Aim». Разница очевидна. Читатель сможет понять, что изображено на изображении, намного легче, если вы напишете специальные теги alt.

4. Используйте ключевые слова

Если вы хотите, чтобы поисковые системы выводили вашу страницу в топ результатов по релевантным запросам, вам необходимо использовать релевантные ключевые слова.

Наиболее рекомендуемые места для добавления ключевых слов — это заголовки контента, подзаголовки и, конечно же, теги alt изображения. Добавьте ключевое слово в альтернативный текст, но ТОЛЬКО если оно имеет отношение к изображению.

Используйте ключевые слова в тегах alt с учетом следующего:

● ключевое слово должно быть релевантным
● ключевое слово должно быть размещено естественно
● ключевые слова следует использовать с осторожностью

Это поля, которые вы должны отметить, прежде чем вы будете уверены, что должны поместить целевое ключевое слово в тег alt.

5. Используйте заглавные буквы и знаки препинания

Alt-теги должны быть написаны так же, как обычные предложения. Что это значит, спросите вы? Что ж, это означает, что вы должны правильно использовать заглавные буквы и знаки препинания. Помните, что даже если вы пишете теги alt в HTML, от того, как вы их пишете, зависит, как они будут отображаться для вашей целевой аудитории.

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

6. Переосмыслите альтернативный текст при публикации старого контента

Повторная публикация старого контента для увеличения трафика — популярный маркетинговый метод. Но если вы планируете это сделать, вам следует проверить, актуальны ли ваши старые теги alt.

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

Итак, вы должны проверить показатели ключевого слова и заменить их, если есть лучшие варианты.

Если вам также нужно переписать какой-то контент, вы можете проверить здесь авторов и редакторов, которые могут помочь вам адаптировать контент и ключевые слова к тенденциям в вашей нише.

НЕТ

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

1. Не пишите «изображение» или «картинка»

Люди смогут понять, что перед ними изображение, даже если вы не напишете «образ…». Поэтому избегайте этого любой ценой.

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

2. Не перебарщивайте с ключевыми словами

Как только вы узнаете, что ключевые слова в тегах alt могут помочь вам оптимизировать ваш контент, у вас может возникнуть соблазн добавить их как можно больше. Не надо.

Наполнение тегов alt ключевыми словами повредит ясности и качеству описания. Кроме того, теги alt в конечном итоге будут выглядеть как спам.

Только представьте, что вы натолкнулись на такой alt-тег: «Красное платье, темно-красное платье, красное платье со швами, красное струящееся платье, красное платье для женщин, женское красное платье, красное повседневное платье для женщин».

Ни один читатель не может извлечь выгоду из такого тега alt. Это только приведет их в замешательство.

3. Не пишите бессмысленный текст

Всегда, и я имею в виду всегда, пишите только те слова, которые подходят к изображению. Написание нескольких неуместных слов для SEO — это большое нет, нет.

Тег alt должен нести смысл читателям. Это должно помочь им понять изображение, даже если они закроют глаза и кто-то прочитает им тег alt.

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

Решение состоит в том, чтобы обобщить то, что показывает инфографика. Или, если у вас есть короткая статистика, например, «65% людей учатся визуально», вы можете написать все это в теге alt. Вы должны быть в состоянии определить, когда вам нужно сократить описание, а когда вы можете оставить его полностью.

4. Не забудьте описать логотип вашей компании

Многие писатели и специалисты по цифровому маркетингу упускают из виду изображения логотипа компании. Нет, недостаточно просто добавить изображение логотипа. Логотип заслуживает тега alt, как и любое другое изображение.

Опишите логотип, написав название вашего бренда. Это так просто. Не запутайтесь и не напишите «логотип бренда». Это не добавит релевантности поисковым роботам. Вам нужно написать название бренда, если вы хотите, чтобы тег alt имел значение.

5. Не опускайте тег alt для CTA

Призывы к действию (CTA) часто принимают визуальную форму. Это делает их более привлекательными и, самое главное, более заметными. Если у вас есть дилемма о том, стоит ли добавлять тег alt для CTA, у нас есть ответ — да, вы должны его добавить.

Следующий вопрос, который у вас может возникнуть, — как описать CTA? Ну, просто напишите, к чему призывает призыв к действию, будь то подписка, электронное письмо, звонок, покупка, подача заявки сейчас, поиск и т. д.

В заключение

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