"},{"type":"text","text":" → это статья."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":" → начало раздела."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":" → главный заголовок."}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Когда структура осмысленная, поисковик "},{"type":"text","marks":[{"type":"bold"}],"text":"лучше индексирует страницу"},{"type":"text","text":","},{"type":"hardBreak"},{"type":"text","text":"а значит — "},{"type":"text","marks":[{"type":"bold"}],"text":"выше место в поиске"},{"type":"text","text":"."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"🟢 "},{"type":"text","marks":[{"type":"bold"}],"text":"Вывод:"},{"type":"text","text":" семантика напрямую влияет на SEO и видимость сайта."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 3. "},{"type":"text","marks":[{"type":"bold"}],"text":"Для доступности (Accessibility, A11y)"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Семантические теги позволяют программам для слабовидящих "},{"type":"text","marks":[{"type":"bold"}],"text":"правильно озвучивать"},{"type":"text","text":" страницу."},{"type":"hardBreak"},{"type":"text","text":"Например, "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":" объявляется как “Навигация”, "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":" — как “Основной контент”."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"📘 Без семантики скринридер просто говорит:"}]},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"“Блок, блок, блок, блок…”"}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"🟢 "},{"type":"text","marks":[{"type":"bold"}],"text":"Вывод:"},{"type":"text","text":" семантика делает сайты доступными "},{"type":"text","marks":[{"type":"bold"}],"text":"всем пользователям"},{"type":"text","text":", а не только зрячим."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 4. "},{"type":"text","marks":[{"type":"bold"}],"text":"Для разработчиков и поддержки"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Код с семантическими тегами "},{"type":"text","marks":[{"type":"bold"}],"text":"читабелен, логичен и масштабируем"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Через полгода, открыв проект, ты сразу понимаешь,"},{"type":"hardBreak"},{"type":"text","text":"где контент, где меню, где футер — без догадок и лишних комментариев."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"📘 Пример:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"
...
\n
...
\n
...
\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Гораздо понятнее, чем:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"
...
\n
...
\n
...
\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"🟢 "},{"type":"text","marks":[{"type":"bold"}],"text":"Вывод:"},{"type":"text","text":" семантика — это как чистый код в программировании: упрощает жизнь всем."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 5. "},{"type":"text","marks":[{"type":"bold"}],"text":"Для будущих технологий"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Голосовые помощники, искусственный интеллект, “умные” браузеры и читалки"},{"type":"hardBreak"},{"type":"text","text":"понимают сайты именно через "},{"type":"text","marks":[{"type":"bold"}],"text":"семантику"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Без неё контент просто «плоский» и непонятный машине."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"🟢 "},{"type":"text","marks":[{"type":"bold"}],"text":"Вывод:"},{"type":"text","text":" семантическая разметка делает сайт "},{"type":"text","marks":[{"type":"bold"}],"text":"готовым к будущему"},{"type":"text","text":" — где страницы читают не только люди."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"💡 Итого:"}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Причина"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Что даёт"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Смысловая структура"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Браузер понимает, где что"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"SEO"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Лучше индексируется в поиске"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Доступность"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Поддержка скринридеров"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Поддерживаемость кода"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Понятный и чистый HTML"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Совместимость с ИИ и голосовыми системами"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Готовность к будущим форматам восприятия контента"}]}]}]}]},{"type":"horizontalRule"},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Простыми словами:"},{"type":"hardBreak"},{"type":"text","text":"Семантическая разметка делает HTML "},{"type":"text","marks":[{"type":"bold"}],"text":"умным"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Она помогает "},{"type":"text","marks":[{"type":"italic"}],"text":"браузеру понимать, разработчику — читать, поисковику — находить, пользователю — пользоваться"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Без неё сайт — просто “картинка”, с ней — "},{"type":"text","marks":[{"type":"bold"}],"text":"живая, логичная система"},{"type":"text","text":"."}]}]}

Почему семантическая разметка важна для веб-разработки?

Комментарии