Базовый Open Graph / meta шаблон
Минимальный набор тегов, который стоит иметь на каждой странице для корректного превью при расшаривании ссылки.
Код
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Название страницы</title>
<meta name="description" content="Короткое описание страницы">
<link rel="canonical" href="https://example.com/page">
<meta property="og:title" content="Название страницы">
<meta property="og:description" content="Короткое описание страницы">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/preview.jpg">
<meta name="twitter:card" content="summary_large_image">
Пояснение
og:image должен вести на абсолютный URL (с https://), иначе некоторые платформы не покажут превью. twitter:card="summary_large_image" даёт более крупное изображение в превью, чем обычный summary.
- Для генерации этого набора под конкретную страницу воспользуйтесь инструментом Meta Tags Generator.