Поради по SEO: мета-теги Open Graph

  1. Що таке Open Graph?
  2. Чому Open Graph важливий
  3. Мета-теги Open Graph
  4. Мета-теги Google+

Навіть самий крутий контент марний, якщо його ніхто не бачить. Важливо не тільки створювати матеріали, але і ділитися ними всіма доступними способами. Великий обхват можна отримати через соціальні мережі, але як оптимізувати вміст для VK, Facebook, Twitter? Ми розповімо.

Що таке Open Graph?

На офіційному сайті говориться, що протокол Open Graph збагачує можливості сторінки в соціальних медіа. Іншими словами, це група мета-тегів, що розповідає соціальних мереж про вміст сторінок, якими ви ділитеся. Завдяки цьому посилання з набору символів перетворюються в зрозумілі заголовки з картинками і поясненнями. Протокол Open Graph був створений Facebook'ом і зараз регулюється Open Web Foundation.

Протокол Open Graph був створений Facebook'ом і зараз регулюється Open Web Foundation

Чому Open Graph важливий

Соціальні мережі - один з найбільших джерел трафіку. Щоб не втрачати відвідувачів і потенційних клієнтів, потрібно використовувати Open Graph. Прямого впливу на пошукову оптимізацію сторінки протокол не робить, але робить посилання в соціальних мережах простіше для сприйняття. Нижче ми наводимо список тегів і їх призначення.

Мета-теги Open Graph

  • og: title - заголовок сторінки. Для нього є обмеження в 65 символів. Напишіть щось довше - текст буде обрізаний.
  • og: type визначає тип об'єкта на сторінці (веб-сайт, блог, книга, фільм і т.д.).
  • og: image - URL зображення, що характеризує сторінку.
  • og: url - адреса сайту.
  • og: description - короткий опис сторінки довжиною не більше 300 символів.
  • og: video - якщо на сторінці є відео, тут прописується URL.
  • og: locale - мова сторінки (ru_RU, en_GB, de_DE, etc.).
  • og: site_name - назва сайту.

Використання тегів Open Graph

Щоб додати протокол Open Graph, потрібно виконати наступні кроки:

  • Додати «http://ogp.me/ns#» до тегу html.
  • Вставити мета-теги з їх вмістом і атрибутами між тегами head.
  • Використовувати min 4 мета-тега Open Graph, які є обов'язковими: og: title, og: type, og: image і og: url.
  • Розширити розмітку, якщо на вашій сторінці багато різноманітного контенту.

Ось як буде виглядати HTML-код:

<Html prefix = "og: http://ogp.me/ns#"> <head> <title> The Title of Your Article </ title> <meta property = "og: title" content = "Article on Anything by You "/> <meta property =" og: type "content =" article "/> <meta property =" og: url "content =" http://www.websiteaddress.com/article/ "/> <meta property = "og: image" content = "http://www.websiteaddress.com/images/article_pic.jpg" /> ... </ head> ... </ html>

Мета-теги Google+

Оптимізувати посилання для Google+ можна 2 способами. На відміну від інших соціальних мереж, Google+, в першу чергу, шукає розмітку Schema. Тільки потім, якщо її не вдалося знайти, Google+ звертається до тегам Open Graph. Тому можна не морочитися і використовувати Open Graph або додати Schema. Алгоритм у розмітки аналогічний, тільки теги трохи відрізняються. Ось основні:

  • name: відповідає og: title
  • description: відповідає og: description
  • image: відповідає og: image
  • author: URL профілю Google+
  • publisher: URL сторінки Google+

<Meta itemprop = "name" content = "The name of your website" /> <meta itemprop = "description" content = "The description of your website" /> <meta itemprop = "image" content = "https: // websiteaddress.com/yourimage.png "/>

Додайте ці теги в свій код, і ви побачите, що вони дійсно корисні. Посилання на сайт в соціальних мережах отримають більше кліків, що призведе на сайт більше відвідувачів. Звичайно, це тільки базові знання про Open Graph. Більше дізнатися можна на офіційному сайті , Або скористатися послугами нашої команди , Яка допоможе оптимізувати сайт по всіх фронтах.

Що таке Open Graph?
Великий обхват можна отримати через соціальні мережі, але як оптимізувати вміст для VK, Facebook, Twitter?
Що таке Open Graph?