Open Graph tags voor betere SEO en social sharing

Wat zijn Open Graph tags?

Open Graph (OG) tags zijn meta-tags in de HTML-head die bepalen hoe een pagina wordt weergegeven wanneer iemand een link deelt op platforms zoals LinkedIn, Facebook of WhatsApp. Zonder deze tags kiezen sociale platformen zelf een titel, beschrijving en afbeelding — vaak met een ongewenst resultaat.

Wat is er veranderd?

De base.html.twig template bevatte al een <meta name="description">, maar miste Open Graph tags. We hebben de volgende tags toegevoegd:

• og:title — de paginatitel, standaard gelijk aan de <title>
• og:description — de beschrijving, standaard gelijk aan de meta description
• og:type — website voor reguliere pagina's, article voor blogposts
• og:url — de volledige URL van de huidige pagina
• og:locale — nl_NL, passend bij de taal van de site
• og:site_name — HV Software & TH-ING

Alle OG-tags zijn overridable via Twig-blocks, zodat individuele pagina's (zoals blogposts) hun eigen waarden kunnen meegeven. Blogposts gebruiken nu automatisch de post-titel en het excerpt als OG-metadata.

Waarom is dit belangrijk?

Goede metadata verbetert niet alleen de zichtbaarheid in zoekmachines (SEO), maar zorgt ook voor professionele en herkenbare links wanneer iemand een pagina deelt. Een kleine technische investering met een groot effect op vindbaarheid en uitstraling.