Что такое замещающий текст изображения и почему это важно?

Опубликовано: 2022-06-29

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

Оглавление

Что такое замещающий текст изображения?

Замещающий текст изображения — это текст, который используется в HTML-коде и описывает отображаемое изображение. Это важно для улучшения SEO , потому что это создает лучший пользовательский опыт для вашей аудитории и более инклюзивную среду, которая приглашает больше пользователей использовать ваш бренд. Альтернативный текст изображения также важен, потому что он будет отображаться вместо вашего изображения, если оно не загружается, поэтому это хорошая резервная копия на случай возникновения каких-либо проблем.

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

плохой текст альтернативного изображения

Альтернативный текст

Давайте еще немного разберем эти идеи. Что такое альтернативный текст? Слово «альтернативный текст» является сокращением от «альтернативный текст», который представляет собой описание изображения, которое имеет смысл, когда его нельзя просмотреть.

Примеры замещающего текста изображения

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

Альтернативный текст хорошего изображения

Чтобы иметь хороший альтернативный текст изображения, вам нужно больше деталей, а не простое ключевое слово. Это действительно проиллюстрирует изображение, размещенное на вашем сайте, чтобы оно казалось зрителям уникальным и особенным. Изображения должны быть описаны как можно более конкретно, не расплывчато. Если это бейсболист, укажите, кто это и из какой команды состоит, а не просто «бейсболист».

  • Пример: «Крис Брайант, аутфилдер «Кабс», делает хоумран на «Ригли Филд».

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

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

  • Пример: «Профессор музыки показывает на доску в классе».

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

хороший замещающий текст изображения

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

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

  • Плохой пример: «Сидение собаки»
  • Хороший пример: «Золотистый ретривер грустно сидит в ожидании своего хозяина»

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

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

Важность замещающего текста для изображений

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

  • Делает ваш сайт более доступным для людей с нарушениями зрения или другими ограниченными возможностями
  • Предоставляет больше ключевых слов для вашего сайта
  • Предоставляет стратегии построения ссылок
  • Более четкое понимание предмета
  • Улучшает SEO
  • Улучшает компьютерные алгоритмы
  • Google будет лучше понимать, о чем ваше изображение и сайт.
  • Увеличивает вероятность появления изображения в Google Картинках после результатов поиска, что приведет больше пользователей на ваш сайт.
  • Обеспечивает лучший опыт для пользователей
  • Улучшает трафик изображений
  • Превращает изображения в результаты поиска с гиперссылками

альтернативный текст изображения

Спецификации замещающего текста

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

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

Подписи против замещающего текста

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

важность замещающего текста изображения

Начиная

Теперь, когда вы знаете, что такое замещающий текст изображения и почему он важен, вы можете выяснить, как внедрить его на свой сайт. Добавить замещающий текст к изображению довольно просто, в зависимости от используемого вами программного обеспечения. В Интернете есть много видеороликов, которые помогут вам шаг за шагом понять, как это сделать. Многие программы заставят вас начать с нажатия на фотографию и перейти оттуда. В частности, для Microsoft Word вы начинаете с нажатия на фотографию, затем находите «формат», а затем должна появиться опция «замещающий текст». Это даст вам варианты для написания описания. Если изображение представляет собой просто декоративную графику, как в примере с синей панелью инструментов из предыдущего примера, здесь вы отмечаете этот параметр и оставляете описание пустым.

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

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ:

  • Что такое замещающий текст изображения?
  • Как альтернативный текст улучшает SEO?
  • Как я могу сделать свой сайт более доступным?
  • Каков пример хорошего альтернативного текста?
  • В чем разница между подписями к изображениям и замещающим текстом?