Що таке мета-теги відкритого графіка?
Мета-теги Open Graph - це фрагменти коду, які керують відображенням веб-сторінок у соціальних мережах. Ці теги є частиною протоколу Open Graph, розробленого Facebook, але їх також можуть використовувати інші соціальні мережі, такі як Twitter, Pinterest, LinkedIn тощо.
Facebook представив протокол Open Graph у 2010 році, щоб покращити інтеграцію між своєю платформою та іншими веб-сайтами. Метою було спростити обмін URL-адресами веб-сайтів на соціальних платформах, перетворивши веб-властивості на багаті, графічно представлені об'єкти.
Мета-теги Open Graph з тих пір були прийняті різними іншими платформами, включаючи Twitter і LinkedIn, а також популярними програмами обміну повідомленнями, такими як WhatsApp.
Основні мета-теги відкритих графів
Хоча в документації Facebook описано безліч мета-тегів Open Graph, наступні п'ять є важливими для всіх типів контенту:
- og:title: Назва сторінки, до якої ви ділитеся.
- og:type: Тип вашого контенту (наприклад, стаття, книга, відео).
- og:url: Канонічна URL-адреса сторінки, до якої ви ділитеся.
- og:image: URL-адреса зображення, яка з'явиться, коли хтось поділиться веб-сторінкою.
- og:description: Короткий опис вмісту, зазвичай від двох до чотирьох речень, що відображається під заголовком.
Чому мета-теги відкритих графіків важливі?
Мета-теги Open Graph мають вирішальне значення, оскільки вони дозволяють веб-майстрам контролювати відображення заголовка, опису, назви сайту та зображення сторінки, коли вона публікується в соціальних мережах. Без тегів OG соціальні платформи, такі як Facebook, автоматично генеруватимуть попередній перегляд на основі URL-адреси, заголовка та мета-опису сторінки. Це може призвести до того, що прев'ю будуть занадто довгими або міститимуть зображення низької якості.
Соціальні мережі є важливим джерелом трафіку та конверсії веб-сайтів. Оптимізовані OG-теги можуть покращити зовнішній вигляд спільних посилань, роблячи їх більш привабливими і збільшуючи ймовірність кліків.
Як додати мета-теги відкритих графіків?
Процес налаштування мета-тегів Open Graph відрізняється залежно від платформи веб-сайту, яку ви використовуєте. Ось короткий посібник з впровадження тегів OG у WordPress, найпопулярнішій системі управління контентом:
- Встановіть плагін Yoast SEO: Увійдіть до панелі управління WordPress, перейдіть до розділу "Плагіни" та встановіть плагін Yoast SEO, якщо він ще не встановлений.
- Відкрийте редактор сторінок: Перейдіть до редактора сторінок або дописів.
- Перейдіть до розділу Yoast SEO: Виберіть вкладку "Соціальні" в розділі Yoast SEO.
- Введіть метадані відкритого графіка: Виберіть "Facebook" і введіть необхідні метадані Open Graph (заголовок, опис і зображення) для цієї сторінки. Yoast автоматично встановить URL-адресу.
Ви також можете впровадити мета-теги Open Graph вручну в HTML-код ваших сторінок. Ось приклад того, як може виглядати код:
<meta property="og:title" content="Заголовок вашої сторінки тут" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Короткий опис вмісту вашої сторінки." />Перевірка мета-тегів відкритих графів
Після того, як ви налаштували мета-теги OG, ви можете перевірити, чи працюють вони належним чином, за допомогою Facebook's Sharing Debugger. Вставте URL-адресу, яку ви хочете перевірити, виберіть "Налагодження", і програма перевірить її на наявність помилок і пропозицій щодо OG-тегів. Ви також отримаєте огляд властивостей OG, включаючи назву, зображення та опис.
Висновок
Мета-теги Open Graph - це потужний інструмент для забезпечення ефективного поширення ваших сторінок у соціальних мережах. Надаючи чіткі, стислі та візуально привабливі прев'ю, ви можете збільшити залученість та залучити більше трафіку на свій сайт.
