Forhåndsvisning av SERP- bit
Skriv inn sidetittel, metabeskrivelse og URL for å se en levende, pikselnok forhåndsvisning av Google-resultatbiten på skrivebordet og i mobilen, med treningsadvarsler før du trykker.
Hvordan forhåndsvisningen av SERP skal brukes
Fire raske steg til en tekstbit som viser fullt og tjener klikk.
Oppgi din sidetittel
Skriv inn tittel- taggen du vil bruke. Tegnet og pikseltellerne oppdateres live slik at du kan se hvor nær du er Googles skrivebordsgrense for ~ 600px.
Legg til din URL og metabeskrivelse
Lim inn sideadressen og skriv metabeskrivelsen. Forhåndsvisningen viser brødkrummen, blå tittelen og gråbiten akkurat som et ekte resultat.
Bytt mellom skrivebord og mobilt
Slå på/ av visning av begge oppsettene på skrivebordet og Mobile- fanene, siden mobilen bruker en smalere kolonne og bryter titlene på flere linjer.
Rett opp treningsadvarsler
Rediger til varselbrikkene blir grønne. Trim alt som er markert som for bredt, så Google viser din fulle tittel og beskrivelse i stedet for en ellipse.
Spørsmål om SERP-snutt
Til utviklere
Denne forhåndsvisningen av SERP kjører 100% klientside – pikselmålingen skjer i nettleseren din, så ingenting du skriver blir noen gang lastet opp.
✓ Konstrukt privat — ingen rundtur på serveren
Trening måles på samme måte som nettleseren tegner tekst – med Canvas måletekst API. Her er kjernen i ideen om at du kan hoppe ned i ditt eget byggerør:
// 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'));
Krever dette i skala – å sjekke tusenvis av titler fra CMS eller CI? På betalingsplanene finnes et REST API for våre SEO- verktøy. Se planer →