Hoe Open Graph Tags te gebruiken

Hoe Open Graph Tags te gebruiken

Gebruikt u title tags en meta description tags? Natuurlijk, want u weet dat metatags uw positie in zoekmachines kunnen verbeteren.

Maar wist u dat metatags ook invloed hebben op uw verkeer via sociale media? Tuurlijk, er is Google’s auteurschap tags, maar hoe zit het met Facebook en Twitter? In feite hebben ze allebei hun eigen sociale media meta-tags die u kunnen helpen de hoeveelheid sociaal verkeer die u krijgt te stimuleren.

Ooit die berichten op sociale media gezien die cool uitziende afbeeldingen en video’s hebben? Je weet misschien niet dat je geen software of premium accounts nodig hebt om hetzelfde te doen voor je sociale posts.

Ze worden Facebook Open Graph en Twitter Cards genoemd. Hier is hoe u ze beide kunt benutten:

Facebook Open Graph

Wanneer u een afbeelding deelt op Facebook, hoe ziet dat er dan uit?

Wel, het ziet er niet altijd zo uit. Facebook probeert de code op je pagina te lezen, maar is niet altijd in staat om je afbeeldingen eruit te halen. Als u de Open Graph-tags niet gebruikt wanneer u een URL van uw site op Facebook deelt, kan het er als volgt uitzien:

Zo zag het er vroeger uit bij Quick Sprout, voordat ik Open Graph-tags op mijn site implementeerde. Nadat ik Open Graph-tags had geïmplementeerd, was ik in staat om mijn Facebook-verkeer met 174% te verhogen, simpelweg omdat er nu een afbeelding naast mijn Quick Sprout-statusupdates stond.

Nu je ervan overtuigd bent dat je Open Graph moet gebruiken, is hier hoe je het op je website instelt.

og:title

Dit is waar je de titel van je inhoud plaatst. Zie dit als vergelijkbaar met de normale html title tag die een zoekmachine zou gebruiken. Wanneer u uw og:title maakt, houd dan het aantal tekens beperkt tot minder dan 95.

Voorbeeld: <meta property=”og:title” content=”11 creatieve manieren om links te leggen”/>

og:type

Hier beschrijf je wat voor soort inhoud je deelt. Is het een video, foto, blog post, enz.? Hier is de volledige lijst waaruit u kunt kiezen bij het definiëren van uw inhoudstype:

Activiteiten

• activiteit
• sport

Bedrijven

• bar
• bedrijf
• cafe
• hotel
• restaurant

groepen

• zaak
• sport_league
• sport_team

Organisaties

• band
• overheid
• non_profit
• school
• universiteit

mensen

• acteur
• atleet
• auteur
• regisseur
• muzikant
• politicus
• publiek_figuur

Plaatsen

• stad
• land
• landmark
• staat_provincie

Producten en amusement

• album
• boek
• drank
• voedsel
• game
• product
• lied
• film
• tv_show

Websites

• blog
• website
• artikel

Voorbeeld: <meta property=”og:type” content=”article”/>

og:description

Dit is ook vergelijkbaar met je html meta description tag omdat het wordt gebruikt om je inhoud te beschrijven. Je moet je niet druk maken of het veel trefwoorden bevat, maar in plaats daarvan moet je met een overtuigende beschrijving komen die zal resulteren in meer klikken. Je hebt maximaal 297 tekens voor deze tag.

Voorbeeld: <meta property=”og:description” content=”Bent u het beu om links te bouwen op de ouderwetse manier? Je weet wel, de methodes waarbij je e-mails moet sturen naar duizenden webmasters om te bedelen om links. “/>

og:image

Herinner je je nog dat ik zei dat ik mijn Facebook-verkeer met 174% kon verhogen? Dat kwam doordat ik Open Graph gebruikte om ervoor te zorgen dat Facebook een afbeelding toonde telkens wanneer iemand een URL van Quick Sprout deelde.

Door een og:image-tag te gebruiken, zorg je ervoor dat er een afbeelding wordt weergegeven naast de inhoud die je deelt. Op deze manier valt het op tegen alle andere op tekst gebaseerde statusupdates die mensen in hun tijdlijnen zien.

Voordat ik inga op hoe je deze tag kunt gebruiken, loop ik met je door de vereisten van Facebook. Een afbeelding moet minstens 50px bij 50px zijn, maar bij voorkeur groter dan 200px bij 200px. Plus, de afbeelding mag niet groter zijn dan 5 MB.

Voorbeeld: <meta property=”og:image” content=”https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”/>

og:url

In deze tag moet je de URL plaatsen van de pagina die je deelt. Deze tag lijkt misschien niet relevant, maar is belangrijk omdat je soms meer dan één URL hebt voor dezelfde inhoud. Door deze tag te gebruiken, zorg je ervoor dat alle shares naar één URL gaan in plaats van meerdere URL’s, wat je Facebook Edgerank zou moeten helpen.

Voorbeeld: <meta property=”og:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”/>

og:site_name

Deze tag vertelt Facebook de naam van uw website. U heeft deze tag niet echt nodig, maar het kan geen kwaad om hem op te nemen.

Voorbeeld: <meta property=”og:site_name” content=”Quick Sprout”/>

fb:admins

Als je een fanpagina op Facebook hebt en je wilt meer gegevens krijgen in Facebook Insights, dan moet je deze tag gebruiken. Het vertelt Facebook dat u de site-eigenaar bent, en het verbindt uw Facebook fanpagina met uw website.

Voorbeeld: <meta property=”fb:admins” content=”500013011″/>

Nu je je Facebook Open Graph metatags op orde hebt, gaan we verder met Twitter Cards.

Twitter Cards

Heb je ooit een tweet als deze gezien?

Welnu, deze gedetailleerde tweets worden alleen weergegeven wanneer je Twitter Cards gebruikt. Zou je dat niet willen voor je site?

Hier leest u hoe u Twitter Cards kunt gebruiken:

Als u de SEO for WordPress-plugin van Yoast gebruikt, volgt u gewoon deze stappen. Voor alle anderen, volg de stappen hieronder.

twitter:card

Deze meta-tag beschrijft het type inhoud dat u deelt. Je hebt drie opties bij Twitter: foto (voor afbeeldingen), player (voor video’s), en samenvatting (voor al het andere). Als u uw kaart niet definieert, zal Twitter standaard kiezen voor samenvatting.

Voorbeeld: <meta name=”twitter:card” content=”summary”>

twitter:url

Dit is de pagina die u deelt op Twitter. Net zoals Facebook om een URL vraagt, doet Twitter dit ook omdat je hetzelfde stuk inhoud meerdere keren op je site kunt hebben. Dit zal ervoor zorgen dat één URL alle tweets krijgt. Anders worden je tweets verdeeld over meerdere url’s.

Voorbeeld: <meta name=”twitter:url” content=”https://www.quicksprout.com/2013/03/21/11-creative-ways-to-build-links/”>

twitter:title

Zoals de Open Graph-titel van Facebook, moet deze niet vol staan met trefwoorden. Zorg dat hij aantrekkelijk is, zodat mensen erop willen klikken. Nogmaals, net als bij Facebook, moet u het aantal tekens beperken tot 70.

Voorbeeld: <meta name=”twitter:title” content=”11 creatieve manieren om links te leggen”>

twitter:description

Dit is vergelijkbaar met een meta description tag die u voor Google zou gebruiken. Maar prop hem niet vol met trefwoorden. Je doel moet zijn om een overtuigende zin te maken die mensen aanzet om door te klikken naar je website. Uw beschrijving is beperkt tot 200 tekens.

Voorbeeld: <meta name=”twitter:description” content=” Ben je het zat om links te bouwen op de oude manier? Je weet wel, de methodes waarbij je e-mails moet sturen naar duizenden webmasters om te bedelen om links. “>

twitter:image

Om je tweet te laten opvallen, heb je een afbeelding nodig. Je afbeeldingen moeten kleiner zijn dan 1 MB, en ze mogen niet kleiner zijn dan 60px bij 60px. Afbeeldingen groter dan 120px bij 120px zullen worden verkleind.

Voorbeeld: <meta name=”twitter:image” content=” https://www.quicksprout.com/wp-content/uploads/2013/03/linkbuilding.jpg”>

Nadat je de Twitter Card meta tags op je site hebt toegepast, moet je je aanmelden voor het Card programma van Twitter. Zodra je geaccepteerd bent, zullen URL’s van je website in de card-indeling worden getoond.

Conclusie

Meta tags zijn niet alleen voor zoekmachines. Sociale media sites maken er ook gebruik van. Net zoals u uw metatags optimaliseert voor Google-rankings en doorklikpercentages, moet u hetzelfde doen voor Facebook en Twitter.