Open Graph - мікророзмітка для соціальних мереж

Facebook, ВКонтакте, Google+ та інші соціальні мережі тісно увійшли у життя більшості користувачів Інтернет, а більшість матеріалу, що поширюють користувачі, переважно, складають публікації з різних веб-сайтів. Кожен, хто періодично поширює посилання на контент з різних сайтів, зустрічався з проблемою некоректного формування заголовку та вибору зображення тізера. І, напене, кожен зустрічав у стрічці соціальної мережі посилання на публікації з абсолютно безглуздими зображеннями. Для веб-майстра, відповідно, постає завдання забезпечити автоматичне формування правильних тізерів для контенту, що може бути поширеним через соціальні мережі.

Для керування відображенням посилань на матеріали, більшістю соціальних мереж підтримується специфікація мікророзмітки The Open Graph protocol. Даний протокол описує перелік спеціалізованих значень властивостей property метатегу . Усі вони починаються з префіксу og:. Ось найпоширеніші з них:

      og:title - назва матеріалу, який поширюють
      og:type - тип матеріалу
      og:image - зображення (підкаст) матеріалу
      og:url - канонічний URL матеріалу.

    Приклад:

    <html>
    ...
    <head>
    ...
    <meta property="og:title" content="The Rock" />
    <meta property="og:type" content="video.movie" />
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
    <meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
    ...
    </head>
    ...
    </html>

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

    Познайомитися з повною специфікацією The Open Graph protocol можна на сайті проекту: http://ogp.me

    Переважна більшість CMS має спеціалізовані модулі, що автоматизують створення відповідних метатегів. Для Drupal - це Open Graph meta tags, Metatag та інші.

    Використання мікророзмітки для соціальних мереж, у комплексі з іншими прийомами SEO, може суттєво посприяти просуванню сайту.

    Джерело: Open Graph - мікророзмітка для соціальних мереж

    Додати новий коментар

    Фото Капча
    Введіть символи з картинки.