🖥️ Podgląd SERP & fragmentu

Podgląd fragmentu SERP

Wpisz swój tytuł strony, meta opis i URL, aby zobaczyć na żywo, pikselowo dokładny podgląd wyników wyników Google na pulpicie i w telefonie komórkowym, z ostrzeżeniami o trunkcation zanim klikniesz.

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

Jak stosować podgląd SERP

Cztery szybkie kroki do wycisku, który pokazuje w pełni i zarabia kliknięcie.

1

Wpisz tytuł strony

Wpisz tag tytułu, który planujesz użyć. Liczniki znaków i pikseli aktualizują na żywo, aby zobaczyć, jak blisko jesteś do ograniczenia pulpitu Google ~600px.

2

Dodaj adres URL i meta opis

Wklej URL strony i napisz opis meta. Podgląd wyświetla chlebcrumb, niebieski tytuł i szary ślad dokładnie jak prawdziwy wynik.

3

Przełączanie między pulpitem a mobilnym

Włącza/ wyłącza karty pulpitowe i mobilne, aby sprawdzić oba układy, ponieważ mobilny używa wąższej kolumny i owija tytuły na więcej linii.

4

Ustawić ostrzeżenia o śrubowaniu

Edytuj aż chipy ostrzegawcze staną się zielone. Podaj wszystko, co jest zasłonięte, tak, że Google pokazuje pełny tytuł i opis zamiast elipsy.

Pytania dotyczące serii SERP

Google skrzynia tytułu pulpitu połączy się w około 600 pikseli, a nie w stałej liczbie znaków, ponieważ szerokie znaki jak W i M zajmują więcej miejsca niż wąskie, jak i l. Narzędzie to mierzy rzeczywistą wyświetloną szerokość pikseli, tak że można zobaczyć dokładnie, gdzie zostanie odcięty tytuł.
Google zwykle wyświetla około 920 pikseli metaopisu na pulpicie (około 155 do 160 znaków) i mniej na mobilu. Wszystko dłuższe jest skrócone elipsą. Podgląd pokazuje zarówno pulpit i ruchome trunkcation na żywo pod warunkiem wpisania.
Wyniki mobilne używają wąższej kolumny i innej wielkości czcionki, więc tytuły zawijają na więcej linii i opisy są krótsze. Narzędzie to sprawia, że obu układów jest bocznie, tak aby można było zoptymalizować dla każdego.
Nie. Podgląd działa w całości w przeglądarce za pomocą Canvas mearyment API. Nic nie jest wysłane, zalogowane lub przechowywane, więc można bezpiecznie sprawdzić nieopublikowane strony i wewnętrzne URL.

Dla programistów

Podgląd SERP działa 100% na stronie klienta — pomiar pikseli odbywa się w Twojej przeglądarce, więc nic, co wpisujesz, nie jest nigdy wysłane.

✓ Prywatny według projektu – brak przejazdu serwera okrągłego

Truncation jest mierzona tak samo, jak przeglądarka rysuje tekst – z Canvas mearText API. Oto podstawowy pomysł można wpaść do własnego rurociągu budowy:

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

Potrzeba tego na skali – sprawdzanie partii tysięcy tytułów z CMS lub CI? Dostępny REST API dla naszych narzędzi SEO jest dostępny w płatnych planach. Zob. plany →