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

Новости трендов

30+ советов от людей с ограниченными возможностями

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

Разговоры о доступности в SEO-сообществе в последние годы участились.

Несколько экспертов и защитников прав людей с ограниченными возможностями годами говорили о доступности, но важность цифровой доступности значительно возросла во время пандемии COVID-19.

Пандемия вынудила больше людей использовать Интернет, будь то работа, учеба или развлечения. В результате, по словам Деке, 73% специалистов по доступности отметили повышение осведомленности о доступности цифровых каналов на протяжении всей пандемии.

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

Теперь с большой силой приходит большая ответственность. Поскольку наши рекомендации по SEO могут повлиять на важные элементы веб-сайта, такие как структура сайта, UX и описания, мы разделяем ответственность и ответственность за доступность этих элементов.



Прочтите это еще раз.

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

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

«Важно, чтобы люди с ограниченными возможностями участвовали в разговорах о доступности», — считает Александра Херольд, основатель и генеральный директор Patti + Ricky, адаптивного рынка моды. «Они должны не только сидеть за столом, но и быть во главе стола, ведя собрание».

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

Вот что будет рассмотрено:

  1. Теги заголовков
  2. Заголовки
  3. Ссылки
  4. Альтернативный текст
  5. Мультимедиа

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

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

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

«Теги заголовков сообщают нам, на какой странице мы находимся и какие страницы открыты. Также полезно, когда теги заголовков включают релевантные ключевые слова, которые точно описывают тему», — сказала Насрин Бхутта, директор по связям с общественностью Bold Blind Beauty, сообщества, которое помогает слепым и слабовидящим женщинам смело преодолевать барьеры.

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

Бхутта поделился несколькими советами для оптимизаторов:

  • Теги заголовков должны точно описывать тему или цель.
  • В хорошем теге title самые важные ключевые слова будут расположены ближе к началу.
  • Оптимальная длина тегов заголовков — 60 символов, чтобы они были лаконичными.
  • Теги title не должны быть пустыми.
  • Теги заголовков должны быть уникальными для других страниц (избегайте дублирования).
  • Теги заголовков должны соответствовать содержанию страницы.
  • Теги заголовков должны содержать сообщение об ошибке или подтверждении успеха.
  • При использовании iframe источник страницы должен иметь осмысленный заголовок.
  • Поместите бренд в конце тега title.

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

2. Заголовки

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

Программа чтения с экрана использует заголовки для перехода по странице. Думайте об этом как об эквиваленте беглого просмотра страницы.

«Заголовки всегда форматируются по-разному, чтобы визуально отличаться от обычного основного текста. Они предоставляют визуальную и сематическую информацию о структуре веб-страницы, подобно уровням в схеме. Используя теги заголовков вместо тегов и атрибутов стиля (например, <b>, <em>, font=”Helvetica”…), автор веб-сайта позволяет пользователю, читающему с экрана, понимать и перемещаться по структуре страницы так же, как зрячий читатель. », по словам Сары Хинман Райан, бывшего менеджера программы UX и специалиста по прикладной психологии и помощника по ресурсам доступности в SUNY Cobleskill.

Райан поделился несколькими советами для оптимизаторов:

  • Как правило, на странице должен быть только один тег H1.
  • Лучшее место для размещения тега H1 — вверху элемента контента <main>.
  • Заголовки должны иметь смысл и следовать иерархии.
  • Для заголовков не рекомендуется пропускать уровни (т. е. не переходить от H1 к H5 без каких-либо промежуточных значений).

Упражнение, которое могут попробовать создатели веб-контента, — это прочитать заголовки страниц, чтобы увидеть, логичны ли они. Имеют ли они смысл в том порядке, в котором они расположены, и соответствуют ли они контенту, с которым они связаны? Если нет, то настраивайте их, пока они не сделают.

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

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

Когда дело доходит до доступности, текст ссылки имеет решающее значение. Одна из причин: они используются в качестве якоря для перехода по странице. Они должны сделать совершенно очевидным то, о чем следующая страница, если посетитель перейдет по ней.

«Помимо того, что говорит текст ссылки, также чрезвычайно важно, чтобы ссылки можно было легко отличить от окружающего текста. Это делает его более доступным для людей с дальтонизмом, когда текст не сливается с фоном», — говорит Денис Будро, основатель Inklusiv и директор по обучению под руководством инструктора в Deque Systems.

Будро поделился несколькими советами для SEO-специалистов:

  • Якорный текст должен делать очевидным то, о чем следующая страница.
  • Ссылки должны быть визуально различимы (подчеркивание, контур, цветовой контраст 3:1).
  • Якорный текст должен отличаться от другого якорного текста на странице.
  • Одинаковый анкорный текст на одной странице не должен ссылаться на разные места назначения.
  • Навигационные ссылки должны быть одинаковыми на всем веб-сайте.
  • Избегайте двусмысленного текста, такого как «нажмите здесь» и «подробнее».
  • Укажите, когда ссылка ведет на внешний веб-сайт.

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

Упражнение на связывание под названием «Можете ли вы догадаться, о чем следующая страница, на основе только анкорного текста?» со скриншотом веб-страницы с размытым текстом, за исключением текста привязки. Они читают 1) 2000 калорий, 2) рекомендации и 3) пустые калории.)

В дополнение к ошибкам ссылок, которые появляются в ваших поисковых роботах, SEO-специалисты могут предоставить рекомендации по настройке анкорного текста.

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

Вы можете поделиться шаблоном Excel с заголовками столбцов, выполнив следующие действия:

  • Шаг 1: В CMS найдите этот H1.
  • Шаг 2: Обновите это предложение.
  • Шаг 3: Вместо этого произнесите это предложение.
  • Шаг 4: Текущий якорный текст изменится.
  • Шаг 5: Вместо этого к этому якорному тексту.
  • Шаг 6: Сохраните или обновите ссылку на это.

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

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

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

Мы должны помнить, что основной целью альтернативного текста является доступность, а не SEO .

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

«Веб-сайты электронной коммерции также могут выиграть от включения описательного альтернативного текста. Например, предположим, что ваш сайт продает красные брюки. Вместо того, чтобы создавать альтернативный текст «красные штаны», поговорите о визуальных элементах. Это может включать в себя посадку и текстуру, а также сочетания одежды, например рубашки и обуви», — говорит Натали Тревонн, консультант по доступности в розничной торговле и соведущая подкаста Fashionably Tardy.

Тревонн поделился несколькими советами для SEO-специалистов:

  • Включите качественный альтернативный текст, который будет точным, кратким и контекстуальным.
  • Нет необходимости включать «фото» в альтернативный текст.
  • Нет необходимости включать замещающий текст, если фотография не передает смысла.
  • Кнопки с изображением ярлыков (например, Facebook) или средства чтения с экрана будут говорить «ссылка».
  • Старайтесь не создавать замещающий текст длиннее 150 символов.
  • Используйте расширенные описания, когда изображение требует дополнительных деталей.

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

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

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

Спойлер, лучший ответ №3. И да, эта очаровательная собака моя.

Упражнение с альтернативным текстом под названием «Какой альтернативный текст лучше всего подходит для этого изображения в статье под названием «Почему собаки такие классные»». Три варианта: 1) Чем хороши собаки, 2) Черная собака и 3) Очаровательная маленькая черная собака с большими заостренными ушами, смотрящая в камеру широко раскрытыми глазами и любопытным выражением лица.

Так можно ли создать замещающий текст, который принесет пользу как доступности, так и SEO?

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

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

Когда дело доходит до доступности, в зависимости от используемого носителя и времени (в прямом эфире или в предварительно записанном виде) существуют определенные уровни соответствия Руководству по доступности веб-контента (WCAG), которым необходимо следовать, и альтернативные носители, которые необходимо включить.

Существует ряд альтернативных типов носителей. Вот два из них:

  • Подписи: это текст, синхронизированный с визуальным контентом, будь то вебинар, видео на YouTube или любимая телепередача. Он также упоминает, когда на заднем плане есть важные звуки, такие как жуткая музыка или хлопанье двери.
  • Стенограмма: включает текст для слухового контента, а также описания визуального контента. Примером может быть описание того, что отображается на слайдах PowerPoint, которые вы представляете.

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

Пойнтер поделился несколькими советами для SEO-специалистов:

  • Для титров
    • Напишите произносимое слово дословно, включая «гм» ​​(есть несколько исключений)
    • Включите важные фоновые звуки
    • Используйте правильную орфографию и пунктуацию
    • Старайтесь не отображать на экране более двух строк текста одновременно.
    • Не более 32 символов в строке
    • Используйте разрывы строк заголовка в логических точках
    • Подписи не должны блокировать важный контент на экране.
    • Текст должен использовать цветовой контраст 3:1.
  • Для транскриптов
    • Запишите произнесенное слово дословно
    • Включите важные фоновые звуки
    • Используйте правильную орфографию и пунктуацию
    • Также включите визуальные описания

Помогите сделать Интернет более приятным для всех

Приведенный выше совет не является исчерпывающим списком лучших практик; это отправная точка.

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

На сегодняшний день поисковые системы не наказывают сайты за несоблюдение Закона об американцах-инвалидах (ADA) и Закона о связи и доступности видео (CVAA); однако ваши клиенты могут.

Мы должны действительно лидировать с нашими пользователями над поисковыми системами. Кроме того, нужно сказать: если вы этого не сделаете, вы оставите себя уязвимыми для судебных исков.


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


Новое в поисковой системе

Об авторе

christina levasseur - 30+ советов от глухих и инвалидов

Кристина ЛеВассер — SEO-консультант и основатель MediaSesh. Она работает в индустрии SEO с 2009 года, помогая компаниям всех размеров улучшать их видимость в Интернете. Она также проводит тренинги по поисковой оптимизации, чтобы дать возможность владельцам бизнеса и специалистам по маркетингу принимать ценные бизнес-решения на следующем этапе. Ее основные направления включают SEO-стратегию, данные и доступность.


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

Информация для Вас была полезна?
0
0
0
0
0
0
0

Похожие статьи

Кнопка «Наверх»