🖥️ SERP & náhľad úryvku

Náhľad SERP útržku

Zadajte názov stránky, meta popis a URL adresu a zobrazí sa živá ukážka úryvku výsledkov Google s presnosťou na pixely na počítačoch a mobilných zariadeniach s upozorneniami na skrátenie predtým, ako vás to bude stáť kliknutia.

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

Ako používať ukážku SERP

Štyri rýchle kroky k úryvku, ktorý sa zobrazí v plnom rozsahu a získa kliknutie.

1

Zadajte názov vašej stránky

Počítadlá znakov a pixlov sa aktualizujú naživo, takže môžete vidieť, ako blízko ste k limitu Googlu pre počítače vo veľkosti ~600 px.

2

Pridajte svoju URL adresu a meta popis

V náhľade sa zobrazí breadcrumb, modrý názov a sivý úryvok, ktorý je vykreslený presne ako skutočný výsledok.

3

Prepínanie medzi počítačom a mobilným zariadením

Prepnite karty Počítač a Mobilné zariadenia a skontrolujte obe rozloženia, pretože mobilné zariadenia používajú užší stĺpec a nadpisy sa zalamujú do viacerých riadkov.

4

Opravte upozornenia na skrátenie

Orežte všetko, čo je označené ako príliš široké, aby Google zobrazoval celý názov a popis namiesto trojbodky.

Otázky týkajúce sa útržku SERP

Google skráti odkazy na názvy v počítačoch približne na 600 pixelov, nie na pevný počet znakov, pretože široké znaky ako W a M zaberajú viac miesta ako úzke znaky ako i a l. Tento nástroj meria skutočnú vykreslenú šírku pixelov, takže presne vidíte, kde bude váš názov skrátený.
Google zvyčajne zobrazuje približne 920 pixelov meta popisu v počítačoch (približne 155 až 160 znakov) a menej v mobilných zariadeniach. Všetky dlhšie popisy sa skrátia pomocou tri bodky. Náhľad zobrazuje skrátenie v počítačoch aj mobilných zariadeniach počas písania.
Výsledky pre mobilné zariadenia používajú užší stĺpec a inú veľkosť písma, takže nadpisy sa zalamujú do viacerých riadkov a popisy sa skrátia. Tento nástroj vykresľuje obe rozloženia vedľa seba, aby ste mohli optimalizovať pre každé z nich.
Náhľad sa spustí úplne vo vašom prehliadači pomocou rozhrania Canvas text-measurement API. Nič, čo zadáte, sa nenahrá, nezaznamená ani neukladá, takže môžete bezpečne testovať nepublikované stránky a interné URL.

Pre vývojárov

Táto ukážka SERP je 100% klientská – meranie pixelov sa deje vo vašom prehliadači, takže nič, čo zadáte, sa nikdy nenahrá.

✓ Súkromné už od návrhu – žiadne spiatočné servery

Skrátenie sa meria rovnakým spôsobom, ako prehliadač kreslí text – pomocou Canvas measureText API.Tu je základná myšlienka, ktorú môžete vložiť do svojho vlastného build 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'));

Potrebujete to v rozsahu - dávková kontrola tisícov titulov z vášho CMS alebo CI?Hostované REST API pre naše SEO nástroje je k dispozícii v platených plánoch. Pozrite si plány →