SEO в вёрстке

Поисковик не видит вашу страницу глазами. Он читает код и по нему решает, о чём она и стоит ли её показывать. Поэтому половина работы по продвижению делается в момент вёрстки — и почти ничего не стоит, если знать, что писать.

Зачем это знать

Нейросеть по умолчанию пишет разметку без заголовка окна, без описания и с заголовками, расставленными по размеру шрифта, а не по смыслу. Выглядит одинаково, а для поиска разница огромная. Просить нужно явно — и для этого понимать, чего просить.

Заголовок окна и описание

Это две строки в <head>, из которых складывается ваша строчка в поисковой выдаче. <title> — заголовок, по нему щёлкают, а description — текст под ним.

<title>Хлебные крошки: вёрстка и микроразметка — Easy Logic</title>
<meta name="description" content="Как сделать путь по сайту списком
ссылок, добавить микроразметку BreadcrumbList и вывести крошки из CMS.">
<link rel="canonical" href="https://eazy-logic.ru/manualy/hlebnye-kroshki/">

Заголовки — это структура, а не размер шрифта

На странице ровно один <h1> — название страницы. Дальше <h2> для разделов, <h3> для подразделов внутри них. Уровни не пропускаются: после h2 не может сразу идти h4.

Соблазн взять h3 «потому что h2 слишком крупный» — самая частая ошибка. Размер задаётся в CSS, а уровень заголовка означает вложенность. По этой структуре поисковик понимает, о чём страница, а человек с программой чтения экрана переходит по разделам одной командой.

Семантические теги

Вместо одинаковых <div> берутся теги со значением: <header>, <nav>, <main>, <article>, <footer>. Выглядят они одинаково, а робот по ним отличает основное содержимое от меню и подвала — и не считает ваш текст повторяющимся шаблоном.

Ссылки и адреса

• Текст ссылки говорит, куда она ведёт. «Подробнее» и «здесь» не сообщают ничего ни роботу, ни человеку, который просматривает список ссылок страницы.
• Адрес читается словами. /manualy/hlebnye-kroshki/ лучше, чем /page.php?id=17: по нему понятно, куда попадёшь, ещё до перехода.
• Один адрес — одна страница. Если та же страница открывается со слэшем и без, с www и без — поисковик видит копии и не знает, какую показывать.

Слова, по которым вас ищут

Страница находится по тем словам, которые на ней написаны. Звучит очевидно, но ошибаются здесь постоянно: в тексте стоит «постраничная навигация», а люди ищут «пагинацию», и страница не находится ни по одному запросу.

Работает простая проверка: представьте, что ищете эту страницу сами, и запишите три-четыре фразы, которые набрали бы в поиске. Если их нет в заголовке, первом абзаце и подзаголовках — страница написана не теми словами. Синонимы полезно упомянуть хотя бы раз: в скобках, в подзаголовке, в подписи к таблице.

Чего делать не нужно — набивать страницу повторами. Двадцать раз написанное «купить сайт недорого» поисковики научились распознавать ещё в нулевые, и это давно работает в минус. То же с невидимым текстом того же цвета, что фон: это прямое нарушение правил, за которое сайт понижают в выдаче целиком.

Что просить у нейросети

Как проверить, что получилось

• Открыть исходный код страницы и глазами найти title, description, canonical.
• Проверить, что у соседних страниц эти строки разные, а не скопированы.
• Выписать заголовки подряд и прочитать как оглавление.
• После публикации — добавить сайт в Вебмастер и посмотреть, что он скажет об ошибках.