Facebook OG метатегs



Facebook OG метатегs

Для того, щоб URL веб-сайту відображався належним чином у відкритому графіці Facebook, потрібні додаткові мета-теги, з назвою сторінки, типом сторінки, URL-адресою сторінки, URL-адресою зображення, описом сторінки, назвою сайту, публікацією статті і дати модифікації, розділ статті, тег статті та ідентифікатор адміністратора Facebook.

Open Graph - це, як правило, дуже повний набір метаданих, який дозволяє створювати повноцінну картку під час обміну URL-адресою.

Відкрийте діаграми метатегів SEO

Необхідно використовувати наступні метатеги з шаблоном нижче, який можна скопіювати та вставити.

На додаток до того, як правильно відображатись під час обміну URL-адресою, він також покращить загальну сторінку SEO.

Це тільки для Facebook OG Open Graph, а метатегів у HTML слід вставити в головний розділ коду:

<!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" />

Метатегів Facebook Open Graph

Для того, щоб мати всі специфікації OG для веб-сайту Facebook, включаючи метатеги Twitter-картки та метатегів відкритих графіків Facebook, можна використовувати повний код нижче.

Це буде охоплювати всі HTML-карти метаданих соціальних медіа та дозволить належним чином ділитися вашими URL-адресами на всіх з них:

<!DOCTYPE html> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en" prefix="fb: http://www.facebook.com/2008/fbml"> <head> <title>60 char title</title> <meta name="description" content="200 char description" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Twitter_publisher" /> <meta name="twitter:title" content="Page title" /> <meta name="twitter:description" content="Page description" /> <meta name="twitter:creator" content="@Twitter_creator" /> <!-- Twitter 280x150px image --> <meta name="twitter:image:src" content="http://www.url.com/img.jpg" /> <!-- Open graph Facebook card --> <meta property="og:url" content="https://www.url.com/"/> <meta property="og:type" content="website/article/..."/> <meta property="og:locale" content="en-US" /> <meta property="og:site_name" content="Site name" /> <meta property="og:image" content="http://www.url.com/img.jpg" /> <meta property="og:title" content="60 char title"/> <meta property="og:description" content="Page description" /> <meta property="article:published_time" content="2018-11-06 11:32:39" /> <meta property="article:modified_time" content="2018-11-06 11:32:39" /> <meta property="article:section" content="Section" /> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Site name"> <meta itemprop="description" content="Page description"> <meta itemprop="image" content="http://www.url.com/img.jpg">

Відкритий граф протокол

Після того, як на веб-сайті буде впроваджено метадані Facebook, їх буде відкрито нижче, оскільки назва, зображення та опис будуть правильно завантажені компанією Facebook.

Відладчик Facebook OG

Онлайн-додаток для розробників, валідатор Open Graph, доступний на веб-сайті Facebook, і дозволяє devlopers самостійно перевіряти, чи правильно реалізовано метатегів на своїх веб-сайтах.

Просто відкрийте веб-сторінку, вставте URL-адресу, на якій повинні з'явитися багаті картки Facebook OG, і побачити результати або можливі помилки у разі неправильного введення тегів, як це пояснюється відладчиком Facebook Open Graph.

Відладчик Facebook OG

Розмір зображення Facebook OG

Зображення, розміщене в повідомленні в Facebook, повинно бути не менше 200 пікселів завширшки у розмірі 200 пікселів або 200х200 пікселів, але рекомендується використовувати більші зображення до 1200x630 пікселів.

Дотримуйтесь цих мінімальних вимог, щоб переконатися, що ваші зображення завжди будуть відображатися на дописах Facebook належним чином, і вони будуть добре виглядати.

Де я можу летіти? - Головна | Facebook
Міжнародний SAP та веб-консалтинг - Головна | Facebook
Допомога смартфону - Домашня сторінка Facebook
Подорожний компаратор - домашній Facebook
Платформа розробника Facebook - розробники Facebook
Київський пляжний клуб і Київські нічні літа влітку - Де я можу летіти?

Подальші читання

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

SEO-коди Веб-розробника 2.0
18 метатегів Будь-яка веб-сторінка повинна мати в 2014 році
Протокол відкритого графіка
Фрагмент - Платформа Google+
Pinterest Rich Pins for Business
WooCommerce - безкоштовний набір інструментів Wordpress, який додає маркетинг продукту

Мета власності OG Facebook

Розміри зображення у форматі Facebook Open, розмір зображення у форматі Facebook, а також розмір зображення у форматі Facebook Open Graph становлять 200 пікселів на 200 пікселів. Рекомендується як мінімум, а максимальний розмір не повинен перевищувати 1200 на 630 пікселів.

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

Мета в Facebook такі:

- Назва веб-сайту Facebook - це назва веб-сторінки,

- Опис ОГ у Facebook містить короткий текстовий опис веб-сторінки,

- OG image Facebook містить посилання на зображення посилання,

- Тип OG для Facebook визначає тип загального вмісту, наприклад статтю або книгу,

- URL-адреса Facebook OG - це унікальна Інтернет-адреса посилання, яка також називається URL-адреса, Єдине місце розташування ресурсу,

- Розмір зображення у форматі Facebook OG мінімальний - 200x200px, максимальна - 1200x630px.

Генератор тегів OG Відкритий генератор графів, інструмент генератора мета-тегів
Щебетати Відкрити тест графіка Карта перевірки - Twitter карти




Подібні статті

Як розбити залежність від соціальних медіа за 5 кроків

Як розбити залежність від соціальних медіа за 5 кроків

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


Коментарі (1)

Bardzo przydatny artykuł tylko szkoda że tak mało osób z niego korzysta.

Залишити коментар