fbpx
Loading
Головна/Блог/SEO/Що таке розмітка Open Graph

Що таке розмітка Open Graph

Репости в соціальних мережах – один із потужних інструментів для просування сайту, особливо якщо на ньому активно ведеться блог. І для того, щоб пост з посиланням на ресурс відображався коректно та був інформативним, використовується спеціальна розмітка Open Graph. Спочатку вона була створена для репостів на Facebook, але сьогодні з нею працюють Facebook, Twitter, Pinterest та інші соцмережі та навіть месенджери.Open Graph – це HTML-код для розмітки сторінки. Іншими словами, мета-теги для передачі соцмережам інформації, який контент використовувати при репостах і як його відображати.

Чим Open Graph може бути корисним

Кнопки «Поділитися» на сайті дозволяють створювати природні посилання на ресурс, з правильним сніпетом, що містить зображення та текст, та підвищують довіру пошукових систем до сайту. Ось тільки вміст сніпету, буває, підтягується не з тієї статті, на яку веде посилання, а випадковим чином з інших матеріалів на сайті, що плутає читача nf призводить до падіння інтересу до посилання. Розмітка Open Graph дозволяє уникнути цього та сформувати при репості красиве та коректне прев’ю, релевантне змісту статті.Переваги впровадження Open Graph:

 

  • оптимізація заголовка, опису та зображення під прев’ю;
  • автоматизація репостів – не потрібно вручну додавати текст та картинку.

Як налаштувати розмітку Open Graph

Протокол Open Graph складається з тегів, які вставляються в HTML-код сторінки в розділ <head> і містять: заголовок, опис матеріалу, посилання на зображення, яке має відображатися в анонсі, посилання на вебсторінку, а також назву сайту. Існують і додаткові OG теги – наприклад, для контактів, адреси та інших елементів сайту. Всі теги перераховані на офіційному сайті розмітки ogp.me.Зауважте, що для кожної соцмережі потрібен певний розмір зображень. Можна прописати для кожної з них додатковий метатег, однак у такому випадку картинка може не завжди коректно відображатись. Тому рекомендуємо прописати в коді єдиний вихідний розмір для всіх соціальних мереж у пікселях за допомогою опцій width (ширина) та height (висота). Тоді кожна соцмережа обрізатиме картинку під свої актуальні вимоги.Впровадити розмітку Open Graph на сайт можна двома способами:

 

  1. Вручну, тобто поставити відповідне ТЗ програмісту.
  2. За допомогою плагінів для CMS:
    • «Open Graph» або «Yoast SEO» для WordPress;
    • «Phoca Open Graph» для Joomla;
    • Open Graph Meta для Opencart та інших.

 

Після впровадження розмітки необхідно перевірити відображення сніпету, щоб внести зміни у теги, якщо це потрібно. Як це зробити:

 

  1. Вручну відрепостити статтю в кожну соцмережу, де плануєте робити анонси, і перевірити коректність відображення сніпету.
  2. Автоматично перевірити посилання за допомогою:
    • Facebook Crawler;
    • інструмент від Google;
    • інструмент для Twitter.

 

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

При репості статті в соцмережі з’являється поле з пропозицією «Розкажіть про це». Рекомендуємо не ігнорувати його, а використовувати за призначенням: коротко розповісти про статтю за посиланням і чим вона корисна. Тоді люди відразу розумітимуть, чи потрібна їм ця інформація, і ви отримаєте куди більшу кількість переглядів, лайків та переходів, а також репостів анонсу, ніж при розміщенні «голого» посилання без жодних пояснень.Підсумовуючи, рекомендуємо вам обов’язково впровадити на сайт Open Graph, щоб ділитися коректними та привабливими для користувачів соцмереж анонсами, таким чином залучаючи на сайт більше трафіку та покращуючи поведінкові фактори.

Варто прочитати