Accessibility SEO
Accessibility SEO - это пересечение веб-доступности (соответствие WCAG, совместимость со скринридерами, навигация с клавиатуры) и поисковой оптимизации, то есть практики, которые помогают и пользователям с инвалидностью, и поисковым краулерам понять страницу. Это пересечение велико, потому что краулеры по сути являются разновидностью невизуального пользователя.
Accessibility SEO - это пересечение веб-доступности (соответствие WCAG, совместимость со скринридерами, навигация с клавиатуры) и поисковой оптимизации, то есть практики, которые помогают и пользователям с инвалидностью, и поисковым краулерам понять страницу. Это пересечение велико, потому что краулеры по сути являются разновидностью невизуального пользователя.
Почему это важно
Googlebot, ClaudeBot, GPTBot и скринридеры потребляют веб-страницы, никогда их не видя. Они разбирают структуру HTML, читают alt-текст, следуют за заголовками и определяют, о чём страница, по семантической разметке. Каждое улучшение доступности, которое помогает незрячему пользователю, помогает и краулеру, и наоборот. Для большинства сайтов accessibility SEO - самая дешёвая доступная SEO-работа: она стоит немного, расширяет аудиторию, снижает юридические риски (число исков по ADA в США в 2024 году превысило 4 500) и улучшает позиции. И наоборот, сайт, враждебный к скринридерам, враждебен и к краулерам, на которых опирается AI-поиск.
Где доступность и SEO пересекаются
Alt-текст: скринридеры читают его вслух; краулеры используют его, чтобы понять изображения и определить позиции в поиске по картинкам.
Иерархия заголовков: скринридеры используют H1-H6 для навигации по странице; краулеры используют их, чтобы понять структуру и контекст.
Описательный текст ссылок: "нажмите здесь" проваливает и доступность (нет контекста для скринридеров), и SEO (нет якорного сигнала).
Метки форм: элементы <label> помогают скринридерам и помогают Google понять назначение формы для расширенных результатов.
Атрибуты языка: <html lang="en"> сообщает скринридерам и поисковым системам, какой язык использовать.
Семантический HTML: <nav>, <main>, <article>, <footer> несут смысл, который могут использовать и инструменты доступности, и краулеры.
Ссылки для пропуска навигации: помогают пользователям клавиатуры и сигнализируют краулерам о расположении основного контента.
Контрастность цвета (косвенно): плохая контрастность может вызвать сигналы Chrome UX, которые влияют на Core Web Vitals.
Субтитры и расшифровки видео: необходимы для доступности; очень полезны для индексации видеоконтента в SEO.
Заголовки таблиц: атрибуты <th> и scope помогают скринридерам и помогают Google извлекать данные для featured snippets.
Где они расходятся
Чисто визуальная полировка: анимации, параллакс, индивидуальные шрифты - вопросы визуального UX, которые не пересекаются ни с доступностью, ни с SEO.
Линкбилдинг: чисто SEO-задача без аналога в доступности.
Контуры фокуса: критичны для пользователей клавиатуры, но напрямую не влияют на SEO.
ARIA-атрибуты: часто относятся только к доступности; поисковые системы игнорируют большую часть ARIA-разметки, за исключением нескольких конкретных случаев.
Частые выигрыши
Добавьте осмысленный alt-текст к каждому содержательному изображению: не к декоративным изображениям, а к ключевым кадрам, графикам и иллюстрациям, которые несут информацию.
Используйте настоящие заголовки, а не стилизованные div: <h2> несёт смысл, а <div class="heading"> - нет.
Пишите описательный якорный текст: "Прочитайте наш бенчмарк-отчёт за 2025 год" лучше, чем "нажмите здесь".
Предоставляйте расшифровки для аудио и видео: соответствие требованиям доступности и полнотекстовая индексация за один шаг.
Проверяйте контрастность цвета с помощью Lighthouse: выявляет и провалы доступности, и проблемы UX.
Добавляйте атрибуты языка: lang="ko" на корейских страницах.
Тестируйте со скринридером: 10 минут прохода по вашему сайту с VoiceOver или NVDA выявляют проблемы, которые упускают автоматические инструменты.
WCAG как SEO-фреймворк
Четыре принципа WCAG - воспринимаемость, управляемость, понятность, надёжность (POUR) - чисто накладываются на задачи краулеров:
Воспринимаемость: контент должен быть доступен в текстовой форме - краулеры могут его разобрать.
Управляемость: навигация должна работать без мыши - краулеры могут переходить по ссылкам.
Понятность: контент и интерфейс должны быть предсказуемыми - краулеры могут извлекать смысл.
Надёжность: контент должен работать с разными вспомогательными технологиями - краулеры разных поисковых систем могут его разобрать.
Сайт, набирающий высокий балл по WCAG, обычно по умолчанию дружелюбен к сканированию.
Распространённые ошибки
Добавление alt-текста к декоративным изображениям: скринридеры должны пропускать чисто декоративные изображения. Используйте alt="" явно.
Использование тегов заголовков только для стилизации: "заголовок", который на самом деле является подзаголовком абзаца, сбивает с толку обе аудитории.
Кнопки только со значком без метки: невидимы для скринридеров и бессмысленны для краулеров. Добавьте aria-label или визуально скрытый текст.
PDF без текстового слоя: отсканированные PDF, состоящие только из изображений, невидимы для всех.
Расчёт только на цвет для передачи информации: "нажмите красную кнопку" проваливается на пользователях с дальтонизмом и невидимо для краулеров.
Пропуск автоматических аудитов доступности: инструменты вроде axe, Lighthouse и WAVE выявляют 30-40% проблем за секунды.
Сведение доступности только к юридическому соответствию: настоящая доступность улучшает продукт, SEO и выручку, а не только снижает риск исков.
Источники: