foundation
Метаданные
Задавайте title, description, Open Graph, Twitter cards, robots directives и per-route metadata в соответствии с intent страницы.
Метаданные страницы сообщают краулерам и соцсетям, что представляет URL: `<title>`, meta description, canonical, robots directives, Open Graph и Twitter cards. В Next.js и похожих фреймворках metadata часто per-route и должна совпадать с отрендеренным контентом.
<title>Checkout — Acme Shop</title>
<meta name="description" content="Secure checkout for Acme Shop orders." />
<meta property="og:title" content="Checkout — Acme Shop" />
<meta name="robots" content="index,follow" />
| Тег | Назначение | |-----|------------| | `<title>` | Заголовок в SERP; уникален на URL | | description | Подсказка сниппета — не гарантия ранжирования | | og:* / twitter:* | Превью в соцсетях | | robots | index/noindex, follow/nofollow на страницу |
Title и description должны быть уникальными, точными и согласованными с видимым H1 и телом — без keyword stuffing.
На интервью: `generateMetadata` в App Router; noindex на staging; robots meta vs robots.txt; динамические OG images.
Типовые ошибки: одинаковые title на routes; пустые description на money pages; неверное соотношение og:image; client-only title невидим части краулеров.
Компромисс — гибкость маркетингового текста против crawl budget и качества сниппета.
Чеклист:
- Уникальный title на индексируемый URL.
- Description соответствует intent страницы.
- OG/Twitter для шарируемых страниц.
- noindex на staging и внутренних tools.