Генератор Open Graph

Генератор Open Graph мета-тегов

Заполните поля — предпросмотр обновляется автоматически. В конце скопируйте готовый HTML.

Рекомендуется до 60 символов. Текущих: 0.
Рекомендуется до 200 символов. Текущих: 0.
Рекомендуемый размер: 1200×630 пикселей.
Дополнительные поля (Twitter Card)

Предпросмотр (X / Twitter)

Нет изображения
Заголовок страницы
Описание появится здесь
example.com
Генератор Open Graph мета-тегов

Open Graph — это протокол, который позволяет управлять тем, как ваша страница выглядит при публикации в социальных сетях (ВКонтакте, Telegram, Twitter и др.). Правильно настроенные мета-теги увеличивают кликабельность (CTR) и привлекают больше посетителей.

Как пользоваться генератором
  1. Введите заголовок (до 60 символов, чтобы он не обрезался).
  2. Добавьте описание (до 160 символов).
  3. Укажите URL страницы.
  4. Загрузите изображение (рекомендуемый размер: 1200×630 пикселей).
  5. Выберите тип контента (статья, товар, сайт и т.д.).
  6. Нажмите «Сгенерировать мета-теги».
  7. Скопируйте готовый HTML-код и вставьте его в <head> вашего сайта.
Предпросмотр

Генератор показывает, как ваша карточка будет выглядеть в соцсетях. Это помогает сразу увидеть результат и при необходимости скорректировать данные.

Советы по оптимизации
  • Используйте уникальные заголовки и описания для каждой страницы.
  • Выбирайте яркие, контрастные изображения — они привлекают внимание.
  • Для статей используйте тип article, для товаров — product.

Команда CodeStack.space

Нашли ошибку? Напишите нам!