SERP- forhåndsvisning af stump
Skriv din sidetitel, metabeskrivelse og URL for at se en live, pixel-præcis forhåndsvisning af din Google resultat-snippet på skrivebordet og mobil, med trunkation advarsler, før de koster dig klikker.
Sådan bruger du SERP- forhåndsvisningen
Fire hurtige skridt til en stump, der viser i fuld og tjener klik.
Indtast din sidetitel
Skriv titelmærket du planlægger at bruge. Tegn og pixeltællere opdaterer live, så du kan se hvor tæt du er på Googles ~ 600px desktop grænse.
Tilføj din URL og meta beskrivelse
Indsæt sidens URL og skriv metabeskrivelsen. Forhåndsvisningen gør brødkrumme, blå titel og grå stump præcis som et rigtigt resultat.
Skift mellem skrivebord og mobil
Slå faner til og fra skrivebord og mobil til at kontrollere begge layouts, da mobil bruger en snævrere kolonne og ombryder titler på flere linjer.
Rettelse af trunkation advarsler
Redigér indtil advarselschipsene bliver grønne. Trim noget markeret som for bredt, så Google viser din fulde titel og beskrivelse i stedet for en ellipse.
SERP-spørgsmål
Til udviklere
Dette SERP-forhåndsvisning kører 100% klient-side! pixel målingen sker i din browser, så intet du skriver nogensinde uploades.
✓ Privat efter design ! ingen server round-trip
Truncation måles på samme måde browseren trækker tekst! med Canvas foranstaltningText API. Her er den centrale idé, du kan falde ind i din egen byggerørledning:
// 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'));
Har du brug for dette på skala • batch-tjekke tusindvis af titler fra din CMS eller CI? En hosted REST API for vores SEO værktøjer er tilgængelig på betalte planer. Se planer →