Для чого взагалі потрібен Facebook Open Graph?
Мабуть вам доводилось стикатись з проблемою коли додаєш яку небудь урл адресу на Facebook інформація про сторінку завантажується автоматично, зокрема: назва сторінки, url, опис і фото. Інколи завантажується щось незрозуміле або пропонує вибрати одне з десятків фото які є на цій сторінці. Для цього щоб уникнути таких незрозумілих ситуацій і краще презентувати свої сторінки у Facebook і існують Facebook Open Graph для META тегів.

Як працюють Facebook Open Graph META теги?
Для того щоб активувати цю можливість достатньо прописати на своїх сторінках спеціальні META теги. Усі Facebook Open Graph META теги починаються з "og:", потім йдуть властивості і значення атрибутів.
Code:
<meta property="og:{назва}" content="{значення}" />
Використовуючи такі META теги легко можна сказати Facebook яку інформацію (заголовок, url-сторінки, фото) про вашу сторінку показувати коли її поширюють відвідувачі вашого сайту.

Існують такі Facebook Open Graph META теги:
image - повідомляє Facebook яке зображення використовувати коли поширюють сторінку. найкраще використовувати зображення квадратної форми у форматі .JPG або .PNG. Зображення буде зменшено до розміру 50x50px.
Code:
<meta property="og:image" content="https://center.lviv.ua/img/facebooklogo.png" />
title - заголовок вашої сторінки, він може бути таким самим як <title>Кілька слів про Facebook Open Graph META теги</title>.
Code:
<meta property="og:title" content="Кілька слів про Facebook Open Graph META теги" />
description - опис вашої сторінки, про що сторінка, або яку інформацію можна знайти на ній.
Code:
<meta property="og:description" content="Кілька слів про Facebook Open Graph META теги" />
url - url-адреса вашої сторінки.
Code:
<meta property="og:url" content="https://center.lviv.ua/facebook-meta-tags" />
site_name - назва вашого ресурсу, сайту.
Code:
<meta property="og:site_name" content="Центрик | Львівський форум"/>
type - повідомляємо Facebook до якої категорії сайтів належить ваш ресурс.
Code:
<meta property="og:type" content="forum" />