Основна частина матеріалів, якими діляться люди, представлена на Facebook у вигляді URL, тому для розмітки сайту важливо використовувати теги Open Graph. Від них залежить те, як ваші матеріали будуть виглядати на Facebook.
Якщо цих тегів немає, краулер Facebook за допомогою вбудованих евристичних алгоритмів приблизно визначить заголовок і опис ваших матеріалів, а також обере зображення для попереднього перегляду. Щоб забезпечити найвищу якість публікацій на Facebook, задайте ці елементи за допомогою тегів Open Graph.
Приклад матеріалу, відформатованого з використанням тегів Open Graph:
приклад розмітки
Нижче представлений приклад розмітки статті, новини або записи в блозі з властивістю og: type = "article" і деякими додатковими властивостями:
<Meta property = "og: url" content = "http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" /> <meta property = "og: type" content = "article" /> <meta property = "og: title" content = "When Great Minds Do not Think Alike" /> <meta property = "og: description" content = "How much does culture influence creative thinking? " /> <Meta property = "og: image" content = "http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />
У цих властивостях містяться описові метадані про статтю. Нам важливо, щоб ці дані обов'язково присутні в публікації, коли людина ділиться статтею.
Основні теги
У таблиці нижче представлені основні метатеги, які повинні бути присутніми в матеріалах будь-якого типу.
тег Опис
og: url
канонічний URL вашої сторінки. Це повинен бути простий URL без змінних сеансу, параметрів для ідентифікації користувачів і лічильників. Відмітки "Подобається" та дії "Поділитися" для цього URL будуть агрегуватися саме з цього URL. Наприклад, URL в домені для мобільних пристроїв повинні вказувати на версію URL для ПК, яка виступає в якості канонічного URL для агрегування відміток "Подобається" та перепис в різних версіях цієї сторінки.
og: title
Заголовок статті без будь-якої згадки бренду, наприклад назви сайту.
og: description
Короткий опис матеріалів (зазвичай 2-4 речення). Відображається під заголовком публікації на Facebook.
og: image
URL зображення, яке відображається на Facebook, коли людина ділиться матеріалами. Детальніше див. нижче . Також рекомендуємо ознайомитися з нашим керівництвом по створенню зображення для попереднього перегляду.
fb: app_id
щоб скористатися статистикою Facebook , Додайте на сторінку ID додатки. За допомогою статистики можна переглядати інформацію про переходах на ваш сайт з Facebook. ID додатки вказано в панелі додатків .
Щоб привернути увагу до ваших матеріалів і підвищити залученість, додайте два додаткових тега:
тег Опис
og: type
Тип мультимедіа, до якого відносяться матеріали. Він відповідає за відображення матеріалів в Стрічці новин. Якщо тип не вказано, за замовчуванням використовується значення website. Кожен URL повинен являти собою окремий об'єкт, тому вказати кілька значень для тега og: type неможливо. Повний список типів об'єктів см. В довіднику .
og: locale
Мова ресурсу. Значення за замовчуванням - en_US. Якщо матеріали доступні на декількох мовах, можна додати відповідні теги og: locale: alternate. Детальніше про підтримувані мовах см. В нашій документації по локалізації .
Повний список стандартних властивостей об'єктів см. В нашому довіднику .
