Maak deelbare content met Social Snippets

-

Een linkje delen via social media doen we allemaal wel eens. Het is een eenvoudige manier om kennis of inspiratie te delen. We vinden het inmiddels ook al doodnormaal dat zo’n gedeelde link er netjes uit ziet op Facebook of LinkedIn als een mooi blokje met een titel, afbeelding en korte samenvatting. Zo’n blokje is een Social Snippet en wordt automatisch gegenereerd door social media aan de hand van een pagina URL en de metadata op de betreffende pagina.

Het is overigens niet zo vanzelfsprekend dat er van een webpagina automatisch een mooie Social Snippet wordt gegenereerd. Ik kom nog regelmatig gedeelde links tegen zonder afbeelding of een samenvatting dat een stukje tekst bevat van de betreffende pagina maar niet bij de context van het betreffende artikel hoort. Maar ik stoor me nog het meeste aan een verkeerde of zelfs ontbrekende afbeelding.

Als er geen afbeelding is vastgesteld, dan gaat bijvoorbeeld Facebook zelf verzinnen welke afbeeldingen het beste bij de pagina past. In dit geval dacht Facebook dat het een goed idee zou zijn om een ongelukkige uitsnede van het logo van AH Allerhande te gebruiken.

Hoe zorg ik voor goede Social Snippets?

Artikelen met goede snippets worden eerder gelezen omdat een goede titel en een afbeelding uitnodigen om te lezen. Je valt gewoon eerder op, dus dat betekend ook een hogere conversie! Om ervoor te zorgen dat social media een goede Social Snippet van je webpagina kunnen maken moeten we de social media platformen een beetje helpen. Dit doen we door in de HTML van de pagina metatags toe te voegen. Door deze metatags te voorzien van specifieke informatie over de titel, afbeelding, URL en samenvatting van je pagina kan je social media voeden met de juiste informatie voor je Social Snippet.

Social Snippets met Open Graph

In 2010 ontwikkelde Facebook een standaard voor het deze metatags genaamd Open Graph. Een super initiatief waar een groot aantal media gebruik van maken. Dus ook Facebook, Twitter en LinkedIn maken gebruik van de Open Graph standaard om Social Snippets te genereren. Dit betekent dus dat je de metatags niet specifiek voor 1 platform hoeft te schrijven. Een voorbeeld van zo’n snippet maak je als volgt:

[html light=”true”]

[/html]

Facebook geeft de gegeelde link met de bovenstaande metatags uiteindelijk als volgt weer:
Een voorbeeld van Facebook Social Snippets

Twitter Cards

Twitter biedt naast de Open Graph standaard ook de mogelijkheid om verschillende soorten Social Snippets te tonen op basis van het type content dat je aanbiedt, zoals een omschrijving met afbeelding, een video, een grote afbeelding, een gallerij, een app of een product. Daarnaast kan je de zogenaamde Twitter Cards nog voorzien van Twitter accounts van de auteur of de website waar het de content op staat.

Een voorbeeld van zo’n Twitter card maak je zo:

[html light=”true”]

[/html]

Op Twitter ziet dit er dan als volgt uit:
Een voorbeeld van Twitter Social Snippets, Twitter Cards

Gebruik plugins voor WordPress om Social Snippets te genereren

Maak je gebruik van WordPress? Dan is het niet nodig om je templates aan te passen. Er zijn diverse plugins die automatisch metatag voor Rich Social Snippets genereren. Een goed voorbeeld van zo’n plugin is de Yoast Seo Plugin. Naast veel slimme SEO trucjes schrijft de plugin ook Open Graph tags uit om je website te voorzien van goede Social Snippets.

Social Snippets testen en debuggen

Om te testen of de metatags die je hebt gemaakt het ook daadwerkelijk doen bieden de social media platformen verschillende debug tools aan. De tools geven informatie over de kwaliteit van de tags voor je Social Snippets en de inhoud hiervan.

De debug tools: