Когда вы делитесь ссылкой на сайт в Telegram, ВКонтакте или X (бывший Twitter),
появляется предпросмотр страницы с заголовком, описанием и изображением.
Чтобы эти данные отображались корректно, в код сайта добавляют специальные мета-теги — Open Graph и X (Twitter) Card.
Без этих тегов ссылки выглядят “пусто” — без описания и изображения.
Правильно оформленные OG-теги делают контент более привлекательным и увеличивают кликабельность публикаций.
- 💡 Что такое Open Graph и X (Twitter) Card
- 🪜 Как добавить Open Graph и X Card в WordPress
- ✅ Способ 1. Через SEO-плагин (Yoast SEO, Rank Math, All in One SEO)
- 🧩 Способ 2. Добавить вручную через код
- ⚙️ Что изменить под себя
- 🎨 Советы по изображению
- 🔍 Проверка корректности тегов
- 💬 Часто задаваемые вопросы
- Можно ли упоминать Facebook и Twitter в статьях в России?
- Нужно ли добавлять OG-теги, если установлен Yoast SEO?
- Можно ли использовать одно изображение для всех соцсетей?
- Почему соцсеть показывает старую картинку?
- 🚀 Итог
💡 Что такое Open Graph и X (Twitter) Card
Open Graph — это стандарт мета-тегов, изначально разработанный компанией Facebook (организация Meta, признана экстремистской и запрещена в РФ).
Сегодня его поддерживают Telegram, ВКонтакте, LinkedIn, X и другие соцсети.
X Card (ранее Twitter Card) — аналогичный стандарт, который определяет, как выглядит ссылка при публикации в соцсетях.
🪜 Как добавить Open Graph и X Card в WordPress
✅ Способ 1. Через SEO-плагин (Yoast SEO, Rank Math, All in One SEO)
- Установите и активируйте выбранный SEO-плагин.
- Откройте запись или страницу и перейдите во вкладку «Соцсети».
- Укажите:
- Заголовок — до 60 символов;
- Описание — до 160 символов;
- Изображение (OG image) — размер 1200×630 px.
- Сохраните и проверьте предпросмотр через валидаторы (ниже).
🧩 Способ 2. Добавить вручную через код
Если вы не используете плагины, добавьте следующий блок в файл header.php вашей темы WordPress:
⚙️ Что изменить под себя
| Параметр | Пример значения |
|---|---|
og:url | https://твой-сайт.ru/название-статьи/ |
og:image | Ссылка на изображение 1200×630 px |
og:site_name | Название вашего сайта |
twitter:image | Та же ссылка на изображение |
🎨 Советы по изображению
- Размер: 1200×630 px
- Формат: JPEG или PNG
- Добавьте текст, например: «Ошибка cURL error 28 — решение WP Telegram»
- Можно разместить логотип сайта в углу.
🔍 Проверка корректности тегов
- X Card Validator: cards-dev.x.com/validator
- Telegram: отправьте ссылку себе в чат
- ВКонтакте: опубликуйте ссылку и проверьте предпросмотр
💬 Часто задаваемые вопросы
Можно ли упоминать Facebook и Twitter в статьях в России?
Да, можно, если речь идёт о техническом описании. При упоминании указывайте: Facebook (организация Meta, признана экстремистской и запрещена в РФ). Для Twitter безопасно использовать формулировку X (бывший Twitter).
Нужно ли добавлять OG-теги, если установлен Yoast SEO?
Если плагин активен и заполнен раздел «Соцсети», теги добавляются автоматически. Ручной код не нужен.
Можно ли использовать одно изображение для всех соцсетей?
Да, стандартное изображение 1200×630 px корректно работает во всех соцсетях.
Почему соцсеть показывает старую картинку?
Соцсети кешируют данные. Обновите предпросмотр: в X — через Validator → Fetch new data, в Telegram — отправьте ссылку заново, в VK — обновите пост.
🚀 Итог
Добавление Open Graph и X Card тегов в WordPress — простой способ улучшить внешний вид ссылок и повысить вовлечённость пользователей.
Такая оптимизация увеличивает кликабельность, улучшает бренд-имидж и доверие аудитории.
