Джон Мюллер и Лиззи Сассман из Google обсуждают создание замещающего текста изображения, подходящего для тех, кто использует программы чтения с экрана, кратко касаясь того, что делать с декоративными изображениями и как сложно написать замещающий текст, который находит баланс между SEO и доступностью.
Альтернативный текст для доступности и SEO?
Согласно консорциуму World Wide Web (обычно называемому W3C), официальному органу по стандартизации HTML, цель замещающего текста изображения — сделать изображения понятными для посетителей сайта, которые не могут просматривать содержимое изображения и используют программы чтения с экрана.
Замещающий текст также помогает тем, кто использует программы чтения с экрана, понять назначение изображения или ознакомиться с текстом на изображении.
W3C также говорит, что альтернативный текст также имеет цель SEO.
В руководстве говорится:
«…если вы хотите, чтобы ваш сайт индексировался так, как он этого заслуживает, используйте атрибут alt, чтобы убедиться, что они не пропустят важные разделы ваших страниц».
Можно сказать, что цель замещающего текста — сделать изображения понятными и доступными для тех, кто не может их видеть, в том числе для ботов поисковых систем.
Требуется удивительно много размышлений, чтобы правильно подобрать альтернативный текст. W3C опубликовал руководство по альтернативному тексту для семи различных контекстов изображений.
Не говори, что образ — это образ
Хотя поисковая оптимизация может потребовать, чтобы в альтернативном тексте снимка экрана говорилось, что изображение является снимком экрана, в целях доступности это считается излишним (и раздражает писать, что изображение является изображением).
Лизз Сассман и Джон Мюллер обсуждают решение этой проблемы:
«Поэтому одна из лучших практик — не начинать каждое изображение со снимка экрана, снимка экрана, потому что тогда он просто станет повторяться.
Мы уже знаем, что это образ. Вам не нужно говорить: «Это образ», а затем вещь.
Просто запустите с любым описанием. И это также не обязательно должно быть полным предложением, я думаю.
Джон Мюллер: Да.
Лиззи Сассман: Это может быть просто описательная фраза. Я думаю, что это не должно быть полной мыслью».
Баланс между потребностями SEO и доступностью
Джон Мюллер представляет тему противоречия между традиционной практикой SEO в отношении замещающего текста изображения и требованиями доступности.
Мюллер продолжил:
«Джон Мюллер: Да, да. Я думаю, что это имеет большой смысл.
Я имею в виду, что сложная часть, вероятно, заключается в том, чтобы сбалансировать две стороны. Вид аспекта доступности. Что люди хотят от альтернативного текста для доступности.
А затем аспект SEO, где вы будете делать некоторые вещи, например… традиционно, вы будете делать некоторые вещи, которые могут немного отличаться.
Например, вы бы перечислили кучу синонимов.
Типа: «О, это пляж у океана с волнами».
И это то, что иногда имеет смысл делать в альтернативном тексте по соображениям SEO, но, вероятно, не по соображениям доступности.
И найти этот баланс иногда бывает непросто.
Так что хорошо следить за этим».
Что-то лучше, чем ничего
Важный момент, касающийся замещающего текста изображения, заключается в том, что не рекомендуется оставлять поле замещающего текста пустым.
Одна из причин, по которой это является плохой практикой, заключается в том, что программы чтения с экрана могут начать читать имена файлов изображений, что отрицательно сказывается на пользовательском опыте.
Другая причина заключается в том, что это лишает посетителей, использующих программы для чтения с экрана, получения важной информации, которая может содержаться на некоторых изображениях.
Кроме того, есть соображения SEO в отношении замещающего текста и правильного индексирования изображений и их поиска в поиске.
Джон Мюллер рекомендует добавить что-то в альтернативный текст, потому что что-то лучше, чем ничего.
Он предложил:
«Джон Мюллер: Но если вы впервые добавляете замещающий текст, то иногда даже любой замещающий текст лучше, чем ничего.
Лиззи Сассман: Вроде ничего.
По крайней мере, начните с чего-то, но потом, что вы можете сделать, чтобы даже улучшить это».
Альтернативный текст и декоративные изображения
Затем Лиззи Сассман обсудила, что делать с декоративными изображениями.
Первая проблема заключается в различении того, действительно ли изображение является декоративным или оно концептуально и вносит свой вклад в смысл содержания, и в этом случае проблема заключается в том, как передать концептуальный образ.
Лиззи прокомментировала:
«И это определенно то, что… я думаю, что я борюсь с чем-то большим, например, чем больше вы вникаете в декоративные изображения или вещи, которые не…
Я не знаю… с результатами поиска всё довольно просто.
Но как только дело доходит до таких вещей, как «О, это концепция» или типа «Это декоративный элемент», так что это не…
В некоторых местах говорится: «О, вам не нужно помещать замещающий текст в декоративное изображение».
Например, если это чисто для эстетики, то лучше просто оставить альтернативный текст пустым.
Но, с другой стороны, зачем я его туда поставил? Был повод поставить.
Так не должны ли мы иметь что-то, что заполнит этот пробел для опыта того, кто не видит изображения?
Разве у нас не должно быть замены? Это служило цели.
Мы поместили его туда по какой-то причине, например, что было бы альтернативным опытом, чтобы донести эту информацию, я полагаю?
Так что, например, Googlebot, например, делайте что-то.
Иногда у нас есть такие, я думаю, то, что можно было бы отнести к категории декоративных изображений.
Как будто Googlebot исследует Интернет или что-то в этом роде.
Или как будто он передает какую-то идею, и должен ли альтернативный текст фокусироваться на этой идее? Или типа: «О, это Googlebot с друзьями».
Или это Googlebot… как закинуть спам в компьютер, а потом радоваться в конце.
Например, описание того, что там происходит, чтобы вы все еще имели представление о том, что там должно было быть, я думаю, одна из вещей, которые… да, это сбивает меня с толку.
Джон Мюллер: Да. Я имею в виду, с личной точки зрения, я бы определенно добавил замещающий текст к такого рода изображениям, потому что они уникальны и особенны.
Это не… я не знаю… цветочный фон или что-то в этом роде.
На самом деле это то, на создание чего люди потратили много времени.
И это также то, что люди могут захотеть найти в результатах поиска.
Так что, если вы ищете робота Googlebot, а мы тратим столько времени на создание всех этих изображений, будет приятно, если вы сможете найти и их».
W3C опубликовал целую страницу документации о том, как обращаться с замещающим текстом для декоративных изображений.
Это официальная рекомендация W3C:
«Декоративные изображения не добавляют информации к содержанию страницы.
Например, информация, предоставленная изображением, может быть уже предоставлена с помощью смежного текста, или изображение может быть включено, чтобы сделать веб-сайт более привлекательным.
В этих случаях следует предоставить нулевой (пустой) замещающий текст (alt=»»), чтобы вспомогательные технологии, такие как программы чтения с экрана, могли его игнорировать.
Текстовые значения для этих типов изображений добавили бы слышимый беспорядок в вывод программы чтения с экрана или могли бы отвлечь пользователей, если тема отличается от темы в соседнем тексте».
W3C также предлагает четыре способа идентификации декоративных изображений.
Четыре теста на предмет декоративности изображения:
- Изображение используется для оформления документа (внешний вид)
- Если это изображение, которое дополняет текст ссылки
- Не вносит информацию в текстовое содержимое
- Изображение описывается окружающим текстовым содержимым
В конечном счете, автор должен решить, что лучше для замещающего текста изображения.
Как сказал Google, что-то лучше, чем ничего. Поэтому, если изображение не несет никакой информации, просто используйте нулевое значение для замещающего текста, которое закодировано с помощью alt=»»
Цитата
Послушайте эту часть подкаста Google на отметке 15:17:
Избранное изображение Shutterstock/Roman Samborskyi
Подборка статей по SEO оптимизации сайта. Выбора стратегии продвижения. Продвижение сайта в поисковых системах и социальных сетях. Обучение востребованным профессиям в сфере IT. Настройка рекламных кампаний в интернет. Маркетинг. Анализ рынка. Полезные секреты проведения рекламных кампаний. Все для PR — менеджера.
Специальная подборка для Вас