Генератор Open Graph і Twitter Card

Створюйте структуровані теги Open Graph і Twitter Card, щоб налаштувати формат відображення посилань на вебсайт у соціальних мережах, як-от Facebook, Twitter і LinkedIn.

Соціальні параметри:

URL сторінки:

Заголовок:

Опис:

URL-посилання на зображення:

Назва сайту:

Ім'я користувача Twitter:

Тип вмісту:

Розмір картки Twitter:

Створені соціальні теги:

Функції

Навіщо використовувати генератор Open Graph?

Оптимізуйте форматування попереднього перегляду у стрічках Facebook і Twitter.

🖼️

Попередній перегляд мультимедіа

Переконайтеся, що під час поширення ваші публікації містять описові заголовки, короткі описи та зображення шапки у високій якості.

🐦

Підтримка Twitter Card

Генерує спеціальні теги twitter:card, які підтримують як компактний формат зі зведенням, так і формат із великим зображенням.

🔒

Нуль сітьових запитів

Усі властивості генерації обробляються на стороні клієнта. Ми ніколи не відстежуємо посилання вашого сайту та облікові дані.

✔️

Валідні результати за стандартами W3C

Формує сумісні мета-теги XML/HTML відповідно до специфікацій стандарту open graph.

📋

Інтерактивне копіювання

Миттєво експортуйте скомпільовані сітки соціальної розмітки одним кліком.

🏷️

Типи об'єктів

Підтримує вказування стандартних типів вмісту (вебсайт, стаття, книга, профіль) для надання контексту.

Часті запитання

Протокол Open Graph дає змогу будь-якій вебсторінці стати повноцінним об'єктом у соціальному графі. Його використовують Facebook, LinkedIn та інші мережі для відображення фрагментів попереднього перегляду.

Хоча Twitter може використовувати стандартні теги Open Graph як резервний варіант, явне визначення тегів twitter:card і twitter:site забезпечує оптимальне компонування у стрічках Twitter.

Facebook рекомендує зображення розміром щонайменше 1200 x 630 пікселів для найкращого відображення на пристроях з високою роздільною здатністю (співвідношення сторін 1.91:1).

Ні. Цей інструмент створює властивості метаданих, які посилаються на зображення. Ви маєте розмістити файл зображення на власному сервері.

Тег og:type визначає, як ваше поширене посилання класифікується в соціальному графі (наприклад, як вебсайт, стаття або відео).

Ви можете скористатися офіційними інструментами, як-от Facebook Sharing Debugger або Twitter Card Validator, щоб перевірити, як відображаються ваші теги.

Тег назви сайту визначає загальну назву бренду вебсайту, яка зазвичай відображається поруч із заголовком сторінки або під ним.