SERP-knippervoorbeeld
Typ uw paginatitel, metabeschrijving en URL om een live, pixel-accurate preview van uw Google-resultaat knipsel op desktop en mobiel te zien, met afkapping waarschuwingen voordat ze u klikken kosten.
Hoe gebruik je de SERP-voorbeeld
Vier snelle stappen naar een knipsel dat volledig toont en verdient de klik.
Voer uw paginatitel in
Typ de titeltag die u wilt gebruiken. Het teken en de pixel tellers update live, zodat u kunt zien hoe dicht u bent bij Google's ~ 600px desktop limiet.
Voeg uw URL en meta beschrijving toe
Plakken de pagina URL en schrijf de meta beschrijving. De preview geeft de broodkruimel, blauwe titel en grijs knipsel precies als een echt resultaat.
Schakelen tussen bureaublad en mobiel
Schakel de tabbladen Desktop en Mobile in om beide lay-outs te controleren, aangezien mobiele bestanden een smallere kolom gebruiken en titels op meer regels inpakken.
De afkapwaarschuwingen herstellen
Bewerken tot de waarschuwingschips groen worden. Alles oplichten dat te breed is gemarkeerd zodat Google uw volledige titel en beschrijving toont in plaats van een ellipsis.
SERP-knipselsvragen
Voor ontwikkelaars
Deze SERP preview draait 100% client-side.. de pixel meting gebeurt in uw browser, zodat niets wat u typt ooit is geüpload.
✓ Privé op ontwerp
Truncation wordt gemeten op dezelfde manier als de browser tekst tekent.. met de Canvas maatregelText API. Hier is het kernidee dat je kunt vallen in uw eigen bouwpijplijn:
// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
ctx.font = font;
return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));Moet dit op schaal.. batch-controle duizenden titels van uw CMS of CI? Een gehoste REST API voor onze SEO-tools is beschikbaar op betaalde plannen. Zie plannen →