Важность атрибутов Alt (AKA Alt Text)

  1. Введение в атрибуты Alt
  2. Почему альтернативный текст по-прежнему важен в 2019 году
  3. 1. Объяснить изображения, которые не загружаются
  4. 2. Чтобы помочь доступности для невизуальных читателей
  5. 3. Укрепить Ваш SEO
  6. Как добавить Alt Text в изображение
  7. Примеры плохого альтернативного текста
  8. Alt Away!

Атрибуты alt, обычно называемые alt text , являются важным элементом для эффективного присутствия в сети.

Если вы управляете или помогаете управлять веб-сайтом и не уверены, что это за «альт», этот пост является обязательным для вас. Если вы используете альтернативный текст на своем сайте, но не уверены, правильно ли вы его используете, этот пост поможет вам узнать, как максимально использовать атрибуты alt для приятного просмотра. оптимизация поисковой системы (SEO) ,

Введение в атрибуты Alt

В начале Всемирной паутины вам нужно было щелкнуть ссылку, чтобы увидеть изображение, которое затем откроется в новом окне.

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

Почему альтернативный текст по-прежнему важен в 2019 году

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

1. Объяснить изображения, которые не загружаются

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

Если страница была сделана правильно, вы можете использовать альтернативный текст, чтобы прочитать то, что фотографии должны были показать.

2. Чтобы помочь доступности для невизуальных читателей

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

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

3. Укрепить Ваш SEO

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

Показательный пример: фотография торта.

Атрибуты alt, обычно называемые alt text , являются важным элементом для эффективного присутствия в сети

Google может не понять, что это фотография торта. С большим альтернативным текстом вы можете сказать, что это за пирог: вкусный ванильный пирог с капельками из наша любимая пекарня Queen City , Альт-текст становится героиней и объясняет, что изображение через HTML-кодирование.

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

В соответствии с Google сам:

Итак, если вы хотите, чтобы ваши изображения отображались в Google, используйте альтернативный текст!

Как добавить Alt Text в изображение

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

Например, в WordPress просто загрузите изображение в медиатеку и добавьте свой альтернативный текст в поле «Альтернативный текст» слева.

После сохранения он отображается в исходном коде (HTML) следующим образом:

<img src = ”uglysweater.png” alt = «Не позволяйте моему мужу знать, что его уродливый каминный свитер сделал Интернет».>

Примеры плохого альтернативного текста

Хотите знать, что не следует делать при создании альтернативного текста? Вот несколько примеров плохого альтернативного текста, который мы нашли в дикой природе.

<img src = ”IMG1295AW2018.09.12.jpg” alt = ”ПиК моей жизни и я путешествую по тебе 🌎”>

<img src = ”donuts.png” alt = ”пончики пончики посыпать глазурью глазированные пончики торт пончики заполненные пончики»>

Вы получаете смысл.

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

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

Alt Away!

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

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

Как всегда, 9 Clouds - это отличное место, чтобы задавать вопросы и получать ответы на все ваши вопросы о цифровом маркетинге - от SEO в Эл. адрес в онлайн реклама и больше!

© Частный пансионат "Фортуна"  2013
Разработка сайта:   WEB-студия “KPORT”
При создании сайта использованы фото проекта peschanoe.net