[{"data":1,"prerenderedAt":768},["ShallowReactive",2],{"artykuly-cechy-dobrej-strony-internetowej-co-irytuje-uzytkownikow-stron-internetowych-dlaczego-twoja-strona-internetowa-powinna-byc-responsywna":3},[4,210,552],{"id":5,"title":6,"body":7,"date":194,"description":195,"extension":196,"meta":197,"navigation":198,"obrazek":199,"obrazekAlt":200,"path":201,"seo":202,"sitemap":203,"stem":204,"szkic":205,"typ":206,"tytulSeo":207,"zaktualizowano":208,"__hash__":209},"blog/blog/cechy-dobrej-strony-internetowej.md","5 cech dobrej strony internetowej",{"type":8,"value":9,"toc":183},"minimark",[10,14,17,22,25,28,31,38,42,45,48,59,63,66,69,74,78,81,84,87,97,101,104,112,117,121,127,133,139,145,149,160,166,172,175],[11,12,13],"p",{},"Dobra strona firmowa różni się od słabej nie wyglądem, tylko tym, czy ktoś po wejściu wie, co robisz, i czy potrafi się z Tobą skontaktować. Reszta, łącznie z animacjami i ładnym zdjęciem w nagłówku, jest dodatkiem do tych dwóch rzeczy.",[11,15,16],{},"Poniżej pięć cech, które to przesądzają. Przy każdej podaję sposób, żeby sprawdzić własną stronę bez zgadywania i bez płacenia za audyt.",[18,19,21],"h2",{"id":20},"_1-w-pierwszym-ekranie-widać-co-oferujesz","1. W pierwszym ekranie widać, co oferujesz",[11,23,24],{},"Osoba, która trafia na Twoją stronę z wyszukiwarki, nie zna Twojej firmy. Ma jedno pytanie: czy tu załatwi swoją sprawę. Jeśli w pierwszym ekranie widzi hasło w rodzaju „kompleksowe rozwiązania dla biznesu\", odpowiedzi nie dostaje i wraca do wyników wyszukiwania.",[11,26,27],{},"Konkret działa lepiej niż ogólnik. „Montaż okien i drzwi, Ełk i okolice\" mówi wszystko. „Tworzymy przestrzenie\" nie mówi nic.",[11,29,30],{},"W pierwszym ekranie powinny znaleźć się trzy rzeczy: co robisz, dla kogo, i jak się z Tobą skontaktować. Numer telefonu w nagłówku jest wart więcej niż karuzela zdjęć.",[11,32,33,37],{},[34,35,36],"strong",{},"Jak sprawdzić:"," pokaż stronę główną komuś spoza swojej branży przez pięć sekund, potem zasłoń ekran i zapytaj, czym zajmuje się ta firma. Jeśli nie potrafi odpowiedzieć, przekaz jest za słaby.",[18,39,41],{"id":40},"_2-działa-na-telefonie","2. Działa na telefonie",[11,43,44],{},"Ponad połowa wejść na typową stronę firmową pochodzi z telefonów. Strona, która na małym ekranie wymaga powiększania palcami albo przewija się na boki, traci te osoby, zanim zdążą cokolwiek przeczytać.",[11,46,47],{},"Najczęstsze usterki to za małe przyciski, formularz kontaktowy wychodzący poza ekran, menu zasłaniające treść i zdjęcia w tle, które na telefonie przycinają się w najgorszym możliwym miejscu.",[11,49,50,52,53,58],{},[34,51,36],{}," otwórz własną stronę na swoim telefonie i spróbuj wysłać sobie zapytanie przez formularz. Ta jedna czynność wykrywa większość problemów. Więcej o tym pisałem w tekście o tym, ",[54,55,57],"a",{"href":56},"/blog/dlaczego-twoja-strona-internetowa-powinna-byc-responsywna/","dlaczego responsywność jest konieczna",".",[18,60,62],{"id":61},"_3-ładuje-się-szybko","3. Ładuje się szybko",[11,64,65],{},"Czas ładowania przekłada się wprost na liczbę osób, które zostaną. Przy stronie, która otwiera się dłużej niż trzy sekundy, część odwiedzających rezygnuje jeszcze przed zobaczeniem treści. Google mierzy to od 2021 roku wskaźnikami Core Web Vitals i bierze pod uwagę przy ustalaniu pozycji.",[11,67,68],{},"Najczęstsza przyczyna wolnej strony firmowej to zdjęcia wgrane prosto z aparatu: plik ma cztery megabajty i 6000 pikseli szerokości, a wyświetla się w okienku o szerokości 400 pikseli. Drugą przyczyną jest nadmiar wtyczek, z których każda dokłada własne skrypty do każdej podstrony.",[11,70,71,73],{},[34,72,36],{}," wpisz adres strony w PageSpeed Insights od Google. Narzędzie jest bezpłatne i pokazuje osobno wynik dla telefonu i dla komputera. Wynik mobilny poniżej 50 punktów oznacza, że jest co poprawiać.",[18,75,77],{"id":76},"_4-da-się-ją-znaleźć","4. Da się ją znaleźć",[11,79,80],{},"Strona, do której trafiają wyłącznie osoby znające adres, pełni funkcję wizytówki. Żeby zaczęła przyprowadzać nowych klientów, musi odpowiadać na to, co ludzie wpisują w wyszukiwarkę.",[11,82,83],{},"Podstawy, które robi się raz i działają latami: osobny tytuł i opis dla każdej podstrony, nagłówki opisujące zawartość zamiast ozdobników, adresy czytelne dla człowieka, mapa strony i konto w Google Search Console.",[11,85,86],{},"Przy działalności lokalnej dochodzi wizytówka Google i nazwa miejscowości w treści. Fraza „okna Ełk\" ma mniejszą konkurencję niż „okna\", a prowadzi klientów, którzy realnie mogą do Ciebie przyjechać.",[11,88,89,91,92,96],{},[34,90,36],{}," wpisz w Google ",[93,94,95],"code",{},"site:twojadomena.pl",". Wynik pokaże, ile Twoich podstron jest w indeksie. Jeśli wyszukiwarka nie znajdzie żadnej, strona jest dla niej niewidoczna i to pierwsza rzecz do naprawy.",[18,98,100],{"id":99},"_5-jest-utrzymywana","5. Jest utrzymywana",[11,102,103],{},"Strona nie jest meblem, który raz się kupuje. To oprogramowanie, które łączy się z internetem, więc wymaga aktualizacji. Porzucona witryna na WordPressie z wtyczkami sprzed trzech lat prędzej czy później zostanie zainfekowana — nie dlatego, że ktoś się na nią uwziął, tylko dlatego, że automaty skanują cały internet w poszukiwaniu znanych dziur.",[11,105,106,107,111],{},"Do tego dochodzą rzeczy, które trzeba mieć niezależnie od włamań: certyfikat SSL, kopie zapasowe odtwarzalne w razie awarii, polityka prywatności i informacja o ciasteczkach. Jeśli nie masz czasu tego pilnować, wchodzi to w ",[54,108,110],{"href":109},"/opieka-nad-strona-internetowa/","stałą opiekę nad stroną"," i obejmuje też witryny zbudowane przez kogoś innego.",[11,113,114,116],{},[34,115,36],{}," zaloguj się do panelu i zobacz, ile aktualizacji czeka. Sprawdź też, kiedy powstała ostatnia kopia zapasowa i czy wiesz, jak ją odtworzyć. Kopia, której nikt nigdy nie odtwarzał, jest kopią tylko z nazwy.",[18,118,120],{"id":119},"czego-unikać","Czego unikać",[11,122,123,126],{},[34,124,125],{},"Automatycznie odtwarzanej muzyki i wideo."," Odwiedzający zamyka kartę szybciej, niż znajdzie przycisk wyciszenia.",[11,128,129,132],{},[34,130,131],{},"Karuzeli na całą szerokość ekranu."," Badania użyteczności pokazują od lat, że odwiedzający czytają głównie pierwszy slajd, a resztę pomijają. Treść, którą warto pokazać, lepiej wyłożyć wprost.",[11,134,135,138],{},[34,136,137],{},"Kontaktu wyłącznie przez formularz."," Część osób woli zadzwonić. Numer widoczny bez szukania to najprostszy sposób na zwiększenie liczby zapytań.",[11,140,141,144],{},[34,142,143],{},"Efektów, które opóźniają treść."," Animacja pojawiania się wygląda dobrze przy przewijaniu, ale gdy blokuje tekst w pierwszym ekranie, działa przeciwko Tobie.",[18,146,148],{"id":147},"częste-pytania","Częste pytania",[11,150,151,154,155,159],{},[34,152,153],{},"Ile kosztuje dobra strona firmowa?","\nZależy od liczby podstron i tego, czy potrzebny jest ",[54,156,158],{"href":157},"/projektowanie-graficzne-elk/","projekt graficzny od zera",", czy wystarczy dopasowanie gotowego układu. Sensowna strona wizytówkowa to inny rząd wielkości niż serwis z katalogiem produktów i wyszukiwarką.",[11,161,162,165],{},[34,163,164],{},"Czy lepszy jest WordPress, czy strona pisana od zera?","\nDla większości firm WordPress, bo daje możliwość samodzielnej zmiany treści. Strona pisana od zera wygrywa przy nietypowych wymaganiach i wtedy, gdy liczy się każdy punkt w PageSpeed.",[11,167,168,171],{},[34,169,170],{},"Jak długo trwa, zanim strona zacznie przyprowadzać klientów?","\nPierwsze wejścia z wyszukiwarki pojawiają się zwykle po kilku tygodniach od publikacji. Stabilna pozycja na konkurencyjne frazy to kwestia miesięcy i regularnego dokładania treści.",[173,174],"hr",{},[11,176,177,178,182],{},"Jeśli po tej lekturze widzisz u siebie dwie albo trzy rzeczy do poprawienia, ",[54,179,181],{"href":180},"/kontakt/","odezwij się"," — powiem, które z nich faktycznie wpływają na liczbę zapytań, a które są kosmetyką.",{"title":184,"searchDepth":185,"depth":185,"links":186},"",2,[187,188,189,190,191,192,193],{"id":20,"depth":185,"text":21},{"id":40,"depth":185,"text":41},{"id":61,"depth":185,"text":62},{"id":76,"depth":185,"text":77},{"id":99,"depth":185,"text":100},{"id":119,"depth":185,"text":120},{"id":147,"depth":185,"text":148},"2024-03-12","Co odróżnia stronę, która przynosi zapytania, od kosztownej wizytówki. Pięć cech, przy każdej konkretny sposób, żeby sprawdzić własną witrynę.","md",{},true,"/img/blog/cechy-dobrej-strony-internetowej.webp","Osoba przeglądająca stronę internetową na laptopie","/blog/cechy-dobrej-strony-internetowej",{"title":6,"description":195},{"loc":201},"blog/cechy-dobrej-strony-internetowej",false,"article",null,"2026-09-12","maAlHX8jHOl2UfHfshE4llLst46d3BZxSzvHOQsdca0",{"id":211,"title":212,"body":213,"date":542,"description":543,"extension":196,"meta":544,"navigation":198,"obrazek":545,"obrazekAlt":546,"path":547,"seo":548,"sitemap":549,"stem":550,"szkic":205,"typ":206,"tytulSeo":207,"zaktualizowano":207,"__hash__":551},"blog/blog/co-irytuje-uzytkownikow-stron-internetowych.md","Co irytuje użytkowników stron internetowych — 14 błędów",{"type":8,"value":214,"toc":515},[215,218,221,225,228,233,236,239,242,247,251,254,257,261,264,267,270,275,279,282,287,291,294,298,301,304,308,311,316,320,323,326,330,333,336,339,343,346,349,352,357,361,365,368,371,375,378,381,385,388,391,395,398,406,410,414,417,439,442,451,455,458,482,484,494,500,506,508],[11,216,217],{},"Najczęstsze powody, dla których ktoś zamyka stronę firmową, nie mają nic wspólnego z jej wyglądem. To pop-up zasłaniający treść, cena, której nigdzie nie ma, formularz, który po wysłaniu pokazuje pustą stronę, i telefon, do którego trzeba się dokopać przez stopkę.",[11,219,220],{},"Każdy z tych błędów naprawia się w godzinę albo dwie. Zebrałem czternaście, które widuję najczęściej przy przejmowaniu cudzych stron, i przy każdym dopisałem, jak sprawdzić, czy występuje u Ciebie.",[18,222,224],{"id":223},"pierwsze-pięć-sekund","Pierwsze pięć sekund",[11,226,227],{},"Tyle mniej więcej trwa decyzja, czy zostać. Wszystko, co w tym czasie przeszkadza w czytaniu, działa na Twoją niekorzyść.",[229,230,232],"h3",{"id":231},"_1-pop-up-zaraz-po-wejściu","1. Pop-up zaraz po wejściu",[11,234,235],{},"Okno z rabatem, zapisem do newslettera albo pytaniem „w czym mogę pomóc?\", które pojawia się, zanim ktokolwiek zdążył cokolwiek przeczytać. Na telefonie zwykle zasłania cały ekran, a krzyżyk zamykający ma kilkanaście pikseli.",[11,237,238],{},"To jest też problem pozycjonowania, nie tylko wygody. Google od 2017 roku traktuje natrętne okna zasłaniające treść na telefonie jako powód do obniżenia strony w wynikach. Wyjątkiem są okna wymagane prawem, jak zgoda na ciasteczka czy potwierdzenie wieku.",[11,240,241],{},"Baner zgody musisz mieć, ale nie musi zajmować pół ekranu i nie może utrudniać odmowy. Jeśli „Akceptuję wszystko\" to jedno kliknięcie, a odrzucenie wymaga wejścia w ustawienia i odznaczenia pięciu suwaków, robisz to źle także z punktu widzenia przepisów.",[11,243,244,246],{},[34,245,36],{}," wejdź na własną stronę na telefonie w trybie prywatnym. Policz, ile rzeczy musisz zamknąć, zanim zobaczysz pierwsze zdanie treści.",[229,248,250],{"id":249},"_2-elementy-które-skaczą-podczas-czytania","2. Elementy, które skaczą podczas czytania",[11,252,253],{},"Zaczynasz czytać akapit, ładuje się zdjęcie nad nim i tekst ucieka w dół. Albo klikasz link i w tym samym momencie coś przesuwa układ, więc trafiasz w co innego. Google mierzy to wskaźnikiem CLS i za dobry wynik uznaje wartość poniżej 0,1.",[11,255,256],{},"Powód jest prawie zawsze ten sam: obrazek bez podanej szerokości i wysokości, baner doklejany skryptem nad treścią albo font, który po doładowaniu zmienia wysokość linii. Rozwiązaniem jest rezerwowanie miejsca z góry, a nie wstawianie elementów w locie.",[229,258,260],{"id":259},"_3-zbyt-długie-ładowanie","3. Zbyt długie ładowanie",[11,262,263],{},"Google za dobry wynik uznaje wyświetlenie największego elementu strony w 2,5 sekundy. Powyżej czterech sekund część odwiedzających wraca do wyników wyszukiwania, zanim zobaczy cokolwiek poza białym tłem.",[11,265,266],{},"Na stronach firmowych przyczyna bywa banalna: zdjęcia wgrane prosto z aparatu. Plik ma pięć megabajtów i 6000 pikseli szerokości, a wyświetla się w kafelku o szerokości 400 pikseli. Druga przyczyna to wtyczki dokładające własne skrypty do każdej podstrony, także tam, gdzie nie są używane.",[11,268,269],{},"Jedno zastrzeżenie: goń realną prędkość, nie punkty. PageSpeed Insights potrafi odjąć punkty za rzeczy, które użytkownikowi nie przeszkadzają, i przemilczeć takie, które przeszkadzają bardzo.",[11,271,272,274],{},[34,273,36],{}," wpisz adres w PageSpeed Insights i spójrz osobno na wynik mobilny. Potem otwórz stronę na telefonie w zasięgu LTE, nie na domowym wi-fi.",[229,276,278],{"id":277},"_4-wersja-mobilna-zrobiona-po-łebkach","4. Wersja mobilna zrobiona po łebkach",[11,280,281],{},"Tekst wychodzący za ekran, poziomy pasek przewijania, przyciski tak małe, że trzeba w nie celować. WCAG w wersji 2.2 podaje konkretną granicę: element klikalny powinien mieć co najmniej 24 na 24 piksele, a w wariancie zalecanym 44 na 44.",[11,283,284,285,58],{},"Po tylu latach od momentu, w którym responsywność stała się standardem, nadal spotykam strony, gdzie menu na telefonie zasłania treść i nie da się go zamknąć. Więcej o samym mechanizmie pisałem w tekście o tym, ",[54,286,57],{"href":56},[18,288,290],{"id":289},"nie-mogę-tego-znaleźć","Nie mogę tego znaleźć",[11,292,293],{},"Druga grupa błędów dotyczy informacji, po które ktoś przyszedł, a których nie ma albo są schowane.",[229,295,297],{"id":296},"_5-ceny-których-nigdzie-nie-ma","5. Ceny, których nigdzie nie ma",[11,299,300],{},"Najczęstszy powód zamknięcia karty na stronie usługowej. Rozumiem argument, że wycena zależy od zakresu, bo w moim fachu też zależy. Nie zmienia to faktu, że „skontaktuj się po wycenę\" wymaga od kogoś zaangażowania, zanim dostanie jakąkolwiek informację.",[11,302,303],{},"Widełki rozwiązują to dwoma zdaniami: od jakiej kwoty zaczyna się najprostszy wariant i w jakim przedziale mieści się typowe zlecenie. To nie wiąże Cię cenowo, a odsiewa zapytania od osób z budżetem kilkakrotnie mniejszym, niż zakładasz. Na tym zyskujecie oboje.",[229,305,307],{"id":306},"_6-kontakt-schowany-w-stopce","6. Kontakt schowany w stopce",[11,309,310],{},"Numer telefonu powinien być widoczny w nagłówku, na każdej podstronie, i musi być klikalny na telefonie. Formularz to za mało — część osób woli zadzwonić i nie będzie szukać alternatywy.",[11,312,313,315],{},[34,314,36],{}," otwórz dowolną podstronę na telefonie i spróbuj zadzwonić, nie przewijając do stopki.",[229,317,319],{"id":318},"_7-brak-danych-firmy","7. Brak danych firmy",[11,321,322],{},"Nazwa, adres, NIP. Brzmi jak formalność, ale to jest pierwsza rzecz, którą sprawdza ktoś, kto rozważa przelew na kilka tysięcy złotych. Strona bez tych danych wygląda jak strona, która może zniknąć w przyszłym tygodniu.",[11,324,325],{},"Przy sprzedaży przez internet to zresztą nie jest kwestia zaufania, tylko obowiązku. Przepisy o świadczeniu usług drogą elektroniczną nakazują podać dane identyfikujące usługodawcę w sposób dostępny dla odbiorcy.",[229,327,329],{"id":328},"_8-wyszukiwarka-zwracająca-przypadkowe-wyniki","8. Wyszukiwarka zwracająca przypadkowe wyniki",[11,331,332],{},"Wpisujesz hasło na blogu i w wynikach lądują podstrony ofertowe, polityka prywatności i wersje robocze. Bez zdjęć, bez dat, bez sensownej kolejności.",[11,334,335],{},"Zwykle to nie jest zamierzone, tylko domyślne. Wyszukiwarka WordPressa bez konfiguracji przeszukuje wszystkie typy treści i sortuje po dacie, nie po trafności. Da się ją ograniczyć do wpisów kilkoma liniami kodu w motywie potomnym.",[11,337,338],{},"Jeśli strona ma dwanaście podstron i żadnego bloga, najlepszym rozwiązaniem bywa usunięcie pola wyszukiwania. Puste wyniki wyglądają gorzej niż brak wyszukiwarki.",[229,340,342],{"id":341},"_9-martwe-linki-i-błędy-404","9. Martwe linki i błędy 404",[11,344,345],{},"Klikam odnośnik, bo spodziewam się, że dokądś prowadzi. Zamiast tego dostaję komunikat o nieistniejącej stronie i zwykle na tym kończę wizytę.",[11,347,348],{},"Najwięcej takich linków powstaje po przebudowie serwisu, gdy zmieniają się adresy podstron, a stare nie dostają przekierowań. Druga kategoria to odnośniki do cudzych stron, które przestały istnieć rok temu i nikt tego nie zauważył.",[11,350,351],{},"Strona 404 też ma znaczenie. Zamiast samego napisu „nie znaleziono\" powinna proponować drogę dalej: wyszukiwarkę, menu, odnośnik do strony głównej i kontakt.",[11,353,354,356],{},[34,355,36],{}," w Google Search Console, w raporcie indeksowania, znajdziesz listę adresów zwracających 404 razem z informacją, skąd Google je zna.",[18,358,360],{"id":359},"treść-której-nikt-nie-przeczyta","Treść, której nikt nie przeczyta",[229,362,364],{"id":363},"_10-ściana-tekstu","10. Ściana tekstu",[11,366,367],{},"Akapit na piętnaście linii, bez śródtytułów, wyjustowany na całą szerokość ekranu. Robotom wyszukiwarek to nie przeszkadza, ludziom bardzo.",[11,369,370],{},"Cztery rzeczy załatwiają większość problemu: wiersz o długości 60–75 znaków, odstęp między liniami około 1,6 wysokości fontu, akapity po trzy, cztery linie i śródtytuł co dwa ekrany. Listy punktowane tam, gdzie treść naprawdę jest wyliczeniem.",[229,372,374],{"id":373},"_11-słownictwo-którego-klient-nie-zna","11. Słownictwo, którego klient nie zna",[11,376,377],{},"Branżowe skróty i nazwy technologii mają sens, gdy piszesz do kogoś z branży. Na stronie firmowej odbiorcą jest zwykle ktoś, kto zna problem, a nie nazwę rozwiązania.",[11,379,380],{},"Prosty test: przeczytaj zdanie na głos i zastanów się, czy powiedziałbyś je tak samo przez telefon klientowi. Jeśli nie, przepisz je tak, jak byś to powiedział.",[229,382,384],{"id":383},"_12-teksty-o-sobie-zamiast-o-kliencie","12. Teksty o sobie zamiast o kliencie",[11,386,387],{},"„Jesteśmy firmą o ugruntowanej pozycji na rynku, stawiającą na jakość i indywidualne podejście.\" Takie zdanie pasuje do każdej firmy w każdej branży, więc nie mówi nic o Twojej.",[11,389,390],{},"Zamień je na coś, czego konkurencja nie może o sobie napisać. „Awarie usuwamy w 48 godzin, także w soboty\" jest sprawdzalne i konkretne. Klient nie kupuje Twojego doświadczenia, tylko to, co z niego dla niego wynika.",[229,392,394],{"id":393},"_13-zdjęcia-ze-stocka","13. Zdjęcia ze stocka",[11,396,397],{},"Uśmiechnięty zespół w garniturach przy szklanym stole, ten sam, który widziałem wczoraj na stronie konkurencji. Sztuczność widać od razu i podważa resztę przekazu.",[11,399,400,401,405],{},"Zdjęcie zrobione telefonem w Twoim warsztacie, na budowie albo w biurze wygląda gorzej technicznie i działa lepiej. Pokazuje, że firma naprawdę istnieje i ma co pokazać. To samo dotyczy realizacji — ",[54,402,404],{"href":403},"/realizacje/","mój katalog wdrożeń"," to zrzuty prawdziwych stron, nie wizualizacje.",[18,407,409],{"id":408},"formularz-czyli-ostatni-metr","Formularz, czyli ostatni metr",[229,411,413],{"id":412},"_14-formularz-który-utrudnia-wysłanie-wiadomości","14. Formularz, który utrudnia wysłanie wiadomości",[11,415,416],{},"To jedyny moment, w którym ktoś sam zgłasza się do Ciebie, i jednocześnie miejsce, w którym najwięcej się psuje. Typowy zestaw usterek:",[418,419,420,424,427,430,433,436],"ul",{},[421,422,423],"li",{},"błędy pokazywane dopiero po wysłaniu, hurtem, bez wskazania którego pola dotyczą",[421,425,426],{},"wyczyszczenie wszystkich pól po nieudanej próbie",[421,428,429],{},"wymagany numer telefonu, choć wystarczyłby sam adres e-mail",[421,431,432],{},"brak potwierdzenia po wysłaniu albo przeładowanie na pustą stronę",[421,434,435],{},"brak kopii wiadomości dla nadawcy, więc nie wiadomo, czy cokolwiek doszło",[421,437,438],{},"zaznaczona z góry zgoda marketingowa, czego przepisy nie dopuszczają",[11,440,441],{},"Najgorsza usterka jest jednak niewidoczna: formularz, który wygląda na działający, a wiadomości nie docierają. Zdarza się po zmianie hostingu, po wygaśnięciu hasła do skrzynki albo dlatego, że poczta trafia do spamu przez brak wpisów SPF i DKIM. Nikt tego nie zgłosi, bo nadawca widzi komunikat o wysłaniu.",[11,443,444,446,447,450],{},[34,445,36],{}," raz w miesiącu wyślij zapytanie przez własny formularz z adresu spoza firmy i sprawdź, czy przyszło oraz jak długo szło. Ten ",[54,448,449],{"href":180},"formularz kontaktowy"," wysyła nadawcy kopię właśnie po to, żeby obie strony miały ślad.",[18,452,454],{"id":453},"przegląd-własnej-strony-w-pół-godziny","Przegląd własnej strony w pół godziny",[11,456,457],{},"Sześć czynności, które wyłapują większość z tych czternastu rzeczy:",[459,460,461,464,467,470,473,479],"ol",{},[421,462,463],{},"Otwórz stronę główną na telefonie w trybie prywatnym i policz, ile okien musisz zamknąć.",[421,465,466],{},"Spróbuj zadzwonić z podstrony ofertowej, nie przewijając do stopki.",[421,468,469],{},"Znajdź na stronie cenę albo widełki. Jeśli nie ma, zapisz to jako pierwszą rzecz do poprawy.",[421,471,472],{},"Wyślij sobie zapytanie przez formularz z prywatnego adresu.",[421,474,475,476,478],{},"Wpisz w Google ",[93,477,95],{}," i sprawdź, ile podstron jest w indeksie.",[421,480,481],{},"Wklej adres w PageSpeed Insights i spójrz na wynik mobilny.",[18,483,148],{"id":147},[11,485,486,489,490,493],{},[34,487,488],{},"Ile z tych błędów da się poprawić bez przebudowy strony?","\nWiększość. Ceny, dane firmy, numer w nagłówku, ustawienia formularza i kompresja zdjęć to zmiany w treści i konfiguracji — takie drobne poprawki mieszczą się w ",[54,491,492],{"href":109},"stałej opiece nad stroną",". Przebudowy wymagają zwykle tylko problemy z wersją mobilną i skaczący układ, bo siedzą w motywie.",[11,495,496,499],{},[34,497,498],{},"Czy pop-up zawsze szkodzi?","\nNie. Szkodzi ten, który pojawia się od razu i zasłania treść na telefonie. Okno wyzwalane przy próbie opuszczenia strony albo po przewinięciu połowy artykułu nie wywołuje tej reakcji i nie jest traktowane przez Google jako natrętne.",[11,501,502,505],{},[34,503,504],{},"Jak sprawdzić, czy formularz naprawdę działa?","\nWyślij wiadomość z adresu spoza własnej domeny, najlepiej z Gmaila, i sprawdź też folder spam. Jeśli poczta idzie z serwera bez skonfigurowanego SPF i DKIM, część wiadomości ląduje tam po cichu.",[173,507],{},[11,509,510,511,514],{},"Jeśli po tej liście zebrało Ci się kilka rzeczy do naprawienia i nie wiesz, od której zacząć, ",[54,512,513],{"href":180},"napisz do mnie"," — powiem, które z nich faktycznie kosztują Cię zapytania, a które są kosmetyką.",{"title":184,"searchDepth":185,"depth":185,"links":516},[517,524,531,537,540,541],{"id":223,"depth":185,"text":224,"children":518},[519,521,522,523],{"id":231,"depth":520,"text":232},3,{"id":249,"depth":520,"text":250},{"id":259,"depth":520,"text":260},{"id":277,"depth":520,"text":278},{"id":289,"depth":185,"text":290,"children":525},[526,527,528,529,530],{"id":296,"depth":520,"text":297},{"id":306,"depth":520,"text":307},{"id":318,"depth":520,"text":319},{"id":328,"depth":520,"text":329},{"id":341,"depth":520,"text":342},{"id":359,"depth":185,"text":360,"children":532},[533,534,535,536],{"id":363,"depth":520,"text":364},{"id":373,"depth":520,"text":374},{"id":383,"depth":520,"text":384},{"id":393,"depth":520,"text":394},{"id":408,"depth":185,"text":409,"children":538},[539],{"id":412,"depth":520,"text":413},{"id":453,"depth":185,"text":454},{"id":147,"depth":185,"text":148},"2025-04-23","Czternaście rzeczy, które wyganiają odwiedzających ze strony firmowej. Przy każdym punkcie konkretny sposób, żeby sprawdzić to u siebie.",{},"/img/blog/co-irytuje-uzytkownikow-stron-internetowych.webp","Zirytowana osoba przed ekranem laptopa","/blog/co-irytuje-uzytkownikow-stron-internetowych",{"title":212,"description":543},{"loc":547},"blog/co-irytuje-uzytkownikow-stron-internetowych","lbKlvQTaC7iCzMItNc3Rc2g5Hf7tWVN1DOURW2zlQNM",{"id":553,"title":554,"body":555,"date":757,"description":758,"extension":196,"meta":759,"navigation":198,"obrazek":760,"obrazekAlt":761,"path":762,"seo":763,"sitemap":764,"stem":765,"szkic":205,"typ":206,"tytulSeo":207,"zaktualizowano":766,"__hash__":767},"blog/blog/dlaczego-twoja-strona-internetowa-powinna-byc-responsywna.md","Co to jest responsywna strona internetowa i jak ją sprawdzić",{"type":8,"value":556,"toc":747},[557,560,563,566,570,573,580,584,587,593,599,605,609,615,621,627,633,637,640,643,647,650,653,656,660,666,672,678,684,690,694,697,705,712,714,723,729,735,741],[11,558,559],{},"Responsywna strona internetowa dopasowuje swój układ do szerokości ekranu, na którym się wyświetla. Ten sam adres i ta sama treść układają się inaczej na komputerze, a inaczej na telefonie, bez osobnej wersji mobilnej i bez powiększania palcami.",[11,561,562],{},"Ma to znaczenie, bo ponad połowa osób, które trafią na Twoją stronę, zobaczy ją właśnie na telefonie. Jeśli muszą powiększać tekst dwoma palcami albo trafiać w przycisk wielkości ziarnka grochu, wychodzą i klikają w kolejny wynik wyszukiwania. Twój.",[11,564,565],{},"Ten tekst mówi, jak sprawdzić własną stronę w minutę, co konkretnie tracisz przy niedostosowanej witrynie i co da się z tym zrobić.",[18,567,569],{"id":568},"co-znaczy-że-strona-jest-responsywna","Co znaczy, że strona jest responsywna",[11,571,572],{},"Różnica jest w ułożeniu tych samych elementów. Na komputerze menu rozkłada się w poziomie, a treść stoi w trzech kolumnach obok siebie. Na telefonie menu chowa się pod przyciskiem, a kolumny ustawiają się jedna pod drugą. Nie ma drugiego adresu ani drugiej treści do utrzymywania.",[11,574,575,576,579],{},"Nazwa wzięła się z angielskiego „responsive\" — strona reaguje na warunki, w jakich się wyświetla. Podejście opisał Ethan Marcotte w 2010 roku w artykule dla „A List Apart\" i przez dekadę stało się standardem, bo alternatywa była kiepska: osobna wersja mobilna pod adresem ",[93,577,578],{},"m.twojafirma.pl",", którą trzeba utrzymywać podwójnie i która zawsze zostaje w tyle za główną.",[18,581,583],{"id":582},"jak-sprawdzić-czy-twoja-strona-jest-responsywna","Jak sprawdzić, czy Twoja strona jest responsywna",[11,585,586],{},"Trzy sposoby, od najszybszego.",[11,588,589,592],{},[34,590,591],{},"Weź telefon i wejdź na swoją stronę."," Bez powiększania spróbuj przeczytać ofertę, kliknąć w numer telefonu i wysłać wiadomość przez formularz. Jeśli którykolwiek z tych kroków wymaga przybliżania albo trafiania w mikroskopijny element, masz odpowiedź.",[11,594,595,598],{},[34,596,597],{},"Zmniejsz okno przeglądarki na komputerze."," Złap prawą krawędź i przeciągnij w lewo, aż okno będzie wąskie jak telefon. Strona responsywna przestawi układ płynnie, po drodze przekładając elementy jeden pod drugi. Niedostosowana albo utnie treść, albo pokaże poziomy pasek przewijania.",[11,600,601,604],{},[34,602,603],{},"Sprawdź w PageSpeed Insights."," Narzędzie Google pokazuje wynik osobno dla telefonu i komputera, razem z listą problemów. Zwróć uwagę nie tylko na ocenę wydajności, ale też na sekcję o czytelności i wielkości elementów dotykowych.",[18,606,608],{"id":607},"co-tracisz-gdy-strona-nie-działa-na-telefonie","Co tracisz, gdy strona nie działa na telefonie",[11,610,611,614],{},[34,612,613],{},"Klientów, którzy nie wracają."," Użytkownik, który raz walczył z Twoją stroną na telefonie, nie próbuje drugi raz. Nie pisze też skargi — po prostu wchodzi do konkurencji.",[11,616,617,620],{},[34,618,619],{},"Pozycję w wyszukiwarce."," Google indeksuje dziś strony na podstawie ich wersji mobilnej. Nie „bierze pod uwagę\" — po prostu patrzy na to, co widzi telefon, i to ocenia. Strona, która na komputerze wygląda świetnie, a na telefonie się rozjeżdża, jest dla wyszukiwarki stroną rozjeżdżającą się.",[11,622,623,626],{},[34,624,625],{},"Pieniądze wydane na reklamę."," Kampania kierująca ruch na stronę, z której ludzie uciekają po dwóch sekundach, to przepalony budżet. Im wyższy współczynnik odrzuceń, tym drożej płacisz za kliknięcie.",[11,628,629,632],{},[34,630,631],{},"Zaufanie."," Strona sprzed dekady mówi odwiedzającemu więcej o Twojej firmie, niż chciałbyś powiedzieć. Ludzie wyciągają z tego wnioski o tym, jak prowadzisz resztę spraw.",[18,634,636],{"id":635},"mobile-first-czyli-dlaczego-zaczynam-od-telefonu","Mobile first, czyli dlaczego zaczynam od telefonu",[11,638,639],{},"Kiedy projektuję stronę, zaczynam od widoku najwęższego, nie najszerszego. Powód jest prosty: na ekranie telefonu mieści się mało, więc trzeba od razu rozstrzygnąć, co jest naprawdę ważne. Przy odwrotnej kolejności wychodzi projekt, w którym wszystko jest ważne, a potem przy zwężaniu trzeba coś wyrzucać na siłę.",[11,641,642],{},"Przy okazji to podejście wymusza porządek w treści. Jeśli oferta nie mieści się w kilku ekranach telefonu, zwykle znaczy, że jest napisana zbyt rozwlekle, a nie że brakuje miejsca.",[18,644,646],{"id":645},"responsywność-a-pozycja-w-google","Responsywność a pozycja w Google",[11,648,649],{},"Google zaczął premiować strony mobilne w kwietniu 2015 roku aktualizacją, którą branża nazwała mobilegeddonem. Od tamtej pory kierunek się nie zmienił, a po przejściu na indeksowanie mobile first kwestia przestała być przewagą i stała się warunkiem wejścia.",[11,651,652],{},"Sama responsywność nie wywinduje Cię na pierwsze miejsce — na pozycję pracują treść, linki i szybkość. Ale jej brak potrafi zablokować wszystko pozostałe. To trochę jak z lokalem: ładny wystrój nie przyciągnie klientów, jeśli drzwi się nie otwierają.",[11,654,655],{},"Warto wiedzieć, że Google ocenia poszczególne podstrony osobno. Jeśli jedna sekcja serwisu jest dostosowana, a druga nie, ta pierwsza nadal może rankować.",[18,657,659],{"id":658},"pięć-błędów-które-widzę-najczęściej","Pięć błędów, które widzę najczęściej",[11,661,662,665],{},[34,663,664],{},"Poziome przewijanie."," Jeden element szerszy niż ekran — tabela, obrazek ze sztywną szerokością, zbyt długi adres e-mail bez łamania — i cała strona jedzie na boki. To najczęstsza usterka, jaką znajduję przy przeglądach.",[11,667,668,671],{},[34,669,670],{},"Przyciski za blisko siebie."," Na myszce trafisz w link o wysokości 20 pikseli. Kciukiem nie. Elementy do klikania potrzebują około 44 pikseli i odstępu od sąsiadów.",[11,673,674,677],{},[34,675,676],{},"Menu, które zasłania treść."," Rozwijane menu zajmujące cały ekran bez widocznego przycisku zamknięcia to pułapka — użytkownik zostaje w nim uwięziony i wychodzi przyciskiem wstecz, czyli ze strony.",[11,679,680,683],{},[34,681,682],{},"Zdjęcia w pełnym rozmiarze."," Fotografia o szerokości 4000 pikseli wysłana na telefon zjada transfer i czas ładowania. Powinna dojechać w rozmiarze dopasowanym do ekranu, w nowoczesnym formacie.",[11,685,686,689],{},[34,687,688],{},"Widok poziomy, o którym nikt nie pomyślał."," Telefon obrócony na bok ma proporcje zbliżone do małego laptopa i często wypada w martwą strefę projektu. Sprawdzam to zawsze, bo poprawka po fakcie kosztuje więcej.",[18,691,693],{"id":692},"co-zrobić-jeśli-strona-nie-przeszła-testu","Co zrobić, jeśli strona nie przeszła testu",[11,695,696],{},"Zależy, co jest pod spodem. Czasem wystarczy poprawić warstwę wizualną i dodać brakujące reguły — to praca na kilka dni. Czasem strona stoi na szablonie sprzed dekady, doklejonym do systemu, którego nikt już nie aktualizuje, i wtedy taniej wychodzi zbudowanie jej od nowa niż łatanie.",[11,698,699,700,704],{},"Zaczynam zawsze od przeglądu, żeby powiedzieć, która droga jest tańsza w Twoim przypadku. Jeśli chcesz to sprawdzić, zobacz ",[54,701,703],{"href":702},"/strony-internetowe-elk/","jak buduję strony internetowe"," albo napisz do mnie z adresem swojej witryny — odpiszę, co bym z nią zrobił.",[11,706,707,708,711],{},"Strona, która już działa poprawnie, wymaga potem tylko pilnowania: aktualizacji, kopii zapasowych i sprawdzania, czy kolejne zmiany czegoś nie popsuły. To wchodzi w ",[54,709,710],{"href":109},"stałą opiekę"," i kosztuje ułamek tego, co naprawa po awarii.",[18,713,148],{"id":147},[11,715,716,719,720,722],{},[34,717,718],{},"Czym responsywna strona różni się od wersji mobilnej?","\nWersja mobilna to osobny serwis pod własnym adresem, zwykle ",[93,721,578],{},", z własną treścią do utrzymywania. Responsywna strona ma jeden adres i jedną treść, która sama przestawia układ. Osobne wersje mobilne wyszły z użycia, bo zawsze zostawały w tyle za serwisem głównym.",[11,724,725,728],{},[34,726,727],{},"Czy responsywność wystarczy, żeby strona przyciągała klientów?","\nNie. Responsywność sprawia, że stronę da się wygodnie czytać na telefonie, i jest warunkiem wejścia, a nie przewagą. Na zapytania pracują treść, szybkość ładowania i to, czy odwiedzający w pierwszym ekranie rozumie, co oferujesz. Bez responsywności żadna z tych rzeczy nie zdąży zadziałać.",[11,730,731,734],{},[34,732,733],{},"Czy to samo dotyczy sklepów internetowych?","\nW sklepie stawka jest wyższa, bo ścieżka do zakupu jest dłuższa niż do formularza kontaktowego. Koszyk, wybór wariantu produktu, dane do wysyłki i płatność muszą działać kciukiem na wąskim ekranie. To zwykle tam znajduję najwięcej usterek, bo te kroki testuje się rzadziej niż stronę główną.",[11,736,737,740],{},[34,738,739],{},"Ile kosztuje przerobienie istniejącej strony na responsywną?","\nZależy od tego, co jest pod spodem, i dlatego zaczynam od przeglądu. Poprawki w warstwie wizualnej to praca na kilka dni. Szablon sprzed dekady doklejony do nieaktualizowanego systemu zwykle taniej wychodzi zbudować od nowa niż łatać.",[11,742,743,746],{},[34,744,745],{},"Czy Google karze strony, które nie są responsywne?","\nNie ma osobnej kary. Jest coś trudniejszego do obejścia: Google ocenia stronę na podstawie tego, co widzi telefon. Strona rozjeżdżająca się na małym ekranie jest dla wyszukiwarki po prostu stroną rozjeżdżającą się, niezależnie od tego, jak wygląda na komputerze.",{"title":184,"searchDepth":185,"depth":185,"links":748},[749,750,751,752,753,754,755,756],{"id":568,"depth":185,"text":569},{"id":582,"depth":185,"text":583},{"id":607,"depth":185,"text":608},{"id":635,"depth":185,"text":636},{"id":645,"depth":185,"text":646},{"id":658,"depth":185,"text":659},{"id":692,"depth":185,"text":693},{"id":147,"depth":185,"text":148},"2023-03-15","Responsywna strona dopasowuje układ do szerokości ekranu. Jak w minutę sprawdzić własną witrynę i co tracisz, gdy nie działa na telefonie.",{},"/img/blog/dlaczego-twoja-strona-internetowa-powinna-byc-responsywna.jpg","Dłonie trzymające telefon nad otwartym laptopem","/blog/dlaczego-twoja-strona-internetowa-powinna-byc-responsywna",{"title":554,"description":758},{"loc":762},"blog/dlaczego-twoja-strona-internetowa-powinna-byc-responsywna","2026-09-15","RhJxCOrH031rWEj3_A8KNNF8KA1OOimB7anyA_CfZ-s",1789996027398]