• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Что такое атрибут Alt и как его использовать (Как правильно заполнять атрибуты alt в описание)
Что такое атрибут Alt и как его использовать
Kosten
Дата: Воскресенье, 04.02.2018, 04:07 | Сообщение 1
Администраторы
Сообщений:18250
Награды: 55


Атрибуты Alt позволяют вводить альтернативное описание в HTML коде для каждого изображения на сайте. Это описание появляется, если по какой-либо причине изображение невозможно отобразить. Способность поисковых систем распознавать содержимое изображений по-прежнему ограничена, поэтому они полагаются на альтернативное описание, чтобы определить, что содержит изображение. Атрибут alt может влиять на контент, для которого поисковые системы считают сайт релевантным. В идеале альтернативные описания также должны содержать условия поиска, для которых оптимизирован портал.

В тексте Alt используется:

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

2. Знаки Alt будут отображаться вместо изображения, если файл изображения не может быть загружен.

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

Пример кода:

Код
<img src = "http://zornet.ru/" alt = "Скрипты для сайта uCoz">


Оптимальный формат

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

Давайте рассмотрим несколько примеров alt text для изображения.

Хорошо:

Код
<img src="http://zornet.ru/Aben/JdPP3A0SR5eBIkFnVcMsEg.png" alt="блины">

Этот текст alt только хорошо, потому что он не очень описательный. Но об этом образе можно сказать больше.

Отлично:

Код
<img src="pancakes.png" alt="Блины с черникой в сахарной пудре">

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

Не рекомендуется:

Код
<img src="ссылка.png" alt="">

или

Код
<img src="ссылка.png" alt="блинчики блины торт пирожные горячий пирог завтрак завтрак лучший завтрак верхний завтрак завтрак рецепты блины рецепт">

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

Почему текст alt важен?

1. Доступность

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

2. Изображение SEO

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

Хотя технология распознавания изображений в поисковых системах значительно улучшилась за эти годы, поисковые роботы по-прежнему не могут видеть изображения на странице сайта, как мы можем, поэтому нецелесообразно оставлять интерпретацию исключительно в их руках. Если они не понимают или ошибаются, возможно, вы можете либо занять нечаянные ключевые слова, либо пропустить рейтинг вообще.
Страна: (RU)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Что такое атрибут Alt и как его использовать (Как правильно заполнять атрибуты alt в описание)
  • Страница 1 из 1
  • 1
Поиск: