NEW
Font size
WorksheetsВведение в семантический HTML и преимущества SEO
Total questions: 21
Worksheet time: 11mins
Какое определение лучше всего описывает семантический HTML?
Применение тегов HTML по их смыслу и роли в контенте
Создание страниц только из дивов и спанов для гибкости
Минимизация количества тегов ради скорости загрузки
Использование тегов для визуальных эффектов без смысла
Какой пример НЕсемантического элемента указан в материале?
article и table
form и section
header и nav
div и span
Как правильно описать влияние семантики на Answer Engine Optimization (AEO)?
Понижает CTR из-за избыточных атрибутов разметки
Оптимизирует контент под ответы, повышая шанс в AI-сводках
Требует удаления заголовков для упрощения структуры
Работает только для новостных сайтов без таблиц
Какое утверждение лучше отражает пользу тега article при хорошей структуре?
Пользователи видят меньше текста на странице
Алгоритмы игнорируют и ищут только meta keywords
AI-модели воспринимают контент как авторитетный и ясный
Скорость индексации всегда падает на 35 процентов
Какое изменение чаще всего связано с семантической версткой согласно таблице метрик?
Снижение позиций в выдаче на 15–20 процентов
Ускорение индексации на 35 процентов примерно
Полная отмена внутренних ссылок на сайте
Падение кликов по запросам на всех страницах
Какие теги AI-алгоритмы используют для извлечения точных ответов согласно материалу?
main, article, section
b, i, u
div, span, br
font, center, marquee
Почему семантика важна для доступности (accessibility)?
Скринридеры ориентируются на смысловые теги для навигации
Семантика нужна только для мобильных приложений
Пользователи предпочитают меньше HTML-тегов на странице
Браузеры отключают CSS и экономят трафик автоматически
Какая аналогия в материале объясняет разницу между семантической и несемантической разметкой?
Библиотека с аудиокнигами и видеокаталогами
Гараж с инструментами и электронными замками
Супермаркет с коробками без этикеток и с вывесками
Почтовое отделение и письма без марок
Какое преимущество хорошей семантики для пользователей скринридеров описано верно?
Навигация скрывается от вспомогательных технологий
Голос озвучивает только изображения и формы
Можно мгновенно перейти к основному контенту
Всё читается подряд без пауз и оглавления
Какой тег обозначает основной блок навигационных ссылок страницы?
figure
main
nav
aside
Сколько элементов main должно быть на странице согласно описанию?
Несколько, по одному на раздел
Только один на страницу
Столько, сколько есть статей
Ноль, если есть section
Где уместнее размещать контакты и копирайт в типичной структуре?
footer
header
figure
aside
Какой контент логично помещать в aside?
Вспомогательные виджеты и рекламу
Главную тему страницы
Основную навигацию по сайту
Оглавление всего документа
Главный критерий различия между article и section сформулирован как
Размер блока и длина текста
Автономность содержимого
Количество заголовков внутри
Наличие изображений и списков
Что делает блок article согласно материалу?
Определяет навигационную иерархию
Хранит служебные метаданные сайта
Обозначает независимый завершённый контент
Группирует тематические блоки страницы
Какой вопрос помогает определить, что это article?
Можно ли встроить несколько форм?
Можно ли без потерь опубликовать отдельно?
Можно ли вставить только один h1?
Можно ли дать группе логичный заголовок?
Какой пример корректно иллюстрирует типичный section?
Самостоятельная новостная заметка
Глава "Контакты" внутри страницы
Страница товара, пригодная для RSS
Пост в блоге как отдельная публикация
Какое правило по заголовкам указано для страницы?
h1 заменяется figure при наличии медиа
Один h1 определяет главную тему
Разрешено несколько h1 для удобства
h1 обязателен внутри каждого section
Для чего используется связка figure и figcaption?
Размечает основной контент страницы
Объединяет изображение и подпись семантически
Определяет боковую панель и виджеты
Создаёт навигационное меню сайта
Какой атрибут time помогает машинам понять дату и время?
datetime
format
value
timestamp
Какой вывод наиболее полно описывает пользу семантики для команд и пользователей?
Сокращает HTML до одной строки, ускоряет печать
Улучшает SEO и доступность, упрощает поддержку кода
Отменяет потребность в описательных комментариях к коду
Исключает необходимость тестирования на разных устройствах
