SERP Snippet Förhandsgranskning
Skriv din sidtitel, metabeskrivning och URL för att se en live, pixel-accurate förhandsvisning av ditt Google resultat sippet på skrivbordet och mobil, med trunkering varningar innan de kostar du klickar.
Hur du använder SERP- förhandsvisningen
Fyra snabba steg till en sippett som visar sig i sin helhet och tjänar klicket.
Ange sidtitel
Skriv in namnbrickan du planerar att använda. Karaktärs- och pixelräknaren uppdaterar live så att du kan se hur nära du är Googles ~600px skrivbordsgräns.
Lägg till din URL och meta beskrivning
Klistra in sidans URL och skriv metabeskrivningen. Förhandsgranskningen gör brödsmulan, den blå titeln och den gråa snippan exakt som ett verkligt resultat.
Byt mellan skrivbord och mobil
Växla fliken Skrivbord och mobil för att kontrollera båda layouterna, eftersom mobilen använder en smalare kolumn och sveper in titlar på fler rader.
Rätta varningarna för trunkering
Redigera tills varningschipsen blir gröna. Trimma allt som är för brett så Google visar din fullständiga titel och beskrivning i stället för en ellips.
SERP-frågor
För utvecklare
Denna SERP-förhandsgranskning körs 100% klient-sida — pixel mätningen sker i din webbläsare, så inget du skriver laddas upp.
✓ Privat enligt design – ingen server-runda
Trunkering mäts på samma sätt som webbläsaren ritar text — med Canvas measurText API. Här är kärnidén du kan släppa in i din egen bygg pipeline:
// 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'));Behöver du detta i skala – batch-kontroll tusentals titlar från din CMS eller CI? En värd REST API för våra SEO-verktyg finns på betalda planer. Se planer →