SERP Preview

Dowiedz się, jak Twoja strona wygląda w wynikach Google na komputerze i urządzeniach mobilnych.

SERP Preview — Jak strona wygląda w Google

Podgląd snippetu Twojej strony w Google dla Desktop i Mobile. Sprawdź długość Title i Description, favicon, URL. Upewnij się, że Twój snippet jest atrakcyjny i nie jest obcięty.

Dokładny co do piksela podgląd Google Desktop
Dokładny co do piksela podgląd Google Mobile
Sprawdzanie długości tytułu w pikselach
Sprawdzanie długości opisu
Wyświetlanie favicon i URL
Automatyczne ładowanie danych z URL

Jak korzystać

  1. Wpisz URL do podglądu snippetu
  2. Sprawdź jak snippet wygląda w Google Desktop i Mobile
  3. Optymalizuj Title i Description dla maksymalnego CTR

FAQ

Google wyświetla Title do ~600 pikseli (około 50-60 znaków). Na mobile — do ~480px. Jeśli dłuższy, Google obcina wielokropkiem lub przepisuje.

Tak, Google może przepisać Title i Description, jeśli uzna je za nieistotne. Aby to zminimalizować, pisz dokładne i odpowiednie meta tagi.

Podgląd wyniku w Google: co pokazuje narzędzie

Wpisz adres strony, a narzędzie pobierze jej HTML (z przekierowaniami, bez wykonywania JavaScriptu), odczyta znacznik <title> i meta name="description", po czym narysuje dwie karty wyniku: na komputer i na telefon. W linii adresu widać domenę i maksymalnie trzy segmenty ścieżki, obok — favicon, który Google zna już dla tej domeny. Pod podglądem jest edytor: zmieniasz tytuł i opis, a karty odświeżają się na bieżąco; paski pod polami pokazują, ile zalecanej długości wykorzystano.

Tabela zaleceń sprawdza długość title (30–60 znaków), długość description (120–160) oraz obecność og:title, og:image i adresu kanonicznego. Data przed opisem to tylko wypełniacz z dzisiejszą datą — prawdziwą Google bierze ze strony lub danych strukturalnych i pokazuje ją nie zawsze.

Jeśli tytuł ustawia JavaScript (aplikacja React lub Vue bez renderowania po stronie serwera), podgląd pokaże to, co zwraca serwer — często pusty albo ogólny title. Google renderuje JS, ale z opóźnieniem, więc title i description najlepiej mieć od razu w HTML.

Z czego Google składa snippet

  • Link tytułowy. Podstawą jest <title>, ale Google bierze pod uwagę także H1 i inne wyraźne nagłówki, og:title oraz anchory linków prowadzących do strony — i może użyć któregoś z nich.
  • Nazwa witryny i favicon. Nazwa wynika ze strony głównej; można ją podpowiedzieć danymi strukturalnymi WebSite (name). Favicon powinien być kwadratowy, o boku będącym wielokrotnością 48 px i dostępny dla robota — sprawdzisz to w teście faviconu.
  • Adres lub ścieżka nawigacyjna. Na komputerze — ścieżka URL lub breadcrumbs z BreadcrumbList. W wynikach mobilnych od 2025 roku Google pokazuje tylko domenę.
  • Opis. Niekoniecznie Twój meta description — Google dobiera fragment do konkretnego zapytania.

Długość title i description: znaki a piksele

Google nie podaje limitów w znakach. O ucięciu decyduje szerokość tekstu w pikselach: „W” czy „M” są dużo szersze niż „i” czy „l”, więc dwa tytuły po 60 znaków mogą urwać się w innych miejscach. Edytor liczy znaki — to wygodna miara z zapasem. Gdy tytuł jest blisko granicy, patrz na samą kartę: wielokropek pojawi się tam, gdzie tekst dojdzie do krawędzi.

ElementKomputerTelefonZasada praktyczna
Titleok. 600 px, zwykle 50–60 znakówprzechodzi do drugiej linii, ale pierwsze ~55 znaków widać zawszefraza i korzyść w pierwszych 50 znakach, marka na końcu
Descriptionok. dwóch linii, celuj w 150–160 znakówwęższa linia, pewnie czyta się ~120 znakówsedno i wezwanie do działania w pierwszych 120 znakach

Za długi opis nie grozi kara — zostanie po prostu ucięty. Gorzej, gdy najważniejsza informacja stoi na końcu i na telefonie nikt jej nie zobaczy.

Dlaczego Google pokazuje inny tekst niż Twój

Przepisany tytuł

Według dokumentacji Google tytuł bywa zastępowany, gdy jest:

  • prawie pusty („Strona główna”, „Bez tytułu”) albo identyczny na wielu podstronach;
  • nieaktualny (w title zeszły rok, na stronie bieżący);
  • niezgodny z treścią lub upchany frazami po przecinku;
  • wyraźnie inny niż H1 — wtedy Google często bierze właśnie H1.

Rozwiązanie: title, który dokładnie opisuje stronę i jest spójny z H1. Title, description i nagłówki jednej strony porównasz w analizie meta tagów.

Inny opis

Meta description jest używany tylko wtedy, gdy lepiej niż treść strony opisuje ją pod dane zapytanie. Przy długim ogonie snippet zwykle pochodzi z akapitu zawierającego słowa z zapytania. Dlatego pracuj na dwóch poziomach: dobry description dla fraz ogólnych i jasne pierwsze zdania sekcji dla długiego ogona.

Wyświetlaniem sterują dyrektywy: <meta name="robots" content="max-snippet:160"> ogranicza długość, nosnippet wyłącza snippet, a atrybut data-nosnippet wyklucza wybrany blok — przydatne przy często zmieniających się cenach.

Wyniki rozszerzone: co naprawdę dają dane strukturalne

Znaczniki sprawiają, że strona może dostać wynik rozszerzony, ale tego nie gwarantują. Kilka popularnych typów Google mocno ograniczył:

TypStan obecny
Product, Offer, AggregateRatingCena, dostępność, gwiazdki na kartach produktów — podstawa dla sklepów.
Review (gwiazdki)Nie są pokazywane dla opinii firmy o sobie samej na własnej stronie.
FAQPageOd sierpnia 2023 r. tylko dla uznanych serwisów rządowych i medycznych.
HowToWyniki rozszerzone wyłączone w 2023 r.
BreadcrumbListNa komputerze tak; na telefonie tylko domena.
Recipe, Event, VideoObjectCzas, daty, miniatury wideo — przy spełnieniu wytycznych.

Dane strukturalne muszą opisywać widoczną treść: gwiazdki bez widocznych opinii to naruszenie wytycznych. Kod JSON-LD przygotujesz w generatorze Schema.org, a kwalifikację sprawdzisz w oficjalnym teście wyników z elementami rozszerzonymi.

Jak napisać title i description, które przyciągają kliknięcia

Snippet konkuruje z dziewięcioma innymi. Wygrywa nie najdłuższy, lecz najbardziej konkretny: widać w nim, co użytkownik dostanie, i jest powód, by wybrać właśnie ten wynik. Szablony dla typowych stron:

StronaTitleDescription
Kategoria sklepuButy do biegania męskie — 340 modeli, dostawa 1–2 dni | ShopNike, Adidas, New Balance od ręki. Darmowy zwrot do 30 dni.
ArtykułJak wybrać buty do biegania: 7 parametrów i błędy początkującychAmortyzacja, drop, waga i krój — z tabelą według typu stopy i nawierzchni.
Usługa lokalnaNaprawa iPhone Kraków — wymiana ekranu w 40 minutGwarancja 6 miesięcy, darmowa diagnoza, naprawa na Twoich oczach.
  • Główna fraza na początku title, w formie, w jakiej ludzie jej szukają.
  • Liczby i konkrety (czas, liczba, cena, rok) działają lepiej niż przymiotniki „najlepszy” i „profesjonalny”.
  • Każda strona ma własny title — identyczne tytuły na paginacji i filtrach to dla Google powód do ich przepisania.
  • Description układaj według schematu: odpowiedź + powód + działanie. Cudzysłowy podwójne w content zamieniaj na &quot;, inaczej atrybut urwie się na pierwszym z nich.

Jak pracować ze snippetami

  1. W Search Console znajdź strony na pozycjach 1–10 z CTR niższym niż u stron na podobnych pozycjach. Wyjaśnienie metryk: wyświetlenia, kliknięcia i CTR.
  2. Otwórz każdą w podglądzie i przeczytaj jak użytkownik: czy wiadomo, co dostanie? Czy jest liczba, termin, cena, powód, by wybrać właśnie Ciebie?
  3. Przepisz title i description w edytorze i przenieś do CMS — w WordPressie pola Yoast lub Rank Math, w Shoper czy WooCommerce — sekcja SEO produktu lub strony.
  4. Poproś o ponowne zaindeksowanie w „Sprawdzeniu adresu URL” i porównaj CTR w równych okresach po 2–4 tygodniach. Zmieniaj jedną grupę stron naraz, żeby wiedzieć, co zadziałało.
Popraw pozycje w wyszukiwarce

Problemy SEO mogą kosztować Cię ruch. Kaskadowy link building poprawi widoczność strony w wyszukiwarce.

Kaskadowa promocja witryny linkami Bonus 30 $Linki zwrotne 5→50→5000 w ponad 100 serwisach. Start od 30 $, bonus 30 $ dla nowych.