Facebook OG metatags

Facebook OG metatags [Nederlands]

Facebook OG metatags

Om een ​​website-URL correct weer te geven in de Facebook Open Graph, zijn enkele extra metatags nodig, met de paginatitel, het paginatype, de pagina-URL, de afbeeldings-URL, de paginabeschrijving, de sitenaam, de artikelpublicatie en wijzigingsdatums, de artikelsectie, de artikeltag en de Facebook-beheerders-ID.

Open Graph is over het algemeen een zeer complete set van metadata waarmee u een volledige rich-card kunt maken wanneer u de URL deelt.

Open Graph-metatags SEO

De volgende meta-tags moeten worden gebruikt, met onderstaande sjabloon die kan worden gekopieerd en geplakt.

Naast het toestaan ​​van een goede weergave bij het delen van de URL, verbetert het ook de algemene SEO-pagina.

Dit is alleen voor Facebook OG Open Graph en de metatag in HTML moet in het kopgedeelte van de code worden geplakt:

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

Om de volledige OG specificaties van de Facebook-website te hebben, inclusief de meta-tags van de Twitter-kaart en de meta-tags van de open-grafiek van Facebook, kan de volledige onderstaande code worden gebruikt.

Dit zal alle HTML-kaarten van meta-gegevens voor sociale media omvatten en een goed delen van uw URL's voor al deze kaarten toestaan:

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

Grafiekprotocol openen

Zodra de Facebook-metadata op de website zijn geïmplementeerd, zal het delen ervan de onderstaande weergave produceren, aangezien de titel, afbeelding en beschrijving op de juiste manier worden opgehaald door Facebook.

OG-foutopsporing op Facebook

Een online applicatie voor ontwikkelaars, de Open Graph-validator, is beschikbaar op de Facebook-website en stelt ontwikkelaars in staat zelf na te gaan of de rich-kaarten metatags correct zijn geïmplementeerd op hun websites.

Open eenvoudigweg de webpagina, plak een URL waarin de Facebook OG-rich-kaarten moeten verschijnen en bekijk de resultaten of de mogelijke fouten in het geval van verkeerd geïmplementeerde tags, zoals uitgelegd door de Facebook Open Graph-foutopsporing.

OG-foutopsporing op Facebook

OG-beeldgrootte op Facebook

Een afbeelding die in een Facebook-bericht wordt gepost, moet ten minste 200 pixels breed bij 200 pixels groot of 200 x 200 pixels zijn, maar het wordt aanbevolen om grotere afbeeldingen te gebruiken, tot 1200 x 630 px.

Respecteer deze minimumvereisten om er zeker van te zijn dat uw afbeeldingen altijd correct worden weergegeven op de Facebook-berichten en dat ze er goed uitzien.

Waar kan ik vliegen? - Home | Facebook
Internationaal SAP en web consulting - Home | Facebook
Help Smartphone - Home Facebook
Travel Comparator - home Facebook
Facebook-ontwikkelaarplatform - Facebook-ontwikkelaars
Strandclub in Kiev en nachtlicht Kiev in de zomer - Waar kan ik vliegen?
Must-have sociale metatags voor Twitter, Google+, Facebook en meer - Moz

Verdere metingen

Om je metatags te optimaliseren voor weergave van rich cards en andere puroposes voor het delen van sociale media, bekijk deze geweldige websites vol met nuttige informatie:

De SEO Cheat Sheet 2.0 van de webontwikkelaar
18 metatags Elke webpagina zou in 2014 moeten hebben
Het Open Graph-protocol
Fragment - Google+ platform
Pinterest Rich Pins voor bedrijven
WooCommerce - Gratis WordPress toolkit die productmarkup toevoegt

Meta-eigenschap OG Facebook

De afmetingen van de Facebook Open Graph-afbeelding, voor de Facebook-metabeeldgrootte en ook de Facebook Open Graph-beeldgrootte, zijn 200 bij 200 pixels. Het wordt ten minste aanbevolen en de maximale grootte mag niet groter zijn dan 1200 bij 630 pixels.

Wat is OG-tag? OG-tags, ook wel Facebook OG-tag of Facebook Open Graph-tag genoemd, zijn informatie die aanwezig is in de broncode van de website, maar die verborgen zijn voor bezoekers van de website, die door Facebook of andere sociale netwerken worden gebruikt bij het delen van een pagina op sociale media, om te laten zien een afbeelding, een beschrijving en andere informatie die zal worden gebruikt om details op een leuke manier over de gedeelde link te tonen.

De Facebook-meta zijn de volgende:

- Facebook OG-sitenaam is de naam van de webpagina,

- Facebook OG-beschrijving bevat de korte beschrijving van de webpagina,

- OG image Facebook bevat de link naar de afbeelding van de link,

- Facebook OG-type definieert het type gedeelde content, bijvoorbeeld een artikel of een boek,

- Facebook OG URL is het unieke internetadres van de link, ook wel URL, Uniform resource-locatie genoemd,

- OG-beeldgrootte op Facebook is minimaal 200x200px, maximaal 1200x630px.

OG-taggenerator Open Graph Generator, geavanceerde metatags generator tool
Twitter Open Graph-tester Card Validator - Twitter-kaarten

Vergelijkbare artikelen


Commentaars (1)

Jarek, 2019-02-02
Bardzo przydatny artykuł tylko szkoda że tak mało osób z niego korzysta.

laat een reactie achter

Verhoog de advertentie-inkomsten met 50% tot 50% met Ezoic. Een Google Certified Publishing Partner.
Verhoog de advertentie-inkomsten met 50% tot 50% met Ezoic. Een Google Certified Publishing Partner.
 
Verhoog de advertentie-inkomsten met 50% tot 50% met Ezoic. Een Google Certified Publishing Partner.
Verhoog de advertentie-inkomsten met 50% tot 50% met Ezoic. Een Google Certified Publishing Partner.