Facebook OG metatags




Facebook OG metatags

W celu poprawnego wyświetlenia adresu URL witryny w Facebook Open Graph potrzebne są dodatkowe metatagi, takie jak tytuł strony, typ strony, adres URL strony, URL obrazu, opis strony, nazwa strony, publikacja artykułu. i daty modyfikacji, sekcja artykułu, tag artykułu i identyfikator administratora Facebooka.

Open Graph to ogólnie bardzo kompletny zestaw meta danych, który pozwala na utworzenie kompletnej bogatej karty podczas udostępniania adresu URL.

Meta tagi Open Graph SEO

Należy użyć następujących metatagów, z poniższym szablonem, który można kopiować i wklejać.

Oprócz umożliwienia prawidłowego wyświetlania przy udostępnianiu adresu URL, poprawi on również ogólną stronę SEO.

To jest tylko dla Facebooka OG Open Graph, a metatag w HTML powinien być wklejony w sekcji head kodu:

<!-- 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" />

Metatagi w serwisie Facebook Open Graph

Aby mieć pełną specyfikację OG na Facebooku, w tym metatagi z kartą na Twitterze i meta tagi otwartego Facebooka, można użyć pełnego kodu poniżej.

Obejmuje to wszystkie karty HTML mediów społecznościowych i pozwala na prawidłowe udostępnianie adresów URL we wszystkich z nich:

<!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">

Protokół otwartego wykresu

Po zaimplementowaniu na stronie internetowej metadanych Facebooka, udostępnienie ich spowoduje wyświetlenie poniższego opisu, ponieważ tytuł, obraz i opis zostaną poprawnie pobrane przez Facebook.

Facebookowy debugger

Aplikacja online dla programistów, walidator Open Graph, jest dostępna na stronie Facebooka i pozwala devloperom sprawdzić samodzielnie, czy karty z bogatymi hasłami mają metatagi prawidłowo wdrożone na swoich stronach internetowych.

Po prostu otwórz stronę internetową, wklej adres URL, w którym powinny pojawić się bogate karty Facebooka OG, i zobacz wyniki lub potencjalne błędy w przypadku błędnie zaimplementowanych tagów, jak wyjaśniono w debugerze OpenGL na Facebooku.

Facebookowy debugger

Rozmiar obrazu Facebook OG

Obraz zamieszczony w poście na Facebooku musi mieć co najmniej 200 pikseli szerokości i 200 pikseli lub 200 pikseli, ale zaleca się użycie większych zdjęć o rozmiarach do 1200 x 630 pikseli.

Przestrzegaj tych minimalnych wymagań, aby mieć pewność, że twoje zdjęcia będą zawsze poprawnie wyświetlane na postach Facebooka i sprawią, że będą wyglądać dobrze.

Gdzie mogę latać? - Strona główna | Facebook
Międzynarodowy konsulting SAP i sieciowy - Strona główna Facebook
Pomóż Smartphoneowi - Home Facebook
Porównywarka podróży - strona główna Facebook
Platforma deweloperska Facebook - deweloperzy Facebooka
Kijowski klub plażowy i nocne światło Kijowa latem - gdzie mogę latać?

Dalsze odczyty


Aby zoptymalizować metatagi do wyświetlania bogatych kart i innych puropos udostępnienia w mediach społecznościowych, spójrz na te wspaniałe strony internetowe pełne przydatnych informacji:

Arkusz oszustw SEO dla programistów witryn internetowych 2.0
18 tagów meta, które każda strona powinna mieć w 2014 roku
Protokół Open Graph
Snippet - platforma Google+
Pinterest Rich Pins dla biznesu
WooCommerce - bezpłatny zestaw narzędzi Wordpress, który dodaje znaczniki produktu

Właściwość meta OG Facebook

Wymiary obrazu na Facebooku Open Graph, dla rozmiaru obrazu metapiksu Facebooka, a także dla rozmiaru obrazu Facebooka Open Graph, wynoszą 200 pikseli na 200 pikseli. Zalecane jest jako minimum, a maksymalny rozmiar nie powinien przekraczać 1200 na 630 pikseli.

Co to jest tag OG? Tag OG, zwany także tagiem Facebook OG lub tagiem Facebooka Open Graph, to informacje znajdujące się w kodzie źródłowym witryny, ale ukryte przed odwiedzającymi strony, które są używane przez Facebooka lub inne serwisy społecznościowe podczas udostępniania strony w mediach społecznościowych, aby pokazać obraz, opis i inne informacje, które zostaną wykorzystane do przedstawienia szczegółów w miły sposób na temat udostępnionego łącza.

Meta Facebook są następujące:

- nazwa serwisu Facebook OG to nazwa strony internetowej,

- Opis OG na Facebooku zawiera krótki opis strony internetowej,

- obraz OG Facebook zawiera link do obrazu łącza,

- Facebook OG typ określa rodzaj udostępnianej treści, na przykład artykuł lub książkę,

- Facebook OG URL to unikalny adres internetowy łącza, zwany również URL, jednolite położenie zasobu,

- Rozmiar obrazu Facebooka OG wynosi minimum 200x200px, maksymalnie 1200x630px.

Generator znaczników OG Generator otwartych wykresów, narzędzie do generowania zaawansowanych meta tagów
Tester Twitter Open Graph Card Validator - karty Twittera


Międzynarodowe doradztwo biznesowe
O autorze - Międzynarodowe doradztwo biznesowe
Yoann jest międzynarodowym konsultantem biznesowym, moderatorem i koordynatorem. Pracował ponad 10 lat w globalnym biznesie, łańcuchu dostaw, finansach, projektach SAP ERP, optymalizacji sieci i SEO dla różnych branż, takich jak logistyka, kosmetyki, towary konsumpcyjne, pielęgnacja urody lub moda, w ponad 30 krajach na całym świecie. .
 


Komentarze (1)

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

zostaw komentarz