Softonic

OG-tags debugger

Stap 1 / 3
Volgende

Als je linkpreview leeg of fout is, zijn de og-tags in de broncode het eerste om te debuggen. Plak de HTML en de tool laat precies zien welke tags hij kan lezen en welke waarde elk heeft, zodat een ontbrekende of lege tag meteen opvalt.

Zo debug je je og-tags

  1. 1

    Gebruik view-source

    Open de broncode van de pagina, niet de inspector van de browser, en kopieer de head. Crawlers lezen de ruwe respons.

  2. 2

    Plak en voer uit

    Plak hem in het vak Page head HTML, klik op Volgende en daarna op Resultaten.

  3. 3

    Zoek de rode onderdelen

    Elk rood item onder de zes controles is een tag die de tool niet uit je markup kon lezen.

  4. 4

    Vind de oorzaak

    Vergelijk de afgedrukte waarden met de lijst hieronder, repareer de head en plak hem opnieuw.

De gebruikelijke redenen waarom een tag niet wordt gelezen

Als een tag die je in de head ziet als ontbrekend wordt gemeld, ligt de oorzaak bijna altijd bij een van deze punten:

Symptoom Waarschijnlijke oorzaak Oplossing
og:title staat rood De tag gebruikt name="og:title" Verander name in property
De tag ontbreekt, maar de waarde ziet er goed uit De waarde heeft geen aanhalingstekens Zet de waarde van content tussen aanhalingstekens
De tag is rood, alleen in de inspector JavaScript voegt de tag toe Zet hem in de HTML van de server
De tag is groen, maar er wordt lege tekst afgedrukt Het attribuut content is leeg Vul de waarde in
De tag is afgekapt of ontbreekt Een niet-geëscapet > in de content-waarde Schrijf het als >
De afbeelding staat met een pad als /img/a.jpg Relatief adres Gebruik het volledige https://-adres

Dingen die je kunnen misleiden

Een paar dingen kunnen je misleiden:

  • Uitgecommentarieerde tags worden toch gelezen. De checker analyseert de tekst die je plakt, dus een tag binnen een HTML-commentaar kan groen lijken terwijl een browser of crawler hem negeert. Verwijder oude uitgecommentarieerde code voordat je test.
  • Dubbele tags. Als dezelfde tag twee keer voorkomt, toont de lijst één waarde, de laatst gevonden. Zoek in je head naar herhalingen, die vaak komen van een thema en een plugin die allebei tags toevoegen.
  • Lege waarden. Alleen og:title en og:description falen als ze leeg zijn. Andere tags tellen als aanwezig zodra ze bestaan, dus lees de afgedrukte waarden om lege velden te vinden.

Een korte debugroutine

  1. Plak de head en noteer de rode onderdelen.
  2. Repareer de markup in je sjabloon, niet in de geplakte kopie.
  3. Herlaad de pagina, kopieer de broncode opnieuw en plak de nieuwe versie.
  4. Herhaal tot alle zes controles groen zijn en de afgedrukte waarden kloppen.

Omdat deze tool tekst leest en niet de live pagina, vertelt hij je niet of het adres van de afbeelding een fout geeft of of de pagina doorverwijst. Open het og:image-adres in je browser om te bevestigen dat het laadt.

Als alle zes controles groen zijn en de preview toch fout is

De markup kan in orde zijn terwijl iets anders faalt. Controleer of het afbeeldingsadres zonder login in de browser opent, of de pagina niet doorverwijst naar een ander adres met andere tags, en of het platform geen gecachte kopie van een eerdere scrape toont. Deze oorzaken liggen buiten de markup, dus de tool kan ze niet tonen, maar een schoon resultaat hier beperkt het zoeken tot precies die oorzaken.

Veelgestelde vragen

De tool analyseert de ruwe tekst die je plakt, inclusief HTML-commentaar. Verwijder uitgecommentarieerde tags voordat je test.

De resultaten tonen één waarde per tagnaam, de laatst gevonden. Verwijder het duplicaat zodat er geen onduidelijkheid is.

Hij toont de pagina nadat scripts zijn uitgevoerd. Crawlers lezen meestal de ruwe HTML-respons, dus debug met view-source.

Nee. Hij leest alleen de geplakte markup. Hij ziet geen doorverwijzingen, geblokkeerde verzoeken of een afbeelding die niet laadt.

Gerelateerde tools

Indexerbaarheidscontrole

Controleer of een URL indeksbaar is: robots.txt, meta robots, X-Robots-tag, canonische signalen en HTTP-status.

UTM Link Builder

Bouw campagne-trackinglinks met de UTM-parameters source, medium, campaign, term en content. Schone, URL-gecodeerde links, klaar voor advertenties en nieuwsbrieven.

UTM-parser

Plak een campagne-URL en lees de vijf standaard UTM-tags (source, medium, campaign, term en content) met elke waarde gedecodeerd. Een snelle manier om een trackinglink te controleren voordat je hem verstuurt.

Breadcrumb schema-generator

Genereer geldige BreadcrumbList JSON-LD voor elke paginahiërarchie. Maakt schema.org-markup die klaar is om in de head van je site te plakken.

Beveiligingsheader-analyser

Plak je HTTP-responsheaders en krijg geprioriteerd advies over de beveiligingsheaders die ertoe doen: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy en meer.

SERP-voorbeeld

Bekijk een Google-zoekresultaat voordat je publiceert. Live tekentellers waarschuwen bij te lange titels en metabeschrijvingen, en een fragment in Google-stijl laat zien hoe je resultaat oogt.

Tool beschikbaar in andere talen

Handleidingen en toepassingen