🖥️ SERP & náhled snippet

SERP Snippet Preview

Zadejte název stránky, meta popis a URL, abyste viděli živý, pixelově přesný náhled výsledku vašeho Google snippet na ploše a mobilní, s redukcí varování před tím, než vás to bude stát kliknutí.

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

Jak použít náhled SERP

Čtyři rychlé kroky k úryvku, který zobrazí v plné výši a vydělává kliknutí.

1

Zadejte název stránky

Zadejte název značky, kterou plánujete použít. Postava a pixely se update live, takže můžete vidět, jak blízko jste k omezení plochy Google ~600px.

2

Přidat URL a meta popis

Vložit stránku URL a napsat meta popis. Preview zobrazí drobeček, modrý název a šedý střih přesně jako skutečný výsledek.

3

Přepínání mezi plochou a mobilním

Přepnout na záložky Desktop a Mobile pro kontrolu obou dispozic, protože mobilní používá užší sloupec a zabalí tituly na více řádků.

4

Opravte varování o krácení

Upravit, dokud varovné čipy zezelenají. Vystřihněte cokoliv označené jako příliš široké, takže Google ukazuje váš celý název a popis místo elipsy.

SERP ustřihnuté otázky

Google okrouhuje titulní odkazy na plochu na zhruba 600 pixelů, ne na pevný počet znaků, protože široké znaky jako W a M mají více prostoru než úzké, jako jsou i a l. Tento nástroj měří skutečnou šířku vykresleného pixelu, takže můžete vidět přesně, kde bude váš titul odříznut.
Google obvykle zobrazuje kolem 920 pixelů meta popisu na ploše (asi 155 až 160 znaků) a méně na mobilním. Cokoliv delšího je zkráceno elipsou. Preview zobrazuje jak desktop, tak mobilní okružní live jako vy.
Mobilní výsledky používají užší sloupec a jinou velikost písma, takže tituly se zabalí na více řádků a popisy jsou kratší. Tento nástroj vykresluje obě rozložení bok po boku, takže můžete optimalizovat pro každý.
Ne. Preview běží zcela ve vašem prohlížeči pomocí aplikace Canvas text-measurement API. Nic, co napíšete, není nahráno, přihlášeno nebo uloženo, takže můžete bezpečně otestovat nepublikované stránky a interní URL adresy.

Pro vývojáře

Tento náhled SERP běží 100% klient-side díry měření pixelů se děje ve vašem prohlížeči, takže nic, co jste napsat nikdy nenahrál.

✓ Soukromé designem? bez serveru kruhové cesty

Křižování se měří stejným způsobem, jakým prohlížeč čerpá text? s Canvas measureText API. Zde je základní myšlenka, kterou můžete vložit do vlastního build ropeline:

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

Potřebujete to v měřítku? Válec kontroly tisíce titulů z vašeho CMS nebo CI? Hostovaný REST API pro naše SEO nástroje je k dispozici na placené plány. Viz plány →