Terug naar de blog
Heb je je ooit afgevraagd waarom je links die je op Facebook of Twitter deelt er soms vreemd uitzien? Weet je hoe je de weergave van je gedeelde blogposts op deze sociale media kunt beïnvloeden?
Als je niet zeker weet of je alles hebt gedaan om de informatie over je blogpost of pagina te optimaliseren voor Facebook en Twitter, lees dan zeker verder. We laten je zien hoe het gebruik van de juiste social media tags je helpt om de look & feel van je post previews te verbeteren.
Wanneer je een link naar een artikel deelt, wil je dat je post er goed uitziet op social media. Je wilt een kwalitatieve afbeelding, de juiste naam, een heldere beschrijving en de correcte URL. Facebook, Twitter en andere platformen halen deze parameters rechtstreeks van je website.
Je kunt zelf bepalen wat ze van je post overnemen door social media meta tags (zoals open graph tags) op te nemen in de HTML-code van je pagina’s.
Als de Facebook meta tags (= Open Graph meta tags) aanwezig zijn, bepaal jij wat er in de Facebook-post verschijnt. Gebruik je deze Open Graph (og) properties niet, dan zal Facebook nog steeds informatie tonen, maar waarschijnlijk niet op de manier die jij voor ogen had. Dit werkt precies hetzelfde voor Twitter meta tags. Laten we dit demonstreren met een voorbeeld van link sharing op Facebook.
Webcontent delen op Facebook
Facebook is een ideaal platform om je nieuwe content te delen. Een nieuwe post maken op basis van een artikel is zo simpel als de link in het post-veld plakken.
Laten we naar dit proces kijken. We gebruiken onze post over Facebook Marketing Strategy als voorbeeld.
Na het invoegen van de URL haalt Facebook de data op en maakt automatisch een mooi geformatteerde post. Het formaat is direct zichtbaar in de preview – zowel voor desktop als mobiel. Als je Kontentino gebruikt om je social media content te beheren, is de preview direct beschikbaar in de Kontentino-kalender.
Begrijpen van meta tags in de HTML-code
Meta properties voor zoekmachines
Helemaal bovenaan zien we verschillende eigenschappen die de parameters van dit artikel definiëren, ook wel meta tags of meta properties genoemd. Sommige daarvan worden door zoekmachines gebruikt om de inhoud van de website te begrijpen door extra informatie te geven die niet op de pagina zelf wordt getoond. Denk aan meta tags zoals:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
De afbeelding hieronder toont de HTML-code voor deze Kontentino-post. Je ziet deze meta tags groen gemarkeerd.
Meta tags identificeren in de HTML-code van de post Facebook Ads Target Audiences 101: The Ultimate Guide
Tip: Weet je niet hoe je de HTML-code van je website bekijkt? Gebruik CTRL+U in je browser op Windows of Option + Command + U op Mac.
Dankzij deze meta tags weten zoekmachines hoe ze de pagina moeten indexeren. De ingevoerde meta title en meta description worden door zoekmachines gebruikt om de link naar deze post in de zoekresultaten (SERP) weer te geven. In dit voorbeeld zie je:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Find out how to reach the right people with Facebook Ads target audiences.’
We weten dat deze tags niet de optimale lengte hebben, maar we zijn hier niet om over SEO te praten. Laten we overgaan naar de meta tags daaronder, die de tekst ‘og:’ bevatten.
Deze tags worden social meta tags, social media meta tags of simpelweg og-eigenschappen genoemd.
In de code van onze blogpost staan 7 verschillende og-eigenschappen:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Daarnaast zijn er extra Facebook meta tags gekoppeld aan og:image:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Daarnaast vind je specifieke social meta tags voor Twitter in de code, zoals:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Terug naar ons Facebook-voorbeeld. We moeten de inhoud van de ‘og:’-eigenschappen begrijpen en aanpassen om de weergave van onze gedeelde link te optimaliseren.
Lees verder en ontdek meer over: i) Het decoderen van og: meta properties; ii) Richtlijnen voor het schrijven van content voor social tags; en iii) Het aanpassen van deze eigenschappen in je CMS.
Facebook en Twitter publishing met Kontentino
Meld je aan voor een proefperiode van 14 dagen bij Kontentino en leer alles over social media meta tags. Bekijk de post preview in Kontentino voordat je publiceert.
De ‘og:’ in je code staat voor ‘Open Graph’. Dit protocol laat je aan Facebook vertellen hoe je content getoond moet worden. Zonder deze tags gebruikt de Facebook Crawler interne heuristieken om een gok te wagen naar de titel, beschrijving en afbeelding. Door dit expliciet te definiëren, zorg je voor een professionele uitstraling op Facebook.
Deze tags zijn cruciaal voor Facebook. Het Open Graph protocol werd al in 2010 gelanceerd en wordt vandaag beheerd door de Open Web Foundation.
Laten we in de details duiken van de 4 belangrijkste tags die verantwoordelijk zijn voor de look van je post op Facebook: og:title, og:image, og:url en og:description.
og:title meta property
Dit is een van de vier basis-metadata binnen het Open Graph protocol. Hiermee bepaal je de titel van je object (zoals een blogpost) zoals deze in de social graph moet verschijnen. Facebook toont deze titel direct onder de URL.
og:image meta property
Hier voeg je de URL in van de afbeelding die je artikel moet vertegenwoordigen. Meestal is dit de link naar de featured image. Hiermee dwing je Facebook om precies deze afbeelding te tonen.
Zonder deze tag kiest Facebook misschien een willekeurige andere afbeelding van je pagina, wat er vaak onprofessioneel uitziet.
og:url meta property
Deze tag bevat de canonieke URL van je object, die dient als permanente ID in de social graph.
og:description meta property
Ten slotte zorgt deze tag voor de beschrijving die wordt getoond bij het delen. Het geeft context aan de lezer voordat ze klikken.
Twitter meta tags
Twitter meta tags werken analoog aan Open Graph en bepalen de content die Twitter ophaalt wanneer een webpagina op dat platform gedeeld wordt.
Word een expert in og meta tags
Zowel Facebook als Twitter bieden richtlijnen voor deze tags. In ons overzicht vatten we de belangrijkste aanbevelingen samen.
Nu je de impact begrijpt, is het tijd om ze aan te passen in je CMS. We gebruiken WordPress als voorbeeld, aangezien dit het meest gebruikte CMS ter wereld is.
SEO-plugins zoals Yoast SEO, Rank Math of All in One SEO zijn erg handig. Hiermee kun je de meta tags voor Facebook en Twitter vaak afzonderlijk instellen. We laten zien hoe dit werkt in Rank Math.
Open de post die je wilt bewerken, ga naar de SEO-sectie en klik op het tabblad ‘social’.
De plek in je CMS waar je de social media meta tags bewerkt
Rank Math heeft een live preview waarmee je direct ziet wat het effect is. Klik op de knop ‘Preview & Edit Social Media’.
De Facebook meta tags bewerken
Eerst zie je de preview van de Facebook-post en daaronder de velden die je kunt aanpassen.
Link preview gegenereerd door je CMS – in dit geval de Rank Math plugin
Als og:image, og:title en og:description nog niet zijn ingevuld, gebruikt de simulator de standaard metadata die ook voor zoekmachines worden gebruikt.
Social media meta tags bewerken: de og:title en og:description van je blogpost
Nadat je de wijzigingen hebt opgeslagen, is het tijd om te controleren hoe de post eruitziet op Facebook.
Nieuwe social media meta tags ingevuld voor de post
Hoewel Facebook aanbeveelt om 2 tot 4 zinnen te gebruiken voor de og:description, houden we het hier bij één zin als demo. We willen vooral zien of Facebook de tekst correct weergeeft nu we de og:title iets korter hebben gemaakt.
Andere oplossingen voor WordPress zijn specifieke Open Graph plugins zoals OG of het handmatig invoegen van code. WIX heeft een ingebouwde oplossing voor het toevoegen van og properties, net als de meeste andere grote systemen.
Gebruik de Facebook Debugger (ook wel Facebook Sharing Debugger genoemd) om het resultaat te controleren. Vergeet niet je cache te legen voordat je dit doet om de nieuwste versie te zien.
Open Graph meta tags in de Facebook Link Sharing Debugger
Link preview in de Facebook Sharing Debugger toont de meta tags in actie
Zoals je ziet, ziet alles er goed uit en zijn de wijzigingen doorgevoerd.
Veelvoorkomende misverstanden over social media meta tags
Mythe 1: Meta tags zijn alleen voor SEO.
Meta tags zijn er niet alleen voor zoekmachines. Ze spelen een cruciale rol in hoe je content op sociale netwerken verschijnt. Tags zoals og:image en og:title optimaliseren je posts specifiek voor platformen zoals Facebook en Twitter, wat de engagement verhoogt.
Mythe 2: Alle afbeeldingen worden automatisch goed getoond.
Niet elke afbeelding uit je post wordt correct weergegeven bij het delen. Zonder og:image of een Twitter-card kunnen platformen een verkeerde afbeelding of een foutieve uitsnede kiezen.
Mythe 3: Meta tags zijn alleen belangrijk voor websites van één pagina.
Meta tags zijn essentieel voor elke website, ongeacht het aantal pagina’s. Of het nu gaat om blogs of producten, tags zoals og:type zorgen voor een consistente en geoptimaliseerde weergave op alle platformen.
Mythe 4: Je kunt erop vertrouwen dat het platform je content goed toont.
Vertrouwen op de automatische formattering van Facebook of Twitter is riskant. Zonder handmatige instellingen kunnen platformen onjuiste of onvolledige data ophalen, wat ten koste gaat van je visuele aantrekkingskracht.
Mythe 5: Het implementeren van tags is moeilijk zonder programmeerkennis.
WordPress-plugins zoals Rank Math maken dit proces heel eenvoudig. Je hoeft geen web developer te zijn om je posts te optimaliseren voor sociale media.
Mythe 6: Twitter cards werken alleen met stilstaande beelden.
Twitter cards ondersteunen diverse mediaformaten, waaronder GIF’s en video’s. Je kunt verschillende media koppelen aan je summary card om je posts dynamischer te maken.
Mythe 7: Meta tags zijn alleen voor je eigen content.
Meta tags helpen ook wanneer jouw content door anderen op hun websites of sociale profielen wordt gedeeld. Juiste instellingen zorgen ervoor dat je content er altijd professioneel uitziet, ongeacht wie het deelt.
Conclusie
We hopen dat dit artikel je heeft geholpen de waarde van og-eigenschappen voor Facebook en Twitter te begrijpen. Wil je je social media marketing naar een hoger niveau tillen? Probeer dan Kontentino. Het is een gebruiksvriendelijke tool die efficiënte samenwerking en content approval ondersteunt.
Onze content calendar bevat een ingebouwde preview-functie, zodat je direct ziet hoe je link post eruitziet. Dat bespaart tijd en zorgt voor meer overzicht bij het optimaliseren van je social media meta tags.
Voeg daar UTM-tags aan toe om prestaties te meten, plan je publicaties in en beheer je budget voor het boosten van posts voor een nog groter bereik.
FAQ
Wat is een social media meta tag?
Een social media meta tag levert belangrijke data zoals titels, afbeeldingen en beschrijvingen aan platformen wanneer webpagina’s gedeeld worden. Het is essentieel voor een betere engagement.
Wat zijn voorbeelden van meta tags?
Voorbeelden zijn meta property=”og:title”, meta property=”og:image” en meta property=”og:url”, die sociale weergave op Facebook en Twitter optimaliseren.
Wat is social media metadata?
Social media metadata omvat open graph data zoals een beknopte titel, omschrijving en kwalitatieve afbeeldingen die de look van je posts op Twitter en Facebook verbeteren.
Wat zijn social media tags?
Dit zijn identifiers zoals twitter card tags of og-tags in het HTML-bestand die bepalen hoe pagina’s getoond worden bij het delen, wat zorgt voor meer visibiliteit.
Hoe maak ik meta tags aan?
Een developer voegt code toe aan het HTML-bestand met parameters zoals de title tag, description tag en de gewenste afbeelding. CMS-tools maken dit tegenwoordig vaak automatisch mogelijk.
Welke sociale media gebruiken meta?
Grote platformen zoals Facebook, Twitter en LinkedIn gebruiken deze tags om de weergave van gedeelde links te optimaliseren en de engagement te verhogen.
Is een meta tag noodzakelijk?
Ja, ze zijn cruciaal voor online marketing. Ze bepalen de uitstraling van je content op sociale platformen en zorgen dat de juiste afbeelding en titel getoond worden.
Hoe vind ik meta tags?
Je kunt de HTML van een site inspecteren of tools gebruiken zoals de Facebook Debugger om specifieke eigenschappen zoals og:image of og:type te zien.
Hoeveel meta tags moet ik gebruiken?
Focus op de essentie: og:title, og:image, og:url en Twitter card tags. Kwaliteit is belangrijker dan kwantiteit bij het optimaliseren van je social exposure.
Wat is een Facebook meta tag?
Een Facebook meta tag, zoals meta property=”og:title”, maakt deel uit van het Open Graph protocol en bepaalt hoe je webpagina’s verschijnen op Facebook.
Wat is de meta property og:title content?
Dit definieert de titel van je pagina zoals deze verschijnt bij het delen op platformen zoals Facebook.
Wat is de meta property og:image content?
Dit specificeert de URL van de afbeelding die getoond wordt wanneer je content gedeeld wordt op sociale media.
Wat is de meta property og:type content?
Dit bepaalt het type content (bijv. artikel, website), wat platformen helpt om het correct te categoriseren en weer te geven.
Wat is metadata? 3 voorbeelden?
Voorbeelden van metadata zijn de description tag, gebruikersidentificerende variabelen en de og:image tag voor het selecteren van de juiste afbeelding.
