Микроразметка Open Graph
Что это?
Специальные мета-теги, которые превращают обычную ссылку в привлекательное превью с картинкой, заголовком и описанием.
Основные стандарты: Open Graph — для Facebook, ВКонтакте, Telegram.
Почему это важно?
- +40% кликов: красивое превью привлекает внимание
- Контроль контента: вы решаете, что увидят пользователи
- Дополнительный трафик: больше переходов из соцсетей
Обязательные теги Open Graph
<meta property="og:title" content="Заголовок, который увидят все">
<meta property="og:description" content="Яркое описание, мотивирующее кликнуть">
<meta property="og:image" content="https://site.ru/image-1200x630.jpg">
<meta property="og:url" content="https://site.ru/page/">Правила идеального превью
- Изображение: размер 1200×630 пикселей, формат JPG или PNG. Яркая, понятная картинка без текста.
- Текст: заголовок до 60 символов, описание 120–150 символов. Уникальность: не копируйте Title страницы.
План настройки за 10 минут
- Добавьте теги в
<head>вручную или через SEO-плагин (Yoast, Rank Math). - Протестируйте в соцсетях: опубликуйте ссылку в ВК, Telegram и убедитесь, что превью отображается корректно.
Частые ошибки
- Слишком маленькое или размытое изображение
- Длинный заголовок, который обрезается в превью
- Отсутствие абсолютных путей к картинкам
Результат
Без тегов:
site.ru/article-123
С тегами:
5 способов увеличить продажи
Практическое руководство для малого бизнеса
Настройте теги — и ваши ссылки в соцсетях будут выглядеть профессионально и привлекать максимум кликов!