Генератор Open Graph
Создавайте мета-теги Open Graph и Twitter Card для эффектных превью ссылок в Facebook, LinkedIn и X. Работает полностью в вашем браузере.
🔒 Работает полностью в вашем браузере — ничего не загружаетсяЧто делает генератор Open Graph
Генератор Open Graph создаёт социальные мета-теги, которые определяют, как будет выглядеть ваша страница, когда ею делятся в Facebook, LinkedIn, Slack, Discord, X/Twitter и на многих других платформах. Без этих тегов опубликованная ссылка часто показывает лишь голый адрес или случайный фрагмент текста; с ними платформа отображает аккуратную карточку с заголовком, описанием и изображением предпросмотра. Этот инструмент формирует полный набор свойств og: и соответствующие теги Twitter Card из одной короткой формы, поэтому каждое значение нужно вводить только один раз.
Вы указываете заголовок, описание, URL изображения, канонический адрес страницы, название сайта и тип контента, например website, article или product. Для X/Twitter можно выбрать компактную карточку-сводку или карточку с большим изображением и добавить аккаунт издателя. Результат — готовый к вставке блок тегов <meta>, который размещается внутри <head> страницы. Поскольку соцсети кешируют эти теги, правильное создание с первого раза избавляет вас от повторного сканирования и отладки.
Приватная работа в браузере
Все теги собираются локально с помощью клиентского JavaScript. Инструмент не загружает ваше изображение, не сканирует ваш URL и не отправляет ни одно из введённых значений — всё остаётся в браузере. Это удобно, когда вы готовите карточки для публикации ещё не запущенной кампании, тестового адреса или материалов под эмбарго, ведь ни одна из этих подробностей не покидает ваше устройство.
Практические советы
Используйте абсолютный, общедоступный URL изображения вместо относительного пути, так как соцсетевые краулеры не умеют разрешать относительные ссылки. Изображение 1200×630 пикселей — надёжный вариант по умолчанию, хорошо заполняющий большую карточку-сводку. Держите og:title близким к реальному заголовку страницы, а og:description пишите как цепляющий однострочный крючок, поскольку эти тексты оптимизируются под клики, а не под позиции в поиске. Всегда добавляйте og:url с каноническим адресом, чтобы репосты сосредотачивались на одной странице. После публикации проверяйте теги в официальных отладчиках каждой платформы и запускайте повторное сканирование при смене изображения, потому что платформы кешируют первую увиденную версию.
Как использовать
- Введите данные страницыДобавьте заголовок, описание, URL изображения, канонический адрес и тип контента.
- Выберите карточку TwitterВыберите карточку-сводку или карточку с большим изображением для X/Twitter.
- Скопируйте тегиВставьте сгенерированные теги Open Graph и Twitter в head вашей страницы.