Przejdź do treści
SEO i Pozycjonowanie Poradnik

Jak skutecznie sprawdzić meta tagi swojej strony internetowej?

Opublikowano: 18 stycznia 2026 | Zaktualizowano: 15 czerwca 2026

Meta tagi to fragmenty kodu HTML w sekcji , które opisują zawartość strony wyszukiwarkom i serwisom społecznościowym. Najważniejsze z nich – meta title oraz meta description – decydują o tym, jak Twoja witryna wygląda w wynikach Google, a co za tym idzie, jaki ma współczynnik klikalności (CTR). Open Graph i Twitter Cards z kolei kontrolują podgląd linku po udostępnieniu na Facebooku, LinkedIn czy X. Sprawdzenie meta tagów to jedna z najprostszych, a zarazem najszybciej opłacalnych czynności w SEO – nie wymaga budżetu, a pozwala wychwycić puste opisy, ucinające się tytuły, zdublowane meta dane czy przypadkowe tagi noindex blokujące indeksację. W tym przewodniku pokazujemy krok po kroku, jak zweryfikować meta tagi ręcznie w kodzie i DevTools, jakimi narzędziami zrobić to masowo dla całej witryny oraz jakich błędów unikać, by metadane realnie wspierały pozycjonowanie, a nie je osłabiały.

Krótka odpowiedź

Aby sprawdzić meta tagi strony, kliknij prawym przyciskiem myszy na stronie i wybierz Pokaż źródło strony (Ctrl+U) – meta title i description znajdziesz w sekcji kodu HTML. Szybciej zrobisz to wtyczką przeglądarki SEO Meta in 1 Click lub Detailed SEO Extension, które pokazują wszystkie tagi w czytelnym panelu. Dla całej witryny użyj crawlera Screaming Frog SEO Spider, który wyświetli title i description każdej podstrony wraz z długością i duplikatami.

Open Graph zweryfikujesz w Facebook Sharing Debugger, a realny wygląd w SERP śledzisz w Google Search Console (zakładka Skuteczność). Optymalny title to 50-60 znaków, a description 150-160 znaków.

Usługi KC Mobile

Sprawdź naszą ofertę

Potrzebujesz pomocy specjalisty? Skorzystaj z naszych usług i rozwiń swój biznes online.

SEO i Pozycjonowanie Audyt cyfrowy

Czym są meta tagi i dlaczego warto je sprawdzać

Meta tagi to znaczniki HTML umieszczane w sekcji dokumentu, które przekazują wyszukiwarkom i innym serwisom informacje o stronie, ale nie są widoczne bezpośrednio w jej treści. Z punktu widzenia SEO liczy się przede wszystkim kilka z nich.

  • Meta title (znacznik ) – tytuł strony wyświetlany jako klikalny nagłówek w wynikach Google i w karcie przeglądarki. To najsilniejszy sygnał on-page dotyczący tematu strony.</li><li><strong>Meta description</strong> – krótki opis pod tytułem w SERP. Nie jest czynnikiem rankingowym, ale wpływa na CTR, czyli odsetek osób klikających w Twój wynik.</li><li><strong>Meta robots</strong> – instrukcja dla robotów (index/noindex, follow/nofollow). Przypadkowy noindex potrafi całkowicie wyciąć stronę z indeksu.</li><li><strong>Canonical</strong> (technicznie link, nie meta, ale często sprawdzany razem) – wskazuje wersję kanoniczną URL i chroni przed duplikacją.</li><li><strong>Open Graph i Twitter Cards</strong> – sterujące podglądem linku w mediach społecznościowych.</li></ul><p class="mb-4">Dlaczego warto je regularnie audytować? Bo to obszar, w którym drobny błąd daje duże straty. Pusty lub zdublowany title osłabia trafność strony, ucinający się opis obniża CTR, a zapomniany tag noindex po migracji witryny potrafi wyzerować ruch. Sprawdzenie meta tagów nie kosztuje nic poza czasem, a należy do fundamentów każdego <a href="/baza-wiedzy/seo/audyt-seo-jak-przeprowadzic/" class="text-primary hover:underline">audytu SEO</a> i skutecznego <a href="/pozycjonowanie-seo/" class="text-primary hover:underline">pozycjonowania SEO</a>.</p></div> </section> <div class="my-10 p-6 md:p-8 rounded-2xl bg-gradient-to-br from-primary-50 to-accent-50 border border-primary-200 relative overflow-hidden"> <div class="absolute top-0 right-0 w-32 h-32 bg-primary-500/5 rounded-full -translate-y-1/2 translate-x-1/2"></div> <h3 class="text-lg font-bold mb-2">Wolisz, żebyśmy zrobili to za Ciebie?</h3> <p class="text-neutral-600 mb-4">Oszczędź czas i uniknij błędów. Zostaw kontakt – wdrożymy to rozwiązanie profesjonalnie.</p> <ul class="space-y-1.5 mb-5 text-sm text-neutral-700"> <li class="flex items-start gap-2"> <svg class="w-4 h-4 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <span>Wdrożenie krok po kroku przez doświadczony zespół</span> </li><li class="flex items-start gap-2"> <svg class="w-4 h-4 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <span>Konkretny timeline + cena dopasowana do projektu</span> </li><li class="flex items-start gap-2"> <svg class="w-4 h-4 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <span>18+ lat doświadczenia</span> </li> </ul> <p class="text-sm text-neutral-700 mb-3">Wolisz zlecić to nam? <a href="/pozycjonowanie-seo/" class="text-primary-700 font-bold hover:underline" data-umami-event="bridge-click" data-umami-event-location="kb-inline" data-umami-event-service="Pozycjonowanie SEO">Pozycjonowanie SEO od 1 500 zł/mc – wycena w 24h →</a></p> <div class="flex flex-wrap items-center gap-3"> <a href="/pozycjonowanie-seo/" class="btn-accent" data-umami-event="bridge-click" data-umami-event-location="kb-inline-btn" data-umami-event-service="Pozycjonowanie SEO"> Zleć nam – od 1 500 zł/mc </a> <a href="tel:+48604939140" class="inline-flex items-center gap-2 bg-white border border-neutral-200 rounded-lg px-4 py-2.5 text-primary-600 font-semibold hover:bg-primary-50 hover:border-primary-300 transition-all"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> 604 939 140 </a> </div> </div> <section class="mb-10" id="jak-sprawdzić-meta-tagi-ręcznie-w-kodzie-źródłowym-i-devtools"> <h2 class="text-2xl font-bold mb-4">Jak sprawdzić meta tagi ręcznie w kodzie źródłowym i DevTools</h2> <div class="text-neutral-700 leading-relaxed"><p class="mb-4">Najprostsza, w pełni darmowa metoda to podejrzenie kodu źródłowego strony. Działa w każdej przeglądarce i nie wymaga instalacji niczego.</p><p class="mb-4"><strong>Metoda 1: źródło strony (View Source)</strong><br>1. Wejdź na stronę, którą chcesz sprawdzić.<br>2. Kliknij prawym przyciskiem myszy i wybierz Pokaż źródło strony, albo naciśnij Ctrl+U (Windows) lub Cmd+Option+U (Mac).<br>3. Użyj wyszukiwania w kodzie (Ctrl+F) i wpisz <title oraz name="description", aby szybko odnaleźć oba tagi w sekcji <head>.</p><p class="mb-4">To pokazuje surowy HTML zwracany przez serwer. Pamiętaj jednak, że na stronach opartych o JavaScript (np. niektóre aplikacje React czy Vue) meta tagi mogą być dogenerowane dopiero w przeglądarce – wtedy widok źródła bywa niepełny.</p><p class="mb-4"><strong>Metoda 2: DevTools (Inspekcja)</strong><br>Aby zobaczyć finalny DOM po wykonaniu skryptów, otwórz narzędzia deweloperskie klawiszem F12 (lub prawym przyciskiem i Zbadaj), przejdź do zakładki Elements/Elementy i rozwiń sekcję <head>. Zobaczysz tam meta tagi w postaci, w jakiej faktycznie widzi je renderowana strona. To kluczowe przy diagnozie witryn, które generują metadane po stronie klienta.</p><p class="mb-4"><strong>Co dokładnie oglądać:</strong><br>- czy <title> istnieje, jest unikalny i nie ucina się,<br>- czy <meta name="description"> jest wypełniony i adekwatny,<br>- czy nie ma <meta name="robots" content="noindex"> tam, gdzie strona ma być indeksowana,<br>- czy <link rel="canonical"> wskazuje poprawny URL.</p><p class="mb-4">Metoda ręczna jest idealna do pojedynczych stron i szybkiej diagnozy, ale przy większej witrynie staje się zbyt wolna – wtedy sięgamy po narzędzia automatyczne.</p></div> </section> <section class="mb-10" id="narzędzia-do-sprawdzania-meta-tagów-wtyczki-crawlery-i-search-console"> <h2 class="text-2xl font-bold mb-4">Narzędzia do sprawdzania meta tagów – wtyczki, crawlery i Search Console</h2> <div class="text-neutral-700 leading-relaxed"><p class="mb-4">Do weryfikacji meta tagów nie potrzebujesz drogiego oprogramowania. Większą część pracy wykonasz darmowymi narzędziami.</p><p class="mb-4"><strong>Wtyczki przeglądarki (szybki podgląd jednej strony)</strong><br>- SEO Meta in 1 Click – po kliknięciu pokazuje title, description, nagłówki, canonical, robots oraz tagi Open Graph w jednym panelu.<br>- Detailed SEO Extension – podobny zakres, dodatkowo eksport i podgląd schema.<br>Te wtyczki czytają wyrenderowany DOM, więc radzą sobie także ze stronami opartymi o JavaScript.</p><p class="mb-4"><strong>Crawlery (cała witryna naraz)</strong><br>- Screaming Frog SEO Spider – standard branżowy; do 500 adresów URL działa bezpłatnie. Wyciąga title, description, ich długość w znakach i pikselach, wykrywa duplikaty, puste i zbyt długie tagi oraz strony z noindex.<br>- Sitebulb i alternatywy chmurowe – podobne możliwości z bardziej wizualnymi raportami.</p><p class="mb-4"><strong>Narzędzia Google (jak widzi je wyszukiwarka)</strong><br>- Google Search Console – w zakładce Skuteczność sprawdzisz realny CTR i pozycje dla fraz, co pomaga ocenić, które title i description warto przepisać. Narzędzie do sprawdzania adresów URL pokazuje, jak Google renderuje i indeksuje konkretną stronę.</p><p class="mb-4"><strong>Narzędzia social i online</strong><br>- generatory i walidatory meta tagów online pozwalają zweryfikować składnię i podejrzeć podgląd SERP.</p><p class="mb-4">Praktyczna kolejność: wtyczka do pojedynczych stron, crawler do całej witryny, Search Console do oceny skuteczności w realnym SERP. Większy projekt warto powierzyć specjalistom – sprawdź, jak wygląda profesjonalne <a href="/pozycjonowanie-seo/" class="text-primary hover:underline">pozycjonowanie SEO</a> z pełnym audytem technicznym.</p></div> </section> <section class="mb-10" id="optymalna-długość-title-i-description-ile-znaków-w-2026"> <h2 class="text-2xl font-bold mb-4">Optymalna długość title i description – ile znaków w 2026</h2> <div class="text-neutral-700 leading-relaxed"><p class="mb-4">Sama obecność meta tagów nie wystarczy – muszą mieścić się w limitach, po których Google ucina tekst w wynikach. Google nie liczy znaków, tylko szerokość w pikselach, ale przelicznik na znaki jest wygodnym przybliżeniem.</p><div class="overflow-x-auto mb-4"><table class="min-w-full text-sm border border-neutral-200 rounded-lg"><thead class="bg-neutral-50"><tr><th class="px-4 py-2 text-left font-semibold border-b border-neutral-200">Element</th><th class="px-4 py-2 text-left font-semibold border-b border-neutral-200">Zalecana długość (znaki)</th><th class="px-4 py-2 text-left font-semibold border-b border-neutral-200">Limit pikseli (desktop)</th><th class="px-4 py-2 text-left font-semibold border-b border-neutral-200">Uwagi</th></tr></thead><tbody><tr class="border-b border-neutral-100"><td class="px-4 py-2">Meta title</td><td class="px-4 py-2">50-60</td><td class="px-4 py-2">ok. 600 px</td><td class="px-4 py-2">Powyżej tytuł się ucina; słowo kluczowe na początku</td></tr><tr class="border-b border-neutral-100"><td class="px-4 py-2">Meta description</td><td class="px-4 py-2">150-160</td><td class="px-4 py-2">ok. 920 px</td><td class="px-4 py-2">Na mobile widocznych jest ok. 110-120 znaków</td></tr><tr class="border-b border-neutral-100"><td class="px-4 py-2">Mobile description</td><td class="px-4 py-2">110-120</td><td class="px-4 py-2">ok. 680 px</td><td class="px-4 py-2">Najważniejszy przekaz na początku</td></tr></tbody></table></div><p class="mb-4"><strong>Title.</strong> Trzymaj się 50-60 znaków i umieszczaj kluczową frazę bliżej początku. Zbyt długi tytuł ucina się wielokropkiem, przez co tracisz kontrolę nad pierwszym wrażeniem. Zbyt krótki marnuje przestrzeń na komunikat. Każda strona powinna mieć unikalny title.</p><p class="mb-4"><strong>Description.</strong> Optymalnie 150-160 znaków na desktop. Ponieważ na telefonach widać mniej, najważniejszą informację i zachętę do działania (call to action) warto wcisnąć w pierwsze 110 znaków. Opis nie wpływa bezpośrednio na ranking, ale dobrze napisany podnosi CTR, a wyższy CTR to więcej ruchu z tej samej pozycji.</p><p class="mb-4">Więcej praktyk znajdziesz w naszym <a href="/baza-wiedzy/seo/description-kompletny-przewodnik-seo/" class="text-primary hover:underline">kompletnym przewodniku po meta description</a> oraz w <a href="/baza-wiedzy/seo/title-kompletny-przewodnik-seo/" class="text-primary hover:underline">przewodniku po znaczniku title</a>. Po każdej zmianie warto ponownie sprawdzić, czy tekst nie przekracza limitów – choćby w prostym narzędziu z podglądem SERP.</p></div> </section> <section class="mb-10" id="open-graph-i-twitter-cards-jak-sprawdzić-podgląd-w-social-media"> <h2 class="text-2xl font-bold mb-4">Open Graph i Twitter Cards – jak sprawdzić podgląd w social media</h2> <div class="text-neutral-700 leading-relaxed"><p class="mb-4">Meta tagi Open Graph (OG) oraz Twitter Cards nie wpływają na pozycje w Google, ale decydują o tym, jak wygląda Twój link po udostępnieniu na Facebooku, LinkedIn, X czy w komunikatorach. Brak tych tagów oznacza zwykle szary, pozbawiony grafiki podgląd, który niemal nikt nie klika.</p><p class="mb-4"><strong>Najważniejsze tagi Open Graph:</strong><br>- og:title – tytuł w podglądzie,<br>- og:description – opis pod tytułem,<br>- og:image – grafika podglądu (zalecane ok. 1200x630 px),<br>- og:url oraz og:type – adres kanoniczny i typ treści.</p><p class="mb-4"><strong>Twitter Cards</strong> (np. summary_large_image) działają analogicznie dla platformy X i często dziedziczą wartości z Open Graph, jeśli nie zdefiniujesz ich osobno.</p><p class="mb-4"><strong>Jak to zweryfikować:</strong><br>1. Podejrzyj tagi og: i twitter: w źródle strony lub wtyczką SEO Meta in 1 Click.<br>2. Użyj oficjalnych walidatorów: Facebook Sharing Debugger (developers.facebook.com/tools/debug) pokazuje, jak link widzi Facebook, i pozwala wymusić odświeżenie pamięci podręcznej (Scrape Again).<br>3. Sprawdź podgląd w bezpłatnych narzędziach online symulujących różnych odbiorców (Facebook, LinkedIn, X, WhatsApp).</p><p class="mb-4">Ważne: po zmianie OG image lub opisu serwisy społecznościowe trzymają stary podgląd w cache. Dopiero wymuszenie ponownego pobrania w debuggerze odświeża miniaturkę. Na WordPress tagi OG i Twitter generują automatycznie wtyczki takie jak Yoast SEO czy Rank Math.</p></div> </section> <section class="mb-10" id="najczęstsze-błędy-w-meta-tagach-i-jak-je-wychwycić"> <h2 class="text-2xl font-bold mb-4">Najczęstsze błędy w meta tagach i jak je wychwycić</h2> <div class="text-neutral-700 leading-relaxed"><p class="mb-4">Weryfikacja meta tagów ma sens wtedy, gdy wiesz, czego szukasz. Oto błędy, które powtarzają się najczęściej i które crawler wychwytuje od ręki.</p><ul class="list-disc pl-6 mb-4 space-y-1"><li><strong>Zdublowane title i description</strong> – ten sam tytuł na wielu podstronach rozmywa trafność i utrudnia Google rozróżnienie stron. Crawler oznaczy duplikaty na liście.</li><li><strong>Puste lub brakujące meta tagi</strong> – strona bez description zostawia Google wolną rękę w doborze fragmentu opisu z treści, często przypadkowego.</li><li><strong>Zbyt długie tagi</strong> – ucinanie title i opisu w SERP psuje pierwsze wrażenie i obniża CTR.</li><li><strong>Przypadkowy noindex</strong> – najgroźniejszy błąd; potrafi wyciąć całe sekcje serwisu z indeksu, szczególnie po migracji lub przeniesieniu strony z wersji testowej.</li><li><strong>Keyword stuffing w title</strong> – upychanie fraz wygląda spamersko i obniża CTR zamiast pomagać.</li><li><strong>Niespójny canonical</strong> – kanoniczny URL wskazujący na inną stronę wprowadza wyszukiwarkę w błąd.</li></ul><p class="mb-4">Większość tych problemów wykryjesz, filtrując raport Screaming Frog po zakładkach Page Titles i Meta Description (Missing, Duplicate, Over X Characters) oraz Directives (noindex). Jeśli chcesz pogłębić temat, sprawdź nasze opracowania: <a href="/baza-wiedzy/seo/bledy-w-meta-tagi-ktore-szkodza-pozycjom/" class="text-primary hover:underline">błędy w meta tagach, które szkodzą pozycjom</a>, <a href="/baza-wiedzy/seo/bledy-w-title-ktore-szkodza-pozycjom/" class="text-primary hover:underline">błędy w title</a> oraz <a href="/baza-wiedzy/seo/bledy-w-description-ktore-szkodza-pozycjom/" class="text-primary hover:underline">błędy w description</a>.</p></div> </section> <section class="mb-10" id="masowa-weryfikacja-meta-tagów-dla-całej-witryny"> <h2 class="text-2xl font-bold mb-4">Masowa weryfikacja meta tagów dla całej witryny</h2> <div class="text-neutral-700 leading-relaxed"><p class="mb-4">Ręczne sprawdzanie sprawdza się przy kilku stronach. Przy serwisie liczącym setki czy tysiące adresów potrzebujesz podejścia masowego, które w kilka minut da pełny obraz.</p><p class="mb-4"><strong>Krok po kroku ze Screaming Frog:</strong><br>1. Wpisz adres witryny i uruchom crawl (do 500 URL bezpłatnie).<br>2. Otwórz zakładkę Page Titles – zobaczysz title każdej strony, jego długość w znakach i pikselach.<br>3. Skorzystaj z filtrów: Missing (brak), Duplicate (duplikaty), Over 60 Characters (za długie), Below 30 (za krótkie).<br>4. Powtórz analogicznie dla zakładki Meta Description.<br>5. Sprawdź zakładkę Directives pod kątem stron z noindex.<br>6. Wyeksportuj wyniki do arkusza i posortuj według priorytetów (najpierw strony przynoszące ruch).</p><p class="mb-4"><strong>Połączenie z danymi GSC.</strong> Najwięcej wyciągniesz, łącząc listę z crawlera z danymi z Google Search Console. Strony z wysokimi wyświetleniami, ale niskim CTR to pierwsi kandydaci do przepisania title i description – mają potencjał, którego nie domykają słabe metadane.</p><p class="mb-4"><strong>Cykl pracy.</strong> Audyt meta tagów nie jest jednorazowy. Warto powtarzać go po większych wdrożeniach, migracjach domeny czy zmianach szablonu, bo to właśnie wtedy najczęściej pojawiają się przypadkowe noindexy i zdublowane tagi. Jeśli witryna jest duża, a czasu brakuje, możesz <a href="/kontakt/" class="text-primary hover:underline">umówić bezpłatną konsultację</a> – przejrzymy metadane i wskażemy, które zmiany dadzą najszybszy wzrost ruchu.</p></div> </section> </div> <!-- Contextual KB->KB links (TF-IDF topical mesh, exact-match anchors) --> <section class="internal-links" data-astro-cid-nrugbcqh><div class="related-articles" data-astro-cid-nrugbcqh><h3 data-astro-cid-nrugbcqh>Powiązane pojęcia z bazy wiedzy</h3><ul data-astro-cid-nrugbcqh><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/narzedzia-do-analizy-meta-tagi/" title="Wspólne słowa kluczowe: meta tagi, seo, google search console" data-astro-cid-nrugbcqh>Jak skutecznie analizować meta tagi na swojej stronie?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/meta-tagi-a-pozycje-w-google/" title="Wspólne słowa kluczowe: meta tagi, seo, google search console" data-astro-cid-nrugbcqh>Jak meta tagi mogą poprawić Twoje pozycje w Google?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/meta-tagi-kompletny-przewodnik-seo/" title="Wspólne słowa kluczowe: meta tagi, seo, google search console" data-astro-cid-nrugbcqh>Jak skutecznie wykorzystać meta tagi w SEO?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/bledy-w-meta-tagi-ktore-szkodza-pozycjom/" title="Wspólne słowa kluczowe: meta tagi, seo, google search console" data-astro-cid-nrugbcqh>Jak błędy w meta tagach wpływają na Twoje pozycje w Google?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/meta-tagi-dla-poczatkujacych/" title="Wspólne słowa kluczowe: meta tagi, seo, google search console" data-astro-cid-nrugbcqh>Jak skutecznie wykorzystać meta tagi w SEO?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/najlepsze-praktyki-meta-tagi-w-2026/" title="Wspólne słowa kluczowe: meta tagi, seo, google search console" data-astro-cid-nrugbcqh>Optymalizacja meta tagów w 2026: Klucz do sukcesu w SEO</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/ile-czasu-zajmuje-poprawa-meta-tagi/" title="Wspólne słowa kluczowe: seo" data-astro-cid-nrugbcqh>Jak szybko poprawić meta tagi i co to zmienia dla Twojej strony?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li><li data-astro-cid-nrugbcqh><a href="/baza-wiedzy/seo/description-dla-poczatkujacych/" title="Wspólne słowa kluczowe: seo, google search console, senuto" data-astro-cid-nrugbcqh>Jak pisać skuteczne opisy meta dla SEO?</a><span class="relevance-badge" data-astro-cid-nrugbcqh>Polecane</span></li></ul></div><div class="related-glossary" data-astro-cid-nrugbcqh><h3 data-astro-cid-nrugbcqh>Słownik pojęć</h3><div class="glossary-tags" data-astro-cid-nrugbcqh><a href="/slownik/meta-description-co-to/" class="glossary-tag" title="Definicja: Meta Description" data-astro-cid-nrugbcqh>Meta Description</a><a href="/slownik/google-search-console-co-to/" class="glossary-tag" title="Definicja: Google Search Console" data-astro-cid-nrugbcqh>Google Search Console</a><a href="/slownik/surfer-seo-co-to-jest/" class="glossary-tag" title="Definicja: Surfer SEO" data-astro-cid-nrugbcqh>Surfer SEO</a><a href="/slownik/siec-reklamowa-google-co-to/" class="glossary-tag" title="Definicja: Sieć reklamowa Google" data-astro-cid-nrugbcqh>Sieć reklamowa Google</a><a href="/slownik/google-tag-manager-co-to/" class="glossary-tag" title="Definicja: Google Tag Manager" data-astro-cid-nrugbcqh>Google Tag Manager</a><a href="/slownik/google-cloud-co-to-jest/" class="glossary-tag" title="Definicja: Google Cloud" data-astro-cid-nrugbcqh>Google Cloud</a><a href="/slownik/google-penguin-co-to-jest/" class="glossary-tag" title="Definicja: Google Penguin" data-astro-cid-nrugbcqh>Google Penguin</a><a href="/slownik/google-panda-co-to-jest/" class="glossary-tag" title="Definicja: Google Panda" data-astro-cid-nrugbcqh>Google Panda</a></div></div></section> <!-- Tools Mentioned --> <section class="mt-12 p-6 bg-neutral-50 rounded-xl"> <h2 class="text-xl font-bold mb-4">Wspomniane narzędzia</h2> <div class="flex flex-wrap gap-2"> <span class="px-3 py-1.5 bg-white border border-neutral-200 rounded-full text-sm font-medium text-neutral-700"> Google Search Console </span><span class="px-3 py-1.5 bg-white border border-neutral-200 rounded-full text-sm font-medium text-neutral-700"> Senuto </span><span class="px-3 py-1.5 bg-white border border-neutral-200 rounded-full text-sm font-medium text-neutral-700"> Surfer SEO </span> </div> </section> <!-- Lead Magnet CTA --> <div class="my-12 rounded-2xl bg-gradient-to-r from-primary-50 to-accent-50 border border-primary-100 relative overflow-hidden"> <div class="absolute top-0 right-0 w-40 h-40 bg-primary-500/5 rounded-full -translate-y-1/2 translate-x-1/2"></div> <div class="absolute bottom-0 left-0 w-24 h-24 bg-accent-500/5 rounded-full translate-y-1/2 -translate-x-1/2"></div> <div class="relative p-6 md:p-8"> <div class="flex items-start gap-4"> <div class="hidden sm:flex w-12 h-12 bg-primary-600 rounded-xl items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path> </svg> </div> <div class="flex-1"> <h3 class="text-xl font-bold text-neutral-900 mb-2">Chcesz więcej ruchu z Google?</h3> <p class="text-neutral-600 mb-5 leading-relaxed">Pozycjonujemy strony firmowe i sklepy internetowe. White-hat SEO, comiesięczne raporty. Bez długich umów.</p> <div class="flex flex-wrap items-center gap-3"> <a href="/pozycjonowanie-seo/" class="inline-flex items-center gap-2 px-6 py-3 bg-primary-600 text-white rounded-xl font-bold text-sm no-underline hover:bg-primary-700 hover:text-white hover:shadow-lg transition-all shadow-md" data-umami-event="click-lead-magnet" data-umami-event-category="seo" data-umami-event-location="kb-pre-faq"> Bezpłatny audyt SEO <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7m0 0l-7 7m7-7H3"></path> </svg> </a> <a href="/pozycjonowanie-seo/" class="inline-flex items-center gap-1.5 text-primary-600 font-semibold text-sm hover:text-primary-800 transition-colors" data-umami-event="click-lead-magnet-secondary" data-umami-event-category="seo"> Sprawdź cennik SEO <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </a> </div> </div> </div> </div> </div> <!-- FAQ Section --> <section class="mt-12"> <h2 class="text-2xl font-bold mb-6">Najczęściej zadawane pytania</h2> <div class="space-y-4"> <details class="group bg-white border border-neutral-200 rounded-lg" open> <summary class="flex items-center justify-between p-4 cursor-pointer font-medium"> <span>Jak najszybciej sprawdzić meta tagi jednej strony?</span> <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="px-4 pb-4 text-neutral-600">Najszybciej zainstalować wtyczkę przeglądarki SEO Meta in 1 Click lub Detailed SEO Extension. Po kliknięciu ikony zobaczysz title, description, canonical, robots i tagi Open Graph w jednym panelu. Bez wtyczki użyj skrótu Ctrl+U, aby otworzyć źródło strony, i wyszukaj w nim znaczniki w sekcji head.</div> </details><details class="group bg-white border border-neutral-200 rounded-lg"> <summary class="flex items-center justify-between p-4 cursor-pointer font-medium"> <span>Jaka jest optymalna długość meta title i description?</span> <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="px-4 pb-4 text-neutral-600">Meta title powinien mieć 50-60 znaków (do ok. 600 pikseli), aby nie ucinał się w wynikach Google. Meta description optymalnie 150-160 znaków na desktop, przy czym na urządzeniach mobilnych widocznych jest tylko ok. 110-120 znaków, dlatego najważniejszy przekaz warto umieścić na początku opisu.</div> </details><details class="group bg-white border border-neutral-200 rounded-lg"> <summary class="flex items-center justify-between p-4 cursor-pointer font-medium"> <span>Dlaczego nie widzę meta tagów w źródle strony?</span> <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="px-4 pb-4 text-neutral-600">Często wynika to z tego, że strona generuje metadane dopiero w przeglądarce za pomocą JavaScriptu, a widok źródła pokazuje surowy HTML z serwera. Otwórz wtedy narzędzia deweloperskie klawiszem F12, przejdź do zakładki Elements i rozwiń sekcję head, aby zobaczyć finalny, wyrenderowany kod ze wszystkimi tagami.</div> </details><details class="group bg-white border border-neutral-200 rounded-lg"> <summary class="flex items-center justify-between p-4 cursor-pointer font-medium"> <span>Jak sprawdzić meta tagi dla całej witryny naraz?</span> <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="px-4 pb-4 text-neutral-600">Użyj crawlera Screaming Frog SEO Spider, który bezpłatnie analizuje do 500 adresów URL. Po zakończeniu skanowania w zakładkach Page Titles i Meta Description zobaczysz tytuł i opis każdej podstrony, ich długość oraz filtry wykrywające brakujące, zdublowane i zbyt długie tagi. Wyniki możesz wyeksportować do arkusza.</div> </details><details class="group bg-white border border-neutral-200 rounded-lg"> <summary class="flex items-center justify-between p-4 cursor-pointer font-medium"> <span>Jak zweryfikować podgląd linku w mediach społecznościowych?</span> <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="px-4 pb-4 text-neutral-600">Sprawdź tagi Open Graph (og:title, og:description, og:image) w źródle strony lub wtyczką SEO. Następnie użyj Facebook Sharing Debugger, aby zobaczyć, jak link widzi Facebook, i wymusić odświeżenie cache przyciskiem Scrape Again. Pomocne są też darmowe narzędzia online symulujące podgląd na różnych platformach.</div> </details><details class="group bg-white border border-neutral-200 rounded-lg"> <summary class="flex items-center justify-between p-4 cursor-pointer font-medium"> <span>Czy meta description wpływa na pozycje w Google?</span> <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="px-4 pb-4 text-neutral-600">Meta description nie jest bezpośrednim czynnikiem rankingowym i Google często przepisuje go na podstawie treści strony. Wpływa jednak pośrednio: dobrze napisany, zachęcający opis podnosi współczynnik klikalności (CTR), a wyższy CTR oznacza więcej ruchu z tej samej pozycji w wynikach wyszukiwania.</div> </details> </div> </section> <!-- Citations (E-E-A-T references for pillar articles) --> <!-- Tags --> <div class="mt-8 flex flex-wrap gap-2"> <span class="text-sm text-neutral-500">#meta tagi</span><span class="text-sm text-neutral-500">#seo</span><span class="text-sm text-neutral-500">#google search console</span><span class="text-sm text-neutral-500">#senuto</span><span class="text-sm text-neutral-500">#surfer seo</span><span class="text-sm text-neutral-500">#optymalizacja</span><span class="text-sm text-neutral-500">#pozycjonowanie</span> </div> <!-- Author Box --> <div class="author-box not-prose mt-12 p-6 bg-gradient-to-r from-neutral-50 to-primary-50 border border-neutral-200 rounded-xl"> <div class="flex flex-col sm:flex-row gap-6 items-start"> <div class="flex-shrink-0"> <img src="/authors/krzysztof-czapnik.jpg" alt="Zdjęcie autora: Krzysztof Czapnik" width="100" height="100" class="w-24 h-24 rounded-full object-cover border-4 border-white shadow-lg" loading="lazy"> </div> <div class="flex-1"> <div class="flex items-center gap-2 mb-1"> <span class="text-xs uppercase tracking-wide text-primary-600 font-semibold">O autorze</span> </div> <h3 class="text-xl font-bold text-neutral-900 mb-1">Krzysztof Czapnik</h3> <p class="text-sm text-primary-600 font-medium mb-3">Founder & Technical Lead, KC Mobile</p> <p class="text-neutral-600 leading-relaxed text-sm mb-4">18 lat WordPress + 12 lat WooCommerce. Specjalizuję się w technicznej stronie e-commerce: automatyzacje WooCommerce, Google Ads dla SMB, migracje sklepów i optymalizacja konwersji.</p> <p class="text-neutral-700 text-sm font-medium mb-4">Potrzebujesz pomocy z tym tematem? Napisz – odpowiem osobiście w 24h.</p> <div class="flex flex-wrap gap-3"> <a href="/kontakt/" class="inline-flex items-center gap-2 text-sm bg-primary-600 text-white px-4 py-2 rounded-lg font-semibold no-underline hover:bg-primary-700 hover:text-white transition-colors" data-umami-event="click-cta" data-umami-event-location="author-box"> Napisz do mnie </a> <a href="tel:+48604939140" class="inline-flex items-center gap-2 text-sm text-neutral-600 hover:text-primary-600 transition-colors" data-umami-event="click-phone" data-umami-event-location="author-box"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> 604 939 140 </a> </div> </div> </div> </div> <!-- Service Links --> <section class="mt-10 mb-2"> <p class="text-xs font-semibold uppercase tracking-wider text-neutral-400 mb-4">Potrzebujesz pomocy?</p> <div class="grid grid-cols-2 lg:grid-cols-4 gap-3"> <a href="/strony-internetowe/" class="group flex flex-col gap-2 p-4 rounded-xl border border-neutral-200 bg-white hover:border-primary-300 hover:shadow-md hover:-translate-y-0.5 transition-all"> <span class="text-2xl leading-none">🌐</span> <span class="text-sm font-bold text-neutral-900 group-hover:text-primary-600 transition-colors">Strony internetowe</span> <span class="text-xs text-neutral-500 leading-snug">Strony WWW od 3000 zł, 18+ lat doświadczenia</span> <span class="mt-auto pt-1 text-xs font-semibold text-primary-600 inline-flex items-center gap-1 group-hover:gap-2 transition-all"> Sprawd\u017a <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path> </svg> </span> </a><a href="/google-ads/" class="group flex flex-col gap-2 p-4 rounded-xl border border-neutral-200 bg-white hover:border-primary-300 hover:shadow-md hover:-translate-y-0.5 transition-all"> <span class="text-2xl leading-none">📈</span> <span class="text-sm font-bold text-neutral-900 group-hover:text-primary-600 transition-colors">Google Ads</span> <span class="text-xs text-neutral-500 leading-snug">Kampanie Google Ads, mierzalny ROAS</span> <span class="mt-auto pt-1 text-xs font-semibold text-primary-600 inline-flex items-center gap-1 group-hover:gap-2 transition-all"> Sprawd\u017a <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path> </svg> </span> </a><a href="/pozycjonowanie-seo/" class="group flex flex-col gap-2 p-4 rounded-xl border border-neutral-200 bg-white hover:border-primary-300 hover:shadow-md hover:-translate-y-0.5 transition-all"> <span class="text-2xl leading-none">🔍</span> <span class="text-sm font-bold text-neutral-900 group-hover:text-primary-600 transition-colors">Pozycjonowanie SEO</span> <span class="text-xs text-neutral-500 leading-snug">SEO od 2000 zł/mies., bez długich umów</span> <span class="mt-auto pt-1 text-xs font-semibold text-primary-600 inline-flex items-center gap-1 group-hover:gap-2 transition-all"> Sprawd\u017a <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path> </svg> </span> </a><a href="/sklepy-internetowe/" class="group flex flex-col gap-2 p-4 rounded-xl border border-neutral-200 bg-white hover:border-primary-300 hover:shadow-md hover:-translate-y-0.5 transition-all"> <span class="text-2xl leading-none">🛒</span> <span class="text-sm font-bold text-neutral-900 group-hover:text-primary-600 transition-colors">Sklepy internetowe</span> <span class="text-xs text-neutral-500 leading-snug">Sklepy WooCommerce od 5000 zł</span> <span class="mt-auto pt-1 text-xs font-semibold text-primary-600 inline-flex items-center gap-1 group-hover:gap-2 transition-all"> Sprawd\u017a <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"></path> </svg> </span> </a> </div> </section> <!-- CTA Banner - dopasowany do kategorii i intencji artykułu --> <div class="mt-8 section-dark rounded-2xl p-6 md:p-8"> <h3 class="text-lg md:text-xl font-bold text-white mb-2">Wolisz, żebyśmy zrobili to za Ciebie?</h3> <p class="text-neutral-300 mb-4">Oszczędź czas i uniknij błędów. Zostaw kontakt – wdrożymy to rozwiązanie profesjonalnie.</p> <ul class="space-y-2 mb-6 text-neutral-300"> <li class="flex items-start gap-3"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <span>Wdrożenie krok po kroku przez doświadczony zespół</span> </li><li class="flex items-start gap-3"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <span>Konkretny timeline + cena dopasowana do projektu</span> </li><li class="flex items-start gap-3"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> <span>18+ lat doświadczenia</span> </li> </ul> <p class="text-sm text-neutral-300 mb-3">Wolisz zlecić to nam? <a href="/pozycjonowanie-seo/" class="text-accent-300 font-bold hover:underline" data-umami-event="bridge-click" data-umami-event-location="kb-bottom" data-umami-event-service="Pozycjonowanie SEO">Pozycjonowanie SEO od 1 500 zł/mc – wycena w 24h →</a></p> <div class="flex flex-wrap items-center gap-3"> <a href="/pozycjonowanie-seo/" class="btn-accent" data-umami-event="bridge-click" data-umami-event-location="kb-bottom-btn" data-umami-event-service="Pozycjonowanie SEO"> Zleć nam – od 1 500 zł/mc </a> <a href="tel:+48604939140" class="inline-flex items-center gap-2 bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 text-white font-semibold hover:bg-white/20 transition-all"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> 604 939 140 </a> </div> </div> </div> <!-- Sidebar --> <aside class="lg:col-span-1"> <div class="sticky top-8 space-y-8"> <!-- CTA Card --> <div class="rounded-xl border-2 border-primary-200 p-6 bg-gradient-to-br from-white to-primary-50 shadow-sm"> <h3 class="text-xl font-bold mb-3">Chcesz być wyżej w Google?</h3> <p class="text-neutral-600 mb-6"> Skontaktuj się z nami – pomożemy rozwiązać Twój problem. </p> <form class="space-y-4" action="/api/contact.php" method="POST" data-contact-form> <input type="hidden" name="source" value="landing-seo-jak-sprawdzic-meta-tagi-swojej-strony"> <div class="form-group"> <label for="name-seo-jak-sprawdzic-meta-tagi-swojej-strony" class="label"> Imię i nazwisko <span class="text-error">*</span> </label> <input type="text" id="name-seo-jak-sprawdzic-meta-tagi-swojej-strony" name="name" class="input" placeholder="Jan Kowalski" required aria-required="true" autocomplete="name"> </div> <div class="grid sm:grid-cols-2 gap-4"> <div class="form-group"> <label for="email-seo-jak-sprawdzic-meta-tagi-swojej-strony" class="label"> Email <span class="text-error">*</span> </label> <input type="email" id="email-seo-jak-sprawdzic-meta-tagi-swojej-strony" name="email" class="input" placeholder="jan@firma.pl" required aria-required="true" autocomplete="email"> </div> <div class="form-group"> <label for="phone-seo-jak-sprawdzic-meta-tagi-swojej-strony" class="label"> Telefon <span class="label-optional">(opcjonalnie)</span> </label> <input type="tel" id="phone-seo-jak-sprawdzic-meta-tagi-swojej-strony" name="phone" class="input" placeholder="+48 500 000 000" autocomplete="tel"> </div> </div> <div class="form-group"> <label for="budget-seo-jak-sprawdzic-meta-tagi-swojej-strony" class="label"> Orientacyjny budżet <span class="label-optional">(opcjonalnie)</span> </label> <select id="budget-seo-jak-sprawdzic-meta-tagi-swojej-strony" name="budget" class="input"> <option value="">Wybierz zakres</option> <option value="do-5000">Do 5 000 zł</option> <option value="5000-15000">5 000 – 15 000 zł</option> <option value="15000-plus">Powyżej 15 000 zł</option> <option value="nie-wiem">Nie wiem jeszcze</option> </select> </div> <div class="form-group"> <label for="message-seo-jak-sprawdzic-meta-tagi-swojej-strony" class="label"> Wiadomość <span class="label-optional">(opcjonalnie)</span> </label> <textarea id="message-seo-jak-sprawdzic-meta-tagi-swojej-strony" name="message" rows="2" class="input resize-none" placeholder="Opisz krótko swoje potrzeby..."></textarea> </div> <!-- Honeypot anti-spam --> <div class="absolute -left-[9999px]" aria-hidden="true"> <input type="text" name="website" tabindex="-1" autocomplete="off"> </div> <button type="submit" class="btn-accent w-full" data-submit-btn data-umami-event="form-submit" data-umami-event-source="landing-seo-jak-sprawdzic-meta-tagi-swojej-strony"> <span data-btn-text>Odbierz bezpłatną wycenę</span> <span data-btn-loading class="hidden"> <svg class="animate-spin h-5 w-5 mx-auto" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> <p class="text-sm text-center text-neutral-600"> Wolisz od razu porozmawiać? <a href="tel:+48604939140" class="text-primary-600 font-semibold hover:underline whitespace-nowrap" data-umami-event="click-phone" data-umami-event-location="form-alt">Zadzwoń: 604 939 140</a> </p> <div data-form-success class="hidden p-4 bg-success/10 border border-success/20 rounded-lg text-center"> <div class="flex items-center justify-center gap-2 text-success font-medium mb-1"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> </svg> Dziękujemy za wiadomość! </div> <p class="text-sm text-neutral-700">Skontaktujemy się w ciągu 24 godzin.</p> </div> <div data-form-error class="hidden p-4 bg-error/10 border border-error/20 rounded-lg text-center"> <p class="text-sm text-error font-medium">Wystąpił błąd. Spróbuj ponownie lub zadzwoń: <a href="tel:+48604939140" class="underline" data-umami-event="click-phone" data-umami-event-location="form-error">604 939 140</a></p> </div> <p class="text-xs text-neutral-600 text-center"> <svg class="w-4 h-4 inline mr-1 text-success" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"></path> </svg> Wysyłając formularz, zgadzasz się na przetwarzanie danych w celu kontaktu (<a href="/polityka-prywatnosci/" class="underline hover:text-primary-600">polityka prywatności</a>). Odpowiadamy w 24h. </p> </form> </div> <!-- Related Entries --> <div class="rounded-xl border border-neutral-100 p-6 shadow-sm"> <h3 class="font-bold mb-4">Powiązane artykuły</h3> <ul class="space-y-3"> <li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-description/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować meta description w SEO? </a> </li><li> <a href="/baza-wiedzy/seo/core-web-vitals-kompletny-przewodnik-seo/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak Core Web Vitals wpływają na Twoje SEO? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-rich-snippets/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować rich snippets w SEO? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-google-search-console/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować dane z Google Search Console? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-meta-tagi/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować meta tagi na swojej stronie? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-url/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować URL i poprawić SEO? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-serp/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować SERP i poprawić pozycjonowanie? </a> </li><li> <a href="/baza-wiedzy/seo/najlepsze-praktyki-keyword-research-w-2026/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie przeprowadzić keyword research w 2026 roku? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-link-building/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować link building w SEO? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-naglowki-h1-h6/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować nagłówki H1-H6 w SEO? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-anchor-text/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować anchor text w SEO? </a> </li><li> <a href="/baza-wiedzy/seo/narzedzia-do-analizy-nap/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> Jak skutecznie analizować NAP w Twoim biznesie? </a> </li> </ul> </div> <!-- Cross-Silo Links --> <div class="rounded-xl border border-neutral-100 p-6 shadow-sm"> <h3 class="font-bold mb-4">Z innych kategorii</h3> <ul class="space-y-3"> <li> <a href="/baza-wiedzy/wordpress/wordpress-seo-optymalizacja-poradnik/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> <span class="text-xs text-neutral-400 uppercase">wordpress</span> <br>SEO WordPress - jak wypozycjonować stronę krok po kroku </a> </li><li> <a href="/baza-wiedzy/wordpress/wordpress-rank-math-seo/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> <span class="text-xs text-neutral-400 uppercase">wordpress</span> <br>Rank Math SEO - poradnik konfiguracji WordPress </a> </li><li> <a href="/baza-wiedzy/wordpress/bezpieczenstwo-optymalizacja-w-wordpress/" class="text-neutral-700 hover:text-primary-600 text-sm block line-clamp-2"> <span class="text-xs text-neutral-400 uppercase">wordpress</span> <br>Bezpieczeństwo WordPress – jak skutecznie chronić stronę przed atakami? </a> </li> </ul> </div> <!-- Contact Info --> <div class="rounded-xl border border-neutral-100 p-6 shadow-sm bg-neutral-50"> <h3 class="font-bold mb-4">Szybki kontakt</h3> <div class="space-y-3 text-sm"> <a href="tel:+48604939140" class="flex items-center gap-3 text-neutral-700 hover:text-primary-600"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> +48 604 939 140 </a> <a href="mailto:biuro@kcmobile.pl" class="flex items-center gap-3 text-neutral-700 hover:text-primary-600"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> biuro@kcmobile.pl </a> </div> </div> </div> </aside> </div> </div> </article> <section class="section"> <div class="container-default"> <div class="section-dark rounded-2xl p-8 md:p-12 text-center"> <h2 class="text-2xl font-bold text-white mb-4">Potrzebujesz pomocy specjalisty?</h2> <p class="text-neutral-300 mb-8 max-w-2xl mx-auto"> Skorzystaj z naszych usług w największych miastach Polski </p> <div class="flex flex-wrap justify-center gap-3"> <a href="/www/pozycjonowanie-seo-warszawa/" class="px-5 py-2.5 bg-white/10 border border-white/20 rounded-lg text-white hover:bg-white/20 transition-all font-medium text-sm"> Pozycjonowanie SEO Warszawa </a><a href="/www/pozycjonowanie-seo-szczecin/" class="px-5 py-2.5 bg-white/10 border border-white/20 rounded-lg text-white hover:bg-white/20 transition-all font-medium text-sm"> Pozycjonowanie SEO Szczecin </a><a href="/www/pozycjonowanie-seo-poznan/" class="px-5 py-2.5 bg-white/10 border border-white/20 rounded-lg text-white hover:bg-white/20 transition-all font-medium text-sm"> Pozycjonowanie SEO Poznań </a><a href="/www/pozycjonowanie-seo-katowice/" class="px-5 py-2.5 bg-white/10 border border-white/20 rounded-lg text-white hover:bg-white/20 transition-all font-medium text-sm"> Pozycjonowanie SEO Katowice </a><a href="/www/pozycjonowanie-seo-gdansk/" class="px-5 py-2.5 bg-white/10 border border-white/20 rounded-lg text-white hover:bg-white/20 transition-all font-medium text-sm"> Pozycjonowanie SEO Gdańsk </a><a href="/www/pozycjonowanie-seo-krakow/" class="px-5 py-2.5 bg-white/10 border border-white/20 rounded-lg text-white hover:bg-white/20 transition-all font-medium text-sm"> Pozycjonowanie SEO Kraków </a> </div> </div> </div> </section> <section class="py-8 pb-24 lg:pb-8"> <div class="container-default flex flex-wrap justify-center gap-6"> <a href="/baza-wiedzy/seo/" class="text-primary-600 hover:underline inline-flex items-center gap-2"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> </svg> Więcej z kategorii SEO i Pozycjonowanie </a> <a href="/baza-wiedzy/" class="text-neutral-600 hover:text-primary-600"> Wszystkie kategorie </a> </div> </section> <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Jak najszybciej sprawdzić meta tagi jednej strony?","acceptedAnswer":{"@type":"Answer","text":"Najszybciej zainstalować wtyczkę przeglądarki SEO Meta in 1 Click lub Detailed SEO Extension. Po kliknięciu ikony zobaczysz title, description, canonical, robots i tagi Open Graph w jednym panelu. Bez wtyczki użyj skrótu Ctrl+U, aby otworzyć źródło strony, i wyszukaj w nim znaczniki w sekcji head."}},{"@type":"Question","name":"Jaka jest optymalna długość meta title i description?","acceptedAnswer":{"@type":"Answer","text":"Meta title powinien mieć 50-60 znaków (do ok. 600 pikseli), aby nie ucinał się w wynikach Google. Meta description optymalnie 150-160 znaków na desktop, przy czym na urządzeniach mobilnych widocznych jest tylko ok. 110-120 znaków, dlatego najważniejszy przekaz warto umieścić na początku opisu."}},{"@type":"Question","name":"Dlaczego nie widzę meta tagów w źródle strony?","acceptedAnswer":{"@type":"Answer","text":"Często wynika to z tego, że strona generuje metadane dopiero w przeglądarce za pomocą JavaScriptu, a widok źródła pokazuje surowy HTML z serwera. Otwórz wtedy narzędzia deweloperskie klawiszem F12, przejdź do zakładki Elements i rozwiń sekcję head, aby zobaczyć finalny, wyrenderowany kod ze wszystkimi tagami."}},{"@type":"Question","name":"Jak sprawdzić meta tagi dla całej witryny naraz?","acceptedAnswer":{"@type":"Answer","text":"Użyj crawlera Screaming Frog SEO Spider, który bezpłatnie analizuje do 500 adresów URL. Po zakończeniu skanowania w zakładkach Page Titles i Meta Description zobaczysz tytuł i opis każdej podstrony, ich długość oraz filtry wykrywające brakujące, zdublowane i zbyt długie tagi. Wyniki możesz wyeksportować do arkusza."}},{"@type":"Question","name":"Jak zweryfikować podgląd linku w mediach społecznościowych?","acceptedAnswer":{"@type":"Answer","text":"Sprawdź tagi Open Graph (og:title, og:description, og:image) w źródle strony lub wtyczką SEO. Następnie użyj Facebook Sharing Debugger, aby zobaczyć, jak link widzi Facebook, i wymusić odświeżenie cache przyciskiem Scrape Again. Pomocne są też darmowe narzędzia online symulujące podgląd na różnych platformach."}},{"@type":"Question","name":"Czy meta description wpływa na pozycje w Google?","acceptedAnswer":{"@type":"Answer","text":"Meta description nie jest bezpośrednim czynnikiem rankingowym i Google często przepisuje go na podstawie treści strony. Wpływa jednak pośrednio: dobrze napisany, zachęcający opis podnosi współczynnik klikalności (CTR), a wyższy CTR oznacza więcej ruchu z tej samej pozycji w wynikach wyszukiwania."}}]}</script> <div class="fixed bottom-0 left-0 right-0 z-50 lg:hidden bg-white border-t border-neutral-200 shadow-lg px-4 py-3 safe-area-bottom" id="sticky-cta"> <div class="flex items-center gap-3 max-w-lg mx-auto"> <a href="tel:+48604939140" class="flex items-center justify-center gap-2 flex-1 py-2.5 bg-primary-600 text-white rounded-lg font-semibold text-sm no-underline hover:bg-primary-700 hover:text-white transition-colors"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> Zadzwoń </a> <a href="/kontakt/" class="flex items-center justify-center flex-1 py-2.5 bg-accent-500 text-white rounded-lg font-semibold text-sm hover:bg-accent-600 transition-colors"> Bezpłatna wycena </a> </div> </div> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","@id":"https://kcmobile.pl/baza-wiedzy/seo/jak-sprawdzic-meta-tagi-swojej-strony/#article","headline":"Jak skutecznie sprawdzić meta tagi swojej strony internetowej?","description":"Poznaj sposoby na analizę meta tagów. Podnieś SEO swojej strony, sprawdź teraz!","image":"https://kcmobile.pl/images/kb/articles/seo--jak-sprawdzic-meta-tagi-swojej-strony.webp","url":"https://kcmobile.pl/baza-wiedzy/seo/jak-sprawdzic-meta-tagi-swojej-strony/","mainEntityOfPage":{"@type":"WebPage","@id":"https://kcmobile.pl/baza-wiedzy/seo/jak-sprawdzic-meta-tagi-swojej-strony/"},"isPartOf":{"@type":"CollectionPage","@id":"https://kcmobile.pl/baza-wiedzy/seo/#collection","name":"SEO i Pozycjonowanie","url":"https://kcmobile.pl/baza-wiedzy/seo/","isPartOf":{"@type":"WebPage","@id":"https://kcmobile.pl/pozycjonowanie-seo/#page","name":"Pozycjonowanie SEO"}},"datePublished":"2026-01-18","dateModified":"2026-06-15","wordCount":1954,"author":{"@id":"https://kcmobile.pl/#author"},"publisher":{"@id":"https://kcmobile.pl/#organization"},"speakable":{"@type":"SpeakableSpecification","cssSelector":[".quick-answer",".article-intro"]},"about":{"@type":"Service","@id":"https://kcmobile.pl/pozycjonowanie-seo/#service","name":"Pozycjonowanie SEO","provider":{"@id":"https://kcmobile.pl/#organization"}},"inLanguage":"pl-PL"}</script> </main> <footer class="bg-dark-deep text-neutral-300"> <!-- Main Footer --> <div class="container-default py-12 lg:py-16"> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 lg:gap-10"> <!-- Brand --> <div class="col-span-2 md:col-span-3 lg:col-span-1"> <a href="/" class="flex items-center mb-4 focus:outline-none focus:ring-2 focus:ring-primary-500 rounded"> <img src="/logo-white.svg" alt="KC Mobile" class="h-8 w-auto"> </a> <p class="text-sm text-neutral-400 mb-4 leading-relaxed"> Agencja interaktywna specjalizująca się w tworzeniu stron internetowych, pozycjonowaniu i marketingu online. </p> <!-- Badges --> <div class="flex flex-wrap items-center gap-3 mb-4"> <a href="https://www.google.com/partners/agency?id=4468565598" target="_blank" rel="noopener"><img src="https://www.gstatic.com/partners/badge/images/2025/PartnerBadgeClickable.svg" alt="Google Partner" class="h-12" width="100" height="48" loading="lazy"></a> <div class="flex flex-col gap-1"> <span class="inline-flex items-center gap-1 text-xs text-neutral-300 bg-dark-card px-2 py-1 rounded border border-primary-900/30"> <svg class="w-3 h-3 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> 5,0/5 (1 opinia) </span> <span class="inline-flex items-center gap-1 text-xs text-neutral-300 bg-dark-card px-2 py-1 rounded border border-primary-900/30"> <svg class="w-3 h-3 text-success" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> </svg> 18+ lat doświadczenia </span> </div> </div> <!-- Social Links --> <div class="flex gap-3"> <a href="https://www.facebook.com/AI.KCMobile/" class="w-9 h-9 flex items-center justify-center rounded-lg bg-dark-card border border-primary-900/30 text-neutral-400 hover:bg-primary-600 hover:text-white hover:border-primary-600 transition-all focus:outline-none focus:ring-2 focus:ring-primary-500" aria-label="Facebook" target="_blank" rel="noopener noreferrer"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"></path> </svg> </a> </div> </div> <!-- Services --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Usługi</h4> <ul class="space-y-2"> <li> <a href="/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Strony internetowe </a> </li><li> <a href="/pozycjonowanie-seo/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Pozycjonowanie SEO </a> </li><li> <a href="/social-media/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Social Media </a> </li><li> <a href="/facebook-ads/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Facebook Ads </a> </li><li> <a href="/google-ads/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Google Ads </a> </li><li> <a href="/sklepy-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Sklepy internetowe </a> </li><li> <a href="/wordpress/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> WordPress </a> </li><li> <a href="/automatyzacje/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Automatyzacje </a> </li><li> <a href="/wdrozenia-ai/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Wdrożenia AI </a> </li><li> <a href="/analityka-internetowa/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Analityka internetowa </a> </li><li> <a href="/pomiar-konwersji/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Pomiar konwersji </a> </li><li> <a href="/wizytowka-google/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Wizytówka Google </a> </li> </ul> </div> <!-- Knowledge Base --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Baza wiedzy</h4> <ul class="space-y-2"> <li> <a href="/baza-wiedzy/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Wszystkie artykuły </a> </li><li> <a href="/baza-wiedzy/wordpress/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> WordPress </a> </li><li> <a href="/baza-wiedzy/ecommerce/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> E-commerce </a> </li><li> <a href="/baza-wiedzy/seo/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> SEO </a> </li><li> <a href="/baza-wiedzy/google-ads/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Google Ads </a> </li><li> <a href="/baza-wiedzy/facebook-ads/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Facebook Ads </a> </li><li> <a href="/baza-wiedzy/social-media/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Social Media </a> </li><li> <a href="/baza-wiedzy/marketing/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Marketing </a> </li><li> <a href="/narzedzia/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Narzędzia </a> </li><li> <a href="/materialy/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Materiały </a> </li> </ul> </div> <!-- Industries --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Dla branż</h4> <ul class="space-y-2"> <li> <a href="/dla/firma-hydrauliczna/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla hydraulików </a> </li><li> <a href="/dla/salon-fryzjerski/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla fryzjerów </a> </li><li> <a href="/dla/gabinet-stomatologiczny/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla dentystów </a> </li><li> <a href="/dla/warsztat-samochodowy/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla warsztatów </a> </li><li> <a href="/dla/restauracja/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla restauracji </a> </li><li> <a href="/dla/kancelaria-prawna/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla prawników </a> </li><li> <a href="/dla/biuro-rachunkowe/strony-internetowe/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Dla księgowych </a> </li> </ul> </div> <!-- Popular Cities --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Popularne miasta</h4> <ul class="space-y-2"> <li> <a href="/www/strony-internetowe-warszawa/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Warszawa </a> </li><li> <a href="/www/strony-internetowe-krakow/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Kraków </a> </li><li> <a href="/www/strony-internetowe-wroclaw/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Wrocław </a> </li><li> <a href="/www/strony-internetowe-poznan/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Poznań </a> </li><li> <a href="/www/strony-internetowe-gdansk/" class="text-sm text-neutral-400 hover:text-accent-400 transition-colors"> Gdańsk </a> </li> </ul> <a href="/www/" class="text-sm text-primary-400 hover:text-primary-300 transition-colors mt-3 inline-block"> Wszystkie miasta → </a> </div> <!-- Contact --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Kontakt</h4> <ul class="space-y-3 text-sm"> <li class="flex items-start gap-2"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path> </svg> <a href="tel:+48604939140" class="text-neutral-400 hover:text-white transition-colors" data-umami-event="click-phone" data-umami-event-location="footer"> +48 604 939 140 </a> </li> <li class="flex items-start gap-2"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <a href="mailto:biuro@kcmobile.pl" class="text-neutral-400 hover:text-white transition-colors" data-umami-event="click-email" data-umami-event-location="footer"> biuro@kcmobile.pl </a> </li> <li class="flex items-start gap-2"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> <span class="text-neutral-400">KC Mobile<br>ul. Bażantów 16<br>41-250 Czeladź</span> </li> <li class="flex items-start gap-2"> <svg class="w-5 h-5 text-accent-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <span class="text-neutral-400">Pon-Pt 8:00-16:00<br>Sob 8:00-13:00</span> </li> <li class="flex items-start gap-2"> <svg class="w-5 h-5 text-yellow-400 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20"> <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path> </svg> <a href="https://g.page/kcmobile/review" target="_blank" rel="noopener" class="text-neutral-400 hover:text-white transition-colors" data-umami-event="click-review" data-umami-event-location="footer"> Oceń nas w Google </a> </li> </ul> </div> </div> </div> <!-- Bottom Bar --> <div class="border-t border-primary-900/30"> <div class="container-default py-6"> <div class="flex flex-col md:flex-row justify-between items-center gap-4"> <p class="text-sm text-neutral-500"> © 2026 KC Mobile. Wszelkie prawa zastrzeżone. </p> <div class="flex flex-wrap justify-center gap-4 md:gap-6"> <a href="/o-nas/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> O nas </a><a href="/o-mnie/krzysztof-czapnik/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> O autorze </a><a href="/cennik/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> Cennik </a><a href="/artykuly/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> Blog </a><a href="/kontakt/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> Kontakt </a> <span class="text-primary-900/40">|</span> <a href="/polityka-prywatnosci/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> Polityka prywatności </a><a href="/deklaracja-dostepnosci/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> Deklaracja dostępności </a><a href="/regulamin/" class="text-sm text-neutral-500 hover:text-neutral-300 transition-colors"> Regulamin </a> </div> </div> </div> </div> </footer> <!-- Sticky Mobile CTA - visible only on mobile, hidden on desktop --><div class="fixed bottom-0 left-0 right-0 lg:hidden bg-white border-t border-neutral-200 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] p-3 z-40 flex gap-2 transition-transform duration-300" id="sticky-mobile-cta" data-astro-cid-avybc3i7> <a href="#" id="sticky-cta-wycena" class="btn-accent flex-1 text-center text-sm py-2.5" data-umami-event="click-cta" data-umami-event-location="sticky-mobile" data-astro-cid-avybc3i7> Bezpłatna wycena </a> <a href="https://api.whatsapp.com/send?phone=48604939140&text=Dzie%C5%84%20dobry%2C%20chcia%C5%82bym%20zapyta%C4%87%20o%20wycen%C4%99." target="_blank" rel="nofollow noopener noreferrer" class="flex items-center justify-center flex-none px-3 py-2.5 bg-[#25D366] text-white rounded-lg text-sm font-semibold hover:bg-[#20BD5A] transition-colors" aria-label="WhatsApp" data-umami-event="click-whatsapp" data-umami-event-location="sticky-mobile" data-astro-cid-avybc3i7> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" data-astro-cid-avybc3i7> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" data-astro-cid-avybc3i7></path> </svg> </a> <a href="tel:+48604939140" id="sticky-cta-phone" class="flex items-center justify-center flex-none px-3 py-2.5 btn-outline text-sm" aria-label="Zadzwoń: 604 939 140" data-umami-event="click-phone" data-umami-event-location="sticky-mobile" data-astro-cid-avybc3i7> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-avybc3i7> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" data-astro-cid-avybc3i7></path> </svg> </a> </div> <!-- Add bottom padding to body to prevent content being hidden behind sticky CTA --> <a href="https://api.whatsapp.com/send?phone=48604939140&text=Dzie%C5%84%20dobry%2C%20chcia%C5%82bym%20zapyta%C4%87%20o%20wycen%C4%99." target="_blank" rel="nofollow noopener noreferrer" class="fixed bottom-6 right-6 z-40 hidden lg:flex items-center gap-2 bg-[#25D366] hover:bg-[#20BD5A] text-white px-5 py-3 rounded-full shadow-lg hover:shadow-xl transition-all hover:-translate-y-0.5 group" aria-label="Napisz na WhatsApp" data-umami-event="click-whatsapp" data-umami-event-location="floating-button" id="whatsapp-fab"> <svg class="w-6 h-6 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path> </svg> <span class="text-sm font-semibold">Napisz do nas</span> </a> <!-- Exit Intent Popup Overlay --><div id="exit-popup-overlay" class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 hidden opacity-0 transition-opacity duration-300" role="dialog" aria-modal="true" aria-labelledby="exit-intent-headline"> <div id="exit-popup" class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90vw] max-w-md bg-white rounded-2xl shadow-2xl p-6 md:p-8 scale-95 opacity-0 transition-all duration-300"> <!-- Close button --> <button id="exit-popup-close" class="absolute top-3 right-3 text-neutral-400 hover:text-neutral-700 transition-colors" aria-label="Zamknij"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <!-- Content --> <div class="text-center"> <h2 id="exit-intent-headline" class="text-xl md:text-2xl font-bold text-neutral-900 mb-3">Nie znalazłeś tego, czego szukasz?</h2> <p class="text-neutral-600 mb-6 text-sm md:text-base">Porozmawiajmy o Twoim projekcie. Bezpłatna konsultacja i wycena w ciągu 24h.</p> <!-- Form --> <form id="exit-popup-form" class="space-y-3 text-left"> <input type="hidden" name="source" value="exit-intent"> <input type="hidden" name="name" value="Zapytanie z exit popup"> <div> <label for="exit-email" class="sr-only">E-mail</label> <input type="email" id="exit-email" name="email" required placeholder="Twój adres e-mail" class="w-full px-4 py-3 border border-neutral-300 rounded-lg text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all"> </div> <div> <label for="exit-url" class="sr-only">Adres strony</label> <input type="url" id="exit-url" name="url" placeholder="Adres Twojej strony (opcjonalnie)" class="w-full px-4 py-3 border border-neutral-300 rounded-lg text-sm focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all"> </div> <button type="submit" class="w-full btn-accent py-3 text-sm font-semibold rounded-lg"> Wyślij – to nic nie kosztuje </button> </form> <!-- Success message (hidden by default) --> <div id="exit-popup-success" class="hidden py-6"> <div class="w-14 h-14 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-3"> <svg class="w-7 h-7 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> </div> <h3 class="text-lg font-bold text-neutral-900 mb-1">Dziękujemy!</h3> <p class="text-neutral-600 text-sm">Odezwiemy się w ciągu 24 godzin.</p> </div> <!-- Dismiss link --> <button id="exit-popup-dismiss" type="button" class="mt-4 text-sm text-neutral-400 hover:text-neutral-600 transition-colors"> Nie, dziękuję </button> </div> </div> </div> <script> (function() { var STORAGE_KEY = 'kcm-exit-popup-shown'; var DELAY_MS = 5000; var MOBILE_TIMEOUT_MS = 30000; if (sessionStorage.getItem(STORAGE_KEY)) return; if (document.getElementById('form-success')) return; var overlay = document.getElementById('exit-popup-overlay'); var popup = document.getElementById('exit-popup'); var closeBtn = document.getElementById('exit-popup-close'); var dismissBtn = document.getElementById('exit-popup-dismiss'); var form = document.getElementById('exit-popup-form'); var successMsg = document.getElementById('exit-popup-success'); if (!overlay || !popup) return; var canShow = false; var shown = false; setTimeout(function() { canShow = true; }, DELAY_MS); function showPopup() { if (shown || !canShow) return; if (document.getElementById('form-success')) return; shown = true; sessionStorage.setItem(STORAGE_KEY, '1'); overlay.classList.remove('hidden'); requestAnimationFrame(function() { overlay.classList.add('opacity-100'); overlay.classList.remove('opacity-0'); popup.classList.add('scale-100', 'opacity-100'); popup.classList.remove('scale-95', 'opacity-0'); }); if (typeof umami !== 'undefined') { umami.track('exit-intent-show'); } } function hidePopup() { overlay.classList.remove('opacity-100'); overlay.classList.add('opacity-0'); popup.classList.remove('scale-100', 'opacity-100'); popup.classList.add('scale-95', 'opacity-0'); setTimeout(function() { overlay.classList.add('hidden'); }, 300); } // Desktop: mouse leaves viewport at top document.addEventListener('mouseout', function(e) { if (e.clientY <= 0 && e.relatedTarget === null) { showPopup(); } }); // Mobile: after 30 seconds var isMobile = window.innerWidth < 768; if (isMobile) { setTimeout(showPopup, MOBILE_TIMEOUT_MS); } // Close handlers if (closeBtn) closeBtn.addEventListener('click', hidePopup); if (dismissBtn) dismissBtn.addEventListener('click', hidePopup); overlay.addEventListener('click', function(e) { if (e.target === overlay) hidePopup(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && !overlay.classList.contains('hidden')) hidePopup(); }); // Form submission if (form) { form.addEventListener('submit', function(e) { e.preventDefault(); var formData = new FormData(form); var submitBtn = form.querySelector('button[type="submit"]'); if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Wysyłanie...'; } fetch('/api/contact.php', { method: 'POST', body: formData }).then(function(response) { if (response.ok) { form.classList.add('hidden'); if (dismissBtn) dismissBtn.classList.add('hidden'); if (successMsg) successMsg.classList.remove('hidden'); if (typeof umami !== 'undefined') { umami.track('exit-intent-submit'); } setTimeout(hidePopup, 3000); } else { if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Wyślij – to nic nie kosztuje'; } } }).catch(function() { if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Wyślij – to nic nie kosztuje'; } }); }); } })(); </script> </body></html>