webliakh.com - SEO-специалист / Web разработчик

Чистый DOM = проще понять контент и структуру. Что теряют компании с «мусорной» разметкой Вот что важно понимать: google боты и AI-агенты не «смотрят» на сайт (ладно вру - они иногда могут рендерить страницу, но это требует больше ресурсов поэтому AI агенты делают это редко). Чаще всего они парсят и анализируют DOM. И если внутри все однотипное из <div> и <span> им сильно сложнее понять зачем и что это за секция - это цитата, отзыв клиента, отдельная секция или что то иное. Googlebot, Perplexity, ChatGPT — все они полагаются на семантические сигналы. <article> говорит «это основной контент», <nav> — «это навигация», <time> — «это дата публикации». Когда вместо этого везде <div class="wrapper-123">, машины вынуждены угадывать. А угадывая — ошибаются. Полезная ссылка по семантике - www.w3schools.com/...asp (главное не быть ЧСВ и не думать "я в web разработке n+ лет и не буду про базовый html читать", увы если эта мысль тебя посетила - то ты первый кому надо это почитать и вспомнить, иначе твой front усложняет ai агентам и ботам понимать контент твоего сайта) Где чаще всего накапливается мусор в DOM: → CMS-шаблоны и конструкторы — вложенные контейнеры за каждый отступ → React/Vue-компоненты — обёртки за обёртками, порталы, фрагменты, которые не схлопываются → Плагины чатов, cookie-баннеров (особенно cookiebot добавляет кучу мусора), аналитики — каждый вставляет свой <div> в <body> → Ленивые разработчики — <div> вместо <button>, <span> вместо <time>, <div> вместо <ul> → Использование SVG изображений как встраиваемые, а не подключенные как удаленный url → Использование UI библиотек которые встраивают куча стилей перед контентом сайта В итоге получается: медленный рендеринг, хуже индексация, пустые сниппеты и почти нулевая видимость в AI ответах. Рецепт простой: меньше узлов, больше семантики. <main>, <section>, <article> — это не «для красоты», а инструкции для машин. Если ваш фронтенд не может объяснить структуру страницы без 50 вложенных div'ов — проблема не в дизайне, а в архитектуре.

Почему сайт с идеальным дизайном, реализованный senior-разработчиками может быть почти невидим для поисковых систем? SEO - это не про статьи в блог для галочки, а про то, как машины читают ваш код, как продвигать ресурс в поисковых сетях / AI агентах и многое другое. Заблуждение в том, что многие frontend-инженеры, будучи крутыми специалистами, пренебрегают базовой семантической вёрсткой. Знают React, TypeScript и много других модных технологий, но не думают о том, как Googlebot или AI-агент понимает назначение html секции. Краулеры анализируют DOM-структуру, семантические теги, вложенность заголовков, schema-разметку. Когда <nav> заменён на <div class="menu">, а контент завёрнут в бесконечную вложенность <div> - боты теряет контекст. И вы теряете позиции. Классическая ловушка бизнеса: «У нас всё под контролем - подрядчик, опытные спецы, тестировщики всё проверят». Но разработчики загружены фичами, QA - багами (ну и не факт что у людей имеется экспертиза и понимание зачем это нужно). Никто не замечает DOM на 4000+ узлов, провалов CWV на мобильных девайсах и контента после 20-го уровня вложенности. Результат: сайт существует, но почти не индексируется. Плохо ранжируется в Google, редко попадает в выдачу Яндекса/Bing и не цитируется AI — машины просто не понимают, что там написано. В следующих постах - реальные примеры: как раздутый DOM и «невидимые» проблемы вёрстки убивают видимость от pet-проектов до enterprise (спойлер: иконки могут сильно вредить...) Подписывайтесь, если интересует SEO)