Какие мета-теги действительно нужны
Для поиска важны title (ссылка в выдаче) и meta description (текст под ней). link rel="canonical" указывает основной адрес, если страница открывается по нескольким URL. Description не влияет на позиции, но влияет на клики, а слишком общие тексты Google переписывает.
Open Graph: превью ссылок в мессенджерах и соцсетях
Open Graph предложил Facebook в 2010 году, сегодня его читают Telegram, VK, WhatsApp, LinkedIn и Slack. Теги og:title, og:description и og:image задают карточку ссылки, без них превью будет случайным или пропадёт. Для крупной картинки в X добавьте twitter:card со значением summary_large_image.
Какой должна быть картинка
Стандарт — 1200×630 пикселей (1,91:1), важное держите по центру. Адрес полный, с https://, без авторизации. После замены картинки обновите превью: в Telegram через @WebpageBot, в Facebook через Sharing Debugger.
Подвох в Next.js
В App Router openGraph страницы не дополняет openGraph из layout, а заменяет его целиком, и картинка из layout пропадает. Поэтому генератор отдаёт полный объект с images.
export const metadata: Metadata = {
openGraph: {
title: "Страница",
images: [{ url: "https://example.com/og.jpg" }], // иначе пропадёт
},
};