Dla firm i sklepów
Podgląd wyniku Google i linku w social media
Wpisz adres, tytuł i opis strony, a zobaczysz wynik Google z ucięciem liczonym w pikselach oraz karty linku w social media z kadrem obrazka og:image. Na końcu skopiujesz gotowe znaczniki title, description i Open Graph.
Za darmoBez logowaniaDziała w przeglądarcePliki zostają na urządzeniu
Podgląd w Google
Komputer
Chleb na zakwasie - przepis krok po kroku dla początkujących
Telefon
Chleb na zakwasie - przepis krok po kroku dla początkujących
Ucięcie liczymy w pikselach czcionką Arial (tytuł 20 px do ok. 600 px, opis 14 px do ok. 920 px na komputerze i ok. 680 px na telefonie). To przybliżenie z narzędzi SEO - Google nie podaje stałych limitów, a czasem sam zmienia tytuł lub opis.
Podgląd linku w social media
X
Discord
Messenger
Karty są uproszczone (bez logo aplikacji) i pokazują układ, kadr i długość tekstów. Proporcje: Facebook, Messenger i LinkedIn 1,91:1 (zalecane 1200 × 630 px), X z dużym obrazkiem 2:1, WhatsApp - mała kwadratowa miniatura, Discord - duży obrazek przy karcie summary_large_image. Wygląd w aplikacjach zmienia się co kilka miesięcy.
Uwagi
Znaczniki do sekcji head
WordPress z wtyczką SEO (Yoast, Rank Math, All in One SEO) dodaje te znaczniki sam - wpisz wtedy tytuł, opis i obrazek w polach wtyczki, a kodu nie wklejaj, bo znaczniki się zdublują.
Po publikacji: odśwież podgląd w serwisach
- Debuger udostępniania Facebooka - pokazuje, co Facebook odczytał ze strony, i po kliknięciu przycisku ponownego pobrania (Scrape Again) odświeża zapamiętany podgląd. Działa też dla Messengera.
- LinkedIn Post Inspector - odświeża podgląd dla nowych postów; posty opublikowane wcześniej zostają ze starym obrazkiem.
- X i Discord odświeżają kartę samodzielnie po pewnym czasie. Szybki sposób na nowy podgląd to dopisanie parametru do adresu, np. ?v=2.
Dalej: Rozmiary zdjęć Kompresja zdjęć Generator favicon Linki UTM
Podgląd wyników Google pokazuje, jak tytuł i opis Twojej strony będą wyglądać w wyszukiwarce na komputerze i na telefonie - i w którym miejscu Google je utnie. Narzędzie mierzy tekst w pikselach, tak jak robi to wyszukiwarka, a obok rysuje karty linku z Facebooka, Messengera, LinkedIn, X, WhatsAppa i Discorda z kadrem obrazka og:image. Na końcu dostajesz gotowe znaczniki meta do sekcji head. Nie pobieramy niczego spod wpisanego adresu: dane wklejasz sam, więc narzędzie działa też dla stron, których jeszcze nie opublikowałeś.
Jak sprawdzić podgląd strony
- Wpisz adres strony, tytuł (title) i opis (meta description). Pod polami zobaczysz liczbę znaków i szerokość w pikselach z paskiem, który robi się żółty przy granicy i czerwony po jej przekroczeniu.
- Dodaj nazwę witryny - Google wyświetla ją nad adresem, a social media przy karcie linku.
- Wgraj obrazek z urządzenia, żeby zobaczyć, jak zostanie przycięty na każdej platformie. Plik nie opuszcza komputera ani telefonu. W polu og:image wpisz adres tego samego obrazka na Twojej stronie.
- Przeczytaj uwagi: narzędzie ostrzeże o uciętym tytule, zbyt krótkim opisie, powtórzonej nazwie marki, małym obrazku albo parametrach śledzących w adresie.
- Skopiuj znaczniki i wklej je do sekcji head - albo przepisz tytuł i opis do pól wtyczki SEO, jeśli masz WordPressa.
Podgląd wyników Google: ile znaków ma tytuł i opis
Google nie podaje sztywnych limitów. W dokumentacji Search Central pisze, że opis jest skracany „w razie potrzeby”, zwykle do szerokości ekranu, a długi tytuł - ucinany. Liczy się więc szerokość tekstu w pikselach, a nie liczba znaków: „mmm” zajmuje kilka razy więcej miejsca niż „iii”. Narzędzia SEO przyjmują podobne przybliżenia, i takich używamy:
| Element | Czcionka | Widać mniej więcej | Typowa zalecana długość |
|---|---|---|---|
| Tytuł (komputer) | Arial 20 px | ok. 600 px | 50-60 znaków |
| Opis (komputer) | Arial 14 px | ok. 920 px (dwie linie) | 120-155 znaków |
| Opis (telefon) | Arial 14 px | ok. 680 px | do ok. 120 znaków |
Na telefonie tytuł może zawinąć się do dwóch-trzech linii, więc często widać go dłużej niż na komputerze. Dlatego tytuł mierzymy ostrożniej, według szerokości z komputera. Pamiętaj też, że Google czasem sam przepisuje tytuł albo bierze opis z treści strony, gdy uzna, że lepiej pasuje do zapytania. Podgląd pokazuje więc, jak wynik wygląda, gdy Google użyje Twoich danych.
Jak napisać dobry tytuł i opis
- Najważniejsze słowa na początek. Jeśli tytuł się utnie, zniknie końcówka, a nie temat strony.
- Nazwa marki raz. Google pokazuje nazwę witryny nad adresem, więc powtarzanie jej w tytule dwa razy marnuje miejsce.
- Opis rozwija tytuł. Napisz, co konkretnie jest na stronie i dlaczego warto kliknąć: cena, czas dostawy, liczba porad, dla kogo.
- Każda strona ma własny tytuł i opis. Takie same opisy na wielu podstronach Google zwykle zastępuje fragmentami treści.
- Bez wielkich liter i ciągów słów kluczowych. Tekst pisany do ludzi lepiej zachęca do kliknięcia, a przesadnie upchane frazy Google i tak często przepisuje.
Open Graph i og:image - rozmiary dla social media
Gdy ktoś wkleja link na Facebooku, LinkedIn czy w komunikatorze, serwis czyta znaczniki Open Graph (og:title, og:description, og:image, og:url). X korzysta z nich także, a dodatkowo ze znacznika twitter:card, który decyduje o dużym albo małym obrazku. Bez og:image serwis pokaże sam tekst albo wybierze przypadkowy obrazek ze strony.
| Platforma | Proporcje karty | Rozmiar obrazka |
|---|---|---|
| Facebook, Messenger | 1,91:1 | zalecane 1200 × 630 px; poniżej 600 × 315 px mała miniatura; plik do 8 MB |
| 1,91:1 | zalecane co najmniej 1200 × 627 px; obrazek węższy niż 401 px pokaże się jako miniatura; do 5 MB | |
| X (summary_large_image) | 2:1 | co najmniej 300 × 157 px, do 5 MB |
| mały kwadrat | środek obrazka; lżejszy plik (kilkaset KB) pokazuje się pewniej | |
| Discord | duży obrazek pod opisem | przy twitter:card summary_large_image, inaczej miniatura z boku |
Jeden obrazek 1200 × 630 px sprawdzi się prawie wszędzie, jeśli najważniejszą treść (napis, produkt, twarz) zmieścisz w środkowym kwadracie - wtedy nie zginie ani w kadrze 2:1, ani w kwadratowej miniaturze. Zdjęcie przytniesz do tych wymiarów w narzędziu rozmiary zdjęć, a ciężki plik zmniejszysz w kompresji zdjęć.
Najczęstsze błędy w podglądzie linku
- Stary obrazek po zmianie. Serwisy zapamiętują podgląd. Po zmianie obrazka użyj Debugera udostępniania Facebooka (przycisk ponownego pobrania, ang. Scrape Again) i LinkedIn Post Inspector - linki są pod narzędziem. LinkedIn odświeży podgląd tylko dla nowych postów.
- Względny adres og:image. W znaczniku musi być pełny adres zaczynający się od https, a nie ścieżka „/obrazek.jpg”.
- Zdublowane znaczniki. Wtyczki Yoast SEO, Rank Math czy All in One SEO dodają je same - wklejony ręcznie kod tworzy drugi komplet i serwis wybiera losowo.
- Parametry UTM w og:url. Adres kanoniczny powinien być czysty. Linki z oznaczeniem kampanii przygotujesz osobno w generatorze linków UTM.
- Brak ikony strony. Obok nazwy witryny w Google pokazuje się favicon - zrobisz go w generatorze favicon.
Dlaczego narzędzie nie pobiera strony z adresu
Pobranie cudzej strony wymagałoby serwera pośredniczącego, który odwiedza adres w Twoim imieniu i widzi, co sprawdzasz. Wolimy, żeby wszystko działało w Twojej przeglądarce: niczego nie wysyłamy i nie zapisujemy, a Ty możesz testować tytuły przed publikacją. Tytuł i opis istniejącej strony skopiujesz z panelu WordPressa albo z kodu strony (Ctrl+U w przeglądarce i szukanie „og:”).
Najczęstsze pytania
Jaka jest idealna długość meta description?
Zwykle 120-155 znaków, czyli tyle, ile mieści się w ok. 920 px na komputerze. Na telefonie widać mniej, ok. 680 px, dlatego najważniejszą informację umieść w pierwszym zdaniu. Google nie ma sztywnego limitu i może pokazać inny fragment strony.
Ile znaków może mieć tytuł strony (title)?
Przyjmuje się 50-60 znaków, bo na komputerze Google pokazuje ok. 600 px tekstu czcionką Arial 20 px. Tytuł z wąskich liter zmieści więcej znaków, z szerokich - mniej, dlatego lepiej mierzyć piksele, co robi narzędzie.
Jaki rozmiar powinien mieć obrazek og:image?
Najbezpieczniej 1200 × 630 px (proporcje 1,91:1), w formacie JPG lub PNG, w miarę lekki. Facebook przy obrazku mniejszym niż 600 × 315 px pokaże tylko małą miniaturę, a X w karcie z dużym obrazkiem przytnie go do proporcji 2:1.
Dlaczego Facebook pokazuje stary obrazek mojej strony?
Facebook zapamiętuje podgląd linku. Otwórz Debuger udostępniania, wklej adres i kliknij przycisk ponownego pobrania (Scrape Again). Jeśli obrazek ma ten sam adres pliku co wcześniej, zmień nazwę pliku - Facebook przechowuje obrazki według adresu.
Dlaczego Google pokazuje inny tytuł niż ten, który wpisałem?
Google może przepisać tytuł, gdy jest bardzo długi, powtarza słowa kluczowe, jest taki sam na wielu stronach albo nie pasuje do treści. Wtedy bierze np. nagłówek H1. Krótki, unikalny tytuł zgodny z nagłówkiem strony zwykle zostaje bez zmian.
Źródła
- Google Search Central: „Wpływanie na linki tytułowe” i „Kontrolowanie fragmentów w wynikach wyszukiwania” (brak stałego limitu, skracanie do szerokości ekranu), sprawdzone 20.10.2026.
- Szerokości w pikselach: przybliżenia z narzędzi i badań SEO - Moz (tytuł 50-60 znaków), Screaming Frog (pomiary szerokości fragmentów), Zyppy (dłuższe tytuły na telefonie).
- Meta for Developers: „Images in Link Shares” (1200 × 630 px, minimum 600 × 315 px dla dużego podglądu, 8 MB).
- Pomoc LinkedIn: „Make your website shareable on LinkedIn” (1200 × 627 px, 1,91:1, 5 MB, miniatura poniżej 401 px szerokości) i Post Inspector.
- Dokumentacja kart X (summary_large_image: 2:1, minimum 300 × 157 px, do 5 MB) i protokół Open Graph (ogp.me).
- WhatsApp i Discord nie publikują specyfikacji podglądu - opis według obserwacji, sprawdzone 20.10.2026.
Inne darmowe narzędzia
- Rozmiary zdjęć i kadrowanieAktualne wymiary zdjęć, okładek i filmów dla 7 platform oraz kadrowanie jednego albo wielu zdjęć naraz (paczka ZIP).
- Generator favicon i ikon stronyFavicon.ico, ikony PNG 16-512 px, apple-touch-icon i site.webmanifest z logo, liter albo emoji - z gotowym kodem HTML.
- Generator linków UTMLinki z parametrami UTM do bio, opisów i reklam, z zapamiętaną konwencją nazw i trybem wielu linków naraz (plik CSV).
- Kompresja i zmiana rozmiaru zdjęćZmniejsz zdjęcia do 1 MB, 2 MB albo własnego limitu, zmień wymiary w pikselach i zapisz jako JPG lub WebP.
- Opis firmy w GoogleUłóż opis do Profilu Firmy w Google w limicie 750 znaków i sprawdź, czy nie łamie wytycznych Google.