Pregled SERP-a
Utipkajte naslov stranice, meta opis i URL da biste vidjeli live, piksela precizan pregled vašeg Google rezultata na desktopu i mobilnom telefonu, sa upozorenjima o skraćivanju prije nego što vas koštaju klikove.
Kako koristiti SERP pregled
Četiri brza koraka do isječka koji se prikazuje u cijelosti i zaslužuje klik.
Unesite naslov stranice
Unesite oznaku naslova koju planirate koristiti. Brojači znakova i piksela ažuriraju se uživo tako da možete vidjeti koliko ste blizu Googleovom ograničenju ~600px desktopa.
Dodaj URL i meta opis
Zalijepite URL stranice i napišite meta opis. Pregled prikazuje breadcrumb, plavi naslov i sivi fragment baš kao pravi rezultat.
Prebacivanje između desktopa i mobilnog
Prebacite kartice Desktop i Mobile da biste provjerili oba izgleda, jer mobilni koristi užu kolonu i omata naslove na više linija.
Ispravi upozorenja o skraćivanju
Uređujte dok čipovi upozorenja ne postanu zeleni. Odrežite sve što je označeno kao preširoko tako da Google prikazuje vaš puni naslov i opis umjesto tri tačke.
SERP snippet pitanja
Za programere
Ovaj SERP pregled radi 100% na klijentskoj strani - mjerenje piksela se dešava u vašem pregledniku, tako da se ništa što upišete nikad ne prenosi.
✓ Privatno po dizajnu — nema povratnog putovanja servera
Skraćenje se mjeri na isti način na koji preglednik crta tekst — sa Canvas measureText API. Ovdje je osnovna ideja koju možete ubaciti u svoj vlastiti 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'));Potrebno je ovo u velikom opsegu - provjera hiljada naslova iz vašeg CMS-a ili CI? Hosted REST API za naše SEO alate je dostupan na plaćenim planovima. Vidi planove →