1. Нет такой вещи как «alt tag»
2. Семантическое значение атрибута alt
3. Неправильное использование нет. 1: нет атрибута alt
4. Неправильное использование нет. 2: тавтологический атрибут alt
5. Неправильное использование нет. 3: атрибуты alt для декоративных изображений
6. Неправильное использование нет. 4: любой атрибут alt лучше пустого атрибута alt
7. Неправильное использование нет. 5: атрибуты alt для ключевых слов и SEO
8. Alt атрибуты и SEO
9. Как использовать атрибут alt

Отказ от ответственности: это написано с точки зрения разработчика. Я не претендую на звание эксперта по SEO, но, тем не менее, считаю, что сделанные замечания верны. Кроме того, хотя у меня установлен текстовый браузер, я признаю, что не использовал его в качестве инструмента для тестирования веб-сайтов.

Недавно я увидел, как мне показалось, злоупотребление изображением «alt tag», граничащее со спамом, со стороны SEO-компании, которая работала над сайтом клиента, за которым я ухаживаю. Я думаю, что «альтернативные теги» часто используются неправильно, часто для так называемых преимуществ SEO. Здесь я обрисую цель «alt tag», как его часто используют неправильно, как его использовать и почему «alt tag» не для SEO.

Нет такой вещи как «alt tag»

Термин «alt tag» является неправильным, поэтому до сих пор я помещал этот термин в кавычки.

В случае, если вы не знаете, с HTML, языком, который используется для определения контента в Интернете, контент оборачивается тегами, которые придают его содержанию определенные значения. В веб-разработке это называется «семантическая разметка». Хотя вы не видите это как посетителя сайта, изображение выражается в HTML следующим образом:

<img src = "photo.jpg" alt = "" />

Часть img является тегом, но src и alt являются атрибутами тега img . Поэтому «атрибут alt» является правильным, а «alt tag» - нет. Это может показаться педантичным, но на самом деле оно лежит в основе неправильного использования «alt tag». HTML это все о семантике, и понимание семантического значения тегов и их атрибутов позволяет вам использовать их правильно. Любой, кто занимается производством контента сайта, а не только разработчики, должен знать о семантической разметке.

Называть его «тегом alt» безвредно и никак не влияет на неправильное использование атрибута alt. Я поднимаю это, чтобы проиллюстрировать, что когда дело доходит до HTML, смысл - это все.

Семантическое значение атрибута alt

Атрибут alt - это сокращение от «альтернативный текст для изображения». Зачем вам нужна альтернатива? Две основные причины: если изображение не загружается из-за ошибки и посетитель использует только текстовый браузер. Они могут использовать последнее, потому что они имеют ограниченные вычислительные ресурсы и пропускную способность, но обычно это потому, что они слепые или слабовидящие.

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

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

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

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

Неправильное использование нет. 1: нет атрибута alt

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

Мы - семейная компания с более чем десятилетним опытом в области веб-дизайна… [Image: team-2018-01-01.jpg] Основанная в Лидсе ...

Неправильное использование нет. 2: тавтологический атрибут alt

Браузеры, будь то текстовый или стандартный настольный браузер, отделяют текст на изображении от основного текста. Таким образом, если вы установите для атрибута alt «Изображение экрана компьютера», он станет тавтологическим. Некоторые текстовые браузеры отображают это так:

Мы - семейная компания с более чем десятилетним опытом работы в области веб-дизайна ... [Изображение: Изображение нашей команды] Основанная в Лидсе ...

Неправильное использование нет. 3: атрибуты alt для декоративных изображений

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

Неправильное использование нет. 4: любой атрибут alt лучше пустого атрибута alt

Атрибут SEO компании, о котором я говорил во введении, является обычным среди маркетинговых компаний: никакие атрибуты alt не следует оставлять пустыми. Если вы поняли семантическое значение атрибута alt, теперь вы должны знать, что это неправильно. По сути, вы получаете случайные слова и фразы, замусоренные вокруг полезного контента.

Неправильное использование нет. 5: атрибуты alt для ключевых слов и SEO

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

Мы - семейная компания с более чем десятилетним опытом в области веб-дизайна… [Изображение: компания веб-дизайна в Лидсе] Находится в Лидсе…

Alt атрибуты и SEO

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

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

Но как насчет того, чтобы упустить все очевидные преимущества SEO? А как насчет появления в результатах Google Images?

Подобные Google стремятся обеспечить максимально возможный пользовательский опыт, а также придают большое значение доступности. Глядя на общую картину, имеет смысл правильно использовать атрибут alt. Как и во многих других областях SEO, любое «доказательство» того, что добавление ключевых фраз к атрибутам alt часто бывает анекдотичным. Поскольку альтернативный текст не виден большинству пользователей, Google, естественно, не собирается придавать ему большого значения.

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

Но как насчет того громкого веб-сайта, который использует атрибут alt способами, которые я назвал неправильным? Это ничего не доказывает. Некоторые компании используют методы SEO в случае, если они имеют небольшую выгоду, а не потому, что они делают.

Согласно Webopedia, часть Черная шляпа SEO может быть определено как «техника и тактика, ориентированные только на поисковые системы, а не на человеческую аудиторию». Имея это в виду, использование атрибутов alt иногда граничит с техникой черной шляпы. В долгосрочной перспективе, делать то, что лучше для пользователя, а доступность - что помогает делать семантическая разметка - всегда будет полезна для SEO.

Как использовать атрибут alt

Массачусетский технологический институт, знаменитый исследовательский университет, дает резюме Я согласен с:

ALT-теги часто используются неправильно, в основном люди злоупотребляют ими. Лучше оставить тег ALT пустым (ALT = ""), чем вводить текстовое описание, которое бесполезно или излишне.

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

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

Установите только текстовый браузер, и вы скоро увидите, что многие теги alt семантически неверны. Если сомневаетесь, оставьте атрибут alt пустым!

Итак, что является законным использованием атрибута alt? Там не много. Хорошо, если ваш логотип является ссылкой на домашнюю страницу, тогда простой текстовый атрибут «Домашний» будет иметь смысл только в текстовом браузере.

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

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

Похожие

Комментарии