🖥️ SERP flentervoorskou

SERP Intekeningvoorskou

Tik jou bladsytitel, metabeskrywing en Url om 'n lewende, pixel-juiste voorskou van jou Google te sien, sal dit flenter op werkskerm en mobieles veroorsaak, met terugsoektogwaarskuwings voor dit jou klieke kos.

0 chars · 0px
0 chars · 0px
e
example.com
https://example.com

Hoe om die SERP - voorskou te gebruik

Vier vinnige stappe na 'n flenter wat in volle en verdien die kliek.

1

Invoer jou bladsy titel

Tik die titeletiket wat jy beplan om te gebruik. Die karakter en pixel tellers bly sodat jy kan sien hoe naby jy is aan Google se ~600x werkskerm beperk.

2

Voeg by jou URL en meta beskrywing

Plak die bladsy URL en skryf die meta beskrywing. Die voorskou gee die broodkrumb, blou titel en grys flenter presies soos 'n ware resultaat.

3

Wissel tussen werkskerm en mobiele

Wissel die Werkskerm en draagbare oortjies om te toets of beide uitlegte gemaak is, aangesien die selfoon gebruik 'n smaler kolom en titels oorvloei op meer lyne.

4

Stel die waarskuwings oor die wring reg

Redigeer totdat die waarskuwing skyfies groen word. Trim enigiets gemerk as te wyd so Google wys jou volledige titel en beskrywing in plaas van 'n ellipse.

ERP flentervrae

Google Buncces werkskerm titel skakel na ongeveer 600 pixels, nie 'n vaste karakter tel nie, want wye karakters soos W en M neem meer ruimte as nous soos i en l. Hierdie program meet die ware vertaal pixel wydte sodat jy kan sien presies waar jou titel sal wees afgesny.
Google vertoon gewoonlik omstreeks 920 pixels van meta beskrywing op werkskerm (ongeveer 155 tot 160 karakters) en minder op die selfoon. Enigiets langer is afgeknot met 'n ellipse. Die voorskou vertoon die werkskerm sowel as die mobiele traunsie lewe soos jy tik.
Selfoonuitslae gebruik 'n smaler kolom en 'n ander skrif tipe grootte, sodat titels oorvloei op meer lyne en beskrywings word korter. Hierdie program gee beide uitlegte langs mekaar sodat jy vir elkeen optimal kan word.
Nee. Die voorskou loop geheel en al in jou blaaier deur te gebruik die Kanvas teks- veting API. Niks wat jy tipe is opgelaai, gelog of gestoor, sodat jy veilig kan toets ongepubleerde bladsye en intern Urls.

Vir ontwikkelaars

Hierdie SERP voorskou loop 100% kliÃ"nt-side 0°) die pixel meeting gebeur in jou blaaier, sodat niks wat jy tipe is ooit opgelaai word.

✓ Privaat deur ontwerp ervit geen bediener rond-trip

Trukvorming word gemeet dieselfde manier waarop die blaaier teks ${ trek met die Kanvas maatTex API. Hier is die kern idee wat jy kan laat val in jou eie bou pyp:

// 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'));

Het dit nodig op skaal illa ran-uitvoer duisende titels van jou CMS of CI? 'n Gegasheerde REST API vir ons SeO-gereedskap is beskikbaar op betaalde planne. Sien planne →