Мета-теги відкритого графіку

Що таке мета-теги відкритого графіка?

Мета-теги 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, найпопулярнішій системі управління контентом:

1. Встановіть плагін Yoast SEO: Увійдіть до панелі управління WordPress, перейдіть до розділу "Плагіни" та встановіть плагін Yoast SEO, якщо він ще не встановлений.
2. Відкрийте редактор сторінок: Перейдіть до редактора сторінок або дописів.
3. Перейдіть до розділу Yoast SEO: Виберіть вкладку "Соціальні" в розділі Yoast SEO.
4. Введіть метадані відкритого графіка: Виберіть "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 - це потужний інструмент для забезпечення ефективного поширення ваших сторінок у соціальних мережах. Надаючи чіткі, стислі та візуально привабливі прев'ю, ви можете збільшити залученість та залучити більше трафіку на свій сайт.