Social metatags
Wil je pagina makkelijk deelbaar maken voor social media, maak dan gebruik van speciale metatags in je header. Met deze social metatags heb je controle over welke titel, afbeelding en omschrijving wordt gedeeld op een sociaal netwerk. Vele sociale netwerken maken gebruik van eigen metatags. Een voorbeeld van de eigen sociale metatags voor facebook en twitter vind je hieronder
<meta property="og:locale" content="nl_NL" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Home - Sivard's bloghoekje" /> <meta property="og:description" content="Maak je website nog beter met deze tips en tools." /> <meta property="og:url" content="https://sivard.nl/" /> <meta property="og:site_name" content="Sivard's bloghoekje" /> <meta property="og:image" content="https://sivard.nl/wp-content/uploads/2015/04/logo_sivard_nl.jpg" /> <meta name="twitter:card" content="summary"/> <meta name="twitter:description" content="Maak je website nog beter met deze tips en tools."/> <meta name="twitter:title" content="Home - Sivard's bloghoekje"/> <meta name="twitter:site" content="@sivardd"/> <meta name="twitter:domain" content="Sivard's bloghoekje"/> <meta name="twitter:creator" content="@sivardd"/> <meta name="twitter:image:src" content="https://sivard.nl/wp-content/uploads/2015/04/logo_sivard_nl.jpg"/>
Indien iemand vervolgens de url https://sivard.nl/ deelt in bijv. Facebook, komt dit er dan als volgt uit te zien:
Wordpres SEO plugin
Maak je gebruik van WordPress dan is het instellen van de social metatags een fluitje van een cent. Je kunt dan gebruik maken van de WordPress SEO plugin van Yoast. Eenmaal deze plugin geïnstalleerd, heb je in de pagina editor van het beheerscherm de mogelijkheid om deze metatags naar je hand te zetten.
Debugging de social metatags
Echter om te kijken of het ingevulde resultaat ook goed verschijnt in facebook, ga dan naar https://developers.facebook.com/tools/debug/ en vul de url van je pagina in. Het resultaat geeft een preview op welke manier de pagina wordt gedeeld en welke gegevens nog missen. Wil je de social metatags van Twitter debuggen, ga dan naar https://cards-dev.twitter.com/validator. In wordpress via SEO-Yoast tool