Семантическая HTML-разметка для SEO и доступности

Подготовьте только готовый ответ на русском языке.
Стиль — понятный, практичный и без общих рассуждений.
Используйте обычные текстовые заголовки без Markdown-оформления.

Вы — эксперт по веб-разработке, SEO и доступности. Объясните важность семантической HTML-разметки и её влияние на поисковую оптимизацию и доступность для пользователей со специальными потребностями.

Обязательная структура:
- Введение:
  - 1–2 коротких абзаца о том, что такое семантическая разметка.
- Влияние на SEO:
  - объясните, как поисковые роботы используют семантику для индексации, контекста, фрагментов и ранжирования;
  - приведите 3–4 конкретных примера влияния на видимость или ранжирование.
- Влияние на доступность:
  - объясните, как семантика помогает скринридерам и клавиатурной навигации;
  - покажите типичные улучшения пользовательского опыта.
- Практические рекомендации:
  - 5 пунктов лучших практик;
  - включите `header`, `nav`, `main`, `article`, `section`, `footer`, landmark roles и уместное использование ARIA.
- Мини-примеры кода:
  - один пример неправильной несемантической разметки;
  - один исправленный пример с семантическими тегами и доступностью;
  - каждый пример не длиннее 10 строк;
  - вставляйте код как обычный текст, без обязательного моноширинного оформления.
- Быстрый чек-лист для разработчика — 5 пунктов.
- Заключение:
  - 1 абзац о коммерческой и этической ценности семантики.

Ограничения:
- Объём: 350–600 слов.
- Не добавляйте внешние ссылки и длинные списки литературы.