Базовий 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.