1. Strona główna
2. Dziennik
3. Strony www i sklepy

Projektowanie stron: zaplanuj SEO i sprawdź wdrożenie

• Jacek Ślesicki
• 29 October 2026
• ok. 18 min czytania

Jak wygląda projektowanie stron internetowych pod SEO?

Projektowanie stron internetowych pod SEO zaczynam od oferty, intencji wyszukiwania i struktury podstron, a kończę sprawdzeniem wdrożenia. Porządkuję ten proces w 6 etapów: cel, architektura, treść, technologia, testy i przekazanie strony. Niezależnie od wyboru WordPress lub Astro odnoszę wymagania do Google Search Central, bez obiecywania indeksacji czy pozycji.

Chcesz, żebym zajął się tym w Twojej firmie? Szczegóły znajdziesz w ofercie: Strony internetowe i sklepy (WordPress).

Ładna strona może utrudniać znalezienie usługi, wysłanie zapytania albo dodanie kolejnej podstrony. Właściciel odkrywa wtedy, że każda zmiana wymaga pomocy wykonawcy. Dlatego Strony internetowe i sklepy na WordPressie oceniam również przez to, co można z nimi zrobić po odbiorze.

Architektura informacji: jak uporządkować stronę przed projektem graficznym?

Zacznij od przypisania każdej planowanej podstronie konkretnego zadania: przedstawienia usługi, wyjaśnienia problemu, pokazania warunków współpracy albo umożliwienia kontaktu.

Architektura informacji to sposób organizacji treści, charakteryzujący się hierarchią podstron, czytelnymi nazwami i powiązaniami między tematami. Przykładowo: firma montująca klimatyzację potrzebuje wyraźnego rozdzielenia montażu i serwisu, jeśli są to odrębne usługi. Sam nagłówek „Nasza oferta” niewiele wyjaśnia.

Indeksowalność oznacza możliwość uwzględnienia strony w indeksie wyszukiwarki. Nie jest obietnicą obecności w wynikach. Google Search Central rozdziela techniczne przygotowanie witryny od decyzji wyszukiwarki o jej indeksacji.

Projekt strony: jakie decyzje zapisać na początku?

Zapisz cel, odbiorcę, zakres treści i sposób aktualizacji, aby projekt graficzny odpowiadał na konkretne potrzeby właściciela oraz użytkowników.

Proponuję następującą checklistę decyzji:

1. Cel strony określa najważniejszą czynność użytkownika, na przykład wysłanie zapytania o usługę.
2. Oferta wyznacza podstrony, które powinny wyjaśniać odrębne zakresy współpracy.
3. Treści mają wskazanego autora oraz osobę zatwierdzającą informacje o firmie.
4. Technologia umożliwia uzgodniony sposób edycji i rozbudowy witryny.
5. Odbiór obejmuje testy działania oraz przekazanie dostępów właścicielowi.

Dzięki temu rozmowa o kolorach nie zastępuje rozmowy o funkcji strony. Najpierw wiadomo, co ma działać. Dopiero później ustala się wygląd.

Projektowanie stron internetowych: co ustalić przed wyceną?

Przed wyceną ustalam zakres oferty, potrzebne typy podstron, treści i odpowiedzialność za ich przygotowanie. Osobno zapisuję migrację, integracje oraz utrzymanie. Przy WordPress i Astro porównuję te same zadania, a organizację treści odnoszę do Google Search Central. Dopiero taki zakres pozwala ocenić, czy oferty wykonawców obejmują rzeczywiście podobną pracę.

Cel kontaktu: jak określić ofertę i odbiorców?

Zacznij od zapisania, kto ma wysłać zapytanie, jakiej usługi potrzebuje i jakie informacje pozwolą przygotować sensowną odpowiedź.

W hipotetycznej firmie remontowej formularz może pytać o rodzaj prac, miejscowość i planowany termin. To użyteczniejsze niż obowiązkowe pole „Stanowisko”. Każde dodatkowe pytanie powinno mieć uzasadnienie w obsłudze zapytania.

Do rozmowy o wycenie przygotuj:

• Oferta firmy zawiera listę usług wraz z istotnymi ograniczeniami ich zakresu.
• Grupa odbiorców wskazuje, czy strona obsługuje osoby prywatne, firmy czy obie grupy.
• Materiały obejmują dostępne teksty, zdjęcia, logo i informacje wymagające opracowania.
• Integracje wskazują konkretne systemy, na przykład rezerwacje lub narzędzie obsługi zapytań.
• Utrzymanie określa odpowiedzialność za aktualizacje, kopie i usuwanie usterek.

Taka lista pomaga wychwycić pracę, której nie widać na makiecie. Integracja formularza może wymagać więcej ustaleń niż kolejna sekcja graficzna.

Intencje wyszukiwania: jak przypisać je do podstron?

Najpierw rozdziel zapytania o zamówienie usługi od pytań poradnikowych, a następnie przypisz każdej grupie stronę z odpowiednią odpowiedzią.

Przykład: „montaż klimatyzacji Olsztyn” prowadzi do opisu usługi i kontaktu. „Jak przygotować mieszkanie do montażu klimatyzacji” uzasadnia poradnik. Poradnik może prowadzić do usługi, ale nie powinien udawać jej kopii z innym tytułem.

Układ wyników wyszukiwania pomaga rozpoznać oczekiwany format odpowiedzi. Nie zastępuje znajomości oferty. Rozwinięcie tego zagadnienia znajdziesz pod hasłem Jakie podstrony powinna mieć strona usługowa?

Adresy URL i linkowanie: jak zaplanować zakres do odbioru?

Przygotuj mapę podstron z roboczymi adresami URL, nazwami pozycji menu i linkami prowadzącymi do kolejnego logicznego kroku.

Google zaleca logiczną organizację witryny i opisowe odsyłacze w SEO Starter Guide. Dlatego zamiast kolejnego „więcej” proponuję nazwę celu, na przykład „Serwis klimatyzacji”. Poniższa tabela przedstawia przykładowy podział odpowiedzialności, który trzeba uzgodnić dla konkretnego projektu.

Element	Osoba odpowiedzialna	Materiał wejściowy	Kryterium odbioru
Struktura podstron	Specjalista SEO i właściciel	Oferta i pytania odbiorców	Każda podstrona ma określony cel.
Treść usługi	Autor tekstu i właściciel	Zakres oraz warunki współpracy	Tekst odpowiada na pytania przed kontaktem.
Formularz	Osoba wdrażająca	Pola i adres odbiorcy	Testowa wiadomość dociera do odbiorcy.
Migracja	Osoba wdrażająca i specjalista SEO	Lista dotychczasowych adresów	Przenoszone strony mają właściwe przekierowania.

Koszt rozbijam więc na projekt, treści, wdrożenie, migrację, integracje i utrzymanie. Bez tego porównanie samych kwot może zestawiać zupełnie różne zakresy.

Projektowanie stron www: jak połączyć treść i technologię?

Treść, nawigację i technologię dobieram do tego, co użytkownik ma znaleźć i co właściciel będzie samodzielnie aktualizował. WordPress oraz Astro pozwalają budować różne sposoby publikowania, dlatego wymagam demonstracji edycji. Dostępność oceniam z uwzględnieniem WCAG 2.2 opracowanych przez W3C, a wydajność sprawdzam oddzielnie od wygody zarządzania treścią.

Treści strony: jak przygotować je przed makietami?

Zacznij od roboczego tekstu najważniejszej usługi, obejmującego zakres, warunki, odpowiedzi na obiekcje i konkretny następny krok użytkownika.

Makieta z hasłem „Twój sukces zaczyna się tutaj” nie pokazuje, czy zmieści się wyjaśnienie procesu zamówienia. Przykładowa pracownia mebli potrzebuje miejsca na opis pomiaru, projektu, montażu i materiałów. Dopiero rzeczywista treść ujawnia potrzebne sekcje.

Proponuję przygotować również długi tytuł i obszerniejszy opis usługi. Jeżeli układ rozpada się przy takiej treści, problem trzeba rozwiązać w szablonie, zamiast skracać każdą przyszłą publikację. Zakres informacji rozwija Co musi mieć strona internetowa dla firmy?

WordPress czy Astro: jak dobrać sposób aktualizacji?

Najpierw poproś o pokazanie dodawania podstrony i zmiany menu, a następnie wybierz rozwiązanie odpowiadające osobie, która będzie publikować treści.

Przez WordPress rozumiem tutaj oprogramowanie instalowane na wybranym hostingu, nie usługę WordPress.com. Astro jest frameworkiem; sposób renderowania i publikacji zależy od wdrożenia. Dokumentacje edytora WordPress i renderowania Astro opisują odmienne mechanizmy pracy.

Kryterium	WordPress	Astro
Edycja	Panel z edytorem; możliwości zależą także od konfiguracji.	Pliki lub podłączony CMS, zależnie od projektu.
Zależności	Rdzeń, motyw i używane wtyczki.	Framework, pakiety i wybrane integracje.
Formularz	Wtyczka albo własna implementacja.	Endpoint serwerowy albo usługa zewnętrzna.
Publikacja zmian	Zwykle przez panel administracyjny.	Proces budowania lub obsługa serwerowa, zależnie od konfiguracji.

Nie wskazuję zwycięzcy na podstawie nazwy technologii. Dla właściciela ważniejszy jest działający proces aktualizacji i jasno określona odpowiedzialność za zależności.

Wersja mobilna: jak sprawdzić nawigację i formularz?

Otwórz stronę na telefonie, znajdź usługę i wyślij wiadomość, a następnie powtórz obsługę formularza samą klawiaturą na komputerze.

Przykładowo: napis „E-mail” widoczny wyłącznie wewnątrz pustego pola znika podczas pisania. Stała etykieta pozwala zachować informację o przeznaczeniu pola. WCAG 2.2 wskazują wymagania dotyczące etykiet, klawiatury oraz zrozumiałych odsyłaczy.

„Labels or instructions are provided when content requires user input.” - W3C, WCAG 2.2, kryterium 3.3.2; standard opublikowany w 2023 roku.

Na potrzeby odbioru proponuję sprawdzić konkretne czynności:

• Menu pozwala dotrzeć do usługi i wrócić do poprzedniej części witryny.
• Formularz ma etykiety oraz tekstowe komunikaty wskazujące błędne dane.
• Klawiatura umożliwia przejście przez elementy interaktywne z widocznym fokusem.
• Nagłówki oddają hierarchię treści, zamiast służyć wyłącznie do powiększania tekstu.
• Link kontaktowy prowadzi do właściwej czynności i jasno opisuje jej cel.

Wydajność oceniam osobno. PageSpeed Insights rozróżnia dane laboratoryjne i dane rzeczywistych użytkowników. Świeża witryna może nie mieć tych drugich. Pojedynczy wynik testu nie stanowi gwarancji pozycji ani dowodu, że formularz działa.

Odbiór strony: jak sprawdzić gotowość do publikacji?

Przy odbiorze sprawdzam dostępność treści dla Google, działanie kontaktu, pomiary oraz możliwość samodzielnej administracji. Wyniki zapisuję wraz z adresem i dowodem testu. Google Search Console pomaga ocenić dostęp wyszukiwarki, a znaczenie odpowiedzi HTTP określa RFC 9110 opublikowane przez IETF w 2022 roku. Sam wygląd strony nie wystarcza do jej odbioru.

Indeksowalność i kontakt: jakie testy wykonać?

Najpierw sprawdź najważniejsze adresy, ich odpowiedzi serwera i ustawienia indeksowania, a potem wyślij rzeczywiste zapytanie przez formularz.

Przykładowy zapis protokołu powinien brzmieć: „Formularz usługi wysłał wiadomość na ustalony adres; odbiorca potwierdził jej otrzymanie”. Deklaracja „formularz gotowy” nie dokumentuje wyniku.

Techniczna lista odbiorowa obejmuje:

• Status HTTP odpowiada sytuacji strony; działająca treść i brakujący zasób nie powinny mieć identycznej obsługi.
• Dyrektywa noindex nie pozostaje przypadkowo na podstronach przeznaczonych do wyszukiwania.
• Plik robots.txt nie blokuje przypadkowo dostępu do istotnych treści i zasobów.
• Adresy kanoniczne oraz mapa witryny wskazują właściwą domenę i docelowe podstrony.
• Linki wewnętrzne prowadzą do działających celów, a formularz przekazuje wiadomość właściwemu odbiorcy.
• Pomiary rejestrują uzgodnione zdarzenia; kliknięcie przycisku nie udaje skutecznego wysłania zapytania.

Przekazanie powinno obejmować również konta właściciela, kopię zapasową i procedurę odtworzenia. Proponuję demonstrację przywrócenia na środowisku testowym. Plik nazwany „backup” nie mówi jeszcze, czy można z niego odzyskać działającą witrynę.

Przekierowania: jak przeprowadzić wymianę starej strony?

Zacznij od listy starych adresów i przypisz każdemu właściwy nowy odpowiednik albo świadomą decyzję o usunięciu treści.

Przykładowo: stary adres usługi serwisowej powinien prowadzić do jej nowej wersji, nie automatycznie do strony głównej. Według RFC 9110 kody 301 i 308 oznaczają przekierowania trwałe. Kod 404 oznacza, że serwer nie znalazł bieżącej reprezentacji zasobu albo nie chce ujawnić jej istnienia; sam kod nie wskazuje, czy ten stan jest tymczasowy, czy trwały. Dobór odpowiedzi musi odpowiadać faktycznej zmianie.

Uruchomienie i indeksacja to osobne zdarzenia. Stan konkretnego adresu można sprawdzać w Google Search Console, ale nie wyznacza to gwarantowanego terminu widoczności.

„There are no secrets here that'll automatically rank your site first in Google (sorry!).” - Google Search Central, SEO Starter Guide, dostęp: 18.10.2026.

Praktyczne znaczenie tej różnicy rozwija temat Czy nowa strona firmowa od razu będzie widoczna w Google?

Projektowanie stron internetowych: pytania przed zleceniem

Oferty porównuję według zakresu, odpowiedzialności i kryteriów odbioru, a nie samej ceny projektu. Przy WordPress i Astro pytam również o późniejsze utrzymanie oraz dostęp właściciela do kont. Lista odbiorowa powinna uwzględniać wymagania dostępności W3C, ale nie może utożsamiać kilku podstawowych testów z pełnym audytem zgodności.

Zakres współpracy: jak rozdzielić odpowiedzialność?

Przypisz każdemu rezultatowi osobę odpowiedzialną i sposób zatwierdzenia, niezależnie od tego, ile osób uczestniczy w wykonaniu strony.

Projekt wyglądu, wdrożenie i SEO to różne zakresy pracy. Nie wymagają automatycznie trzech wykonawców. Wymagają jasnego ustalenia, kto rozwiązuje problem, gdy zaakceptowana makieta utrudnia rozbudowę treści albo formularz nie przekazuje wiadomości.

Do porównania ofert proponuję cztery warunki:

• Zakres wskazuje liczbę i rodzaje szablonów oraz sposób uzupełnienia podstron.
• Odpowiedzialność obejmuje autora materiałów, osobę wdrażającą i osobę zatwierdzającą.
• Poprawki mają opisany zakres, aby odróżnić usunięcie usterki od nowej funkcji.
• Przekazanie obejmuje dostępy, instrukcję edycji i uzgodnione zasady dalszego wsparcia.

Taki dokument ułatwia również zmianę wykonawcy. Wiedza o stronie pozostaje dostępna właścicielowi, zamiast istnieć wyłącznie w rozmowach.

Rozmowa o stronie: jakie materiały przygotować?

Przygotuj obecny adres witryny, opis oferty, zakres planowanych zmian i informację, kto będzie aktualizował treści po zakończeniu prac.

Dodaj konkretną trudność: na przykład brak możliwości zmiany menu albo nieczytelny formularz na telefonie. Zrzut problematycznego ekranu i opis oczekiwanego działania pomagają bardziej niż ogólne „strona ma być nowoczesna”.

Chcę poznać firmę, jej klientów i źródła obecnych zapytań. Porozmawiaj ze mną o stronie firmowej przez formularz kontaktowy, opisując zakres potrzeb. Na tej podstawie mogę przygotować propozycję działań bez obiecywania pozycji w wyszukiwarce.

Najczęściej zadawane pytania

Poniżej wyjaśniam dodatkowe kwestie związane ze zleceniem strony: samodzielny start, koszty, trudność i nazwy ról wykonawców.

Od czego zacząć projektowanie stron internetowych?

Zacznij od jednostronicowego opisu celu, oferty i pytań odbiorców, który można przekazać wykonawcy bez dodatkowego tłumaczenia podstaw. Nie trzeba od razu kupować szablonu ani wybierać wtyczek. Taki opis pozwala najpierw ocenić potrzebny zakres pracy.

Ile kosztuje projektowanie stron internetowych?

Bez zakresu nie podaję kwoty: do porównania potrzebnych jest 6 składników wyceny, czyli projekt, treść, wdrożenie, migracja, integracje i utrzymanie. Poproś o wskazanie elementów wliczonych w ofertę oraz rozliczanych osobno. Sama liczba podstron nie opisuje całej pracy.

Czy projektowanie stron jest trudne?

Tak, gdy strona łączy rozbudowaną strukturę treści, integracje i różne scenariusze obsługi użytkownika, ponieważ każdy element wymaga sprawdzenia. Prosty szablon ogranicza część pracy wizualnej. Nie rozwiązuje automatycznie problemów z treścią, formularzem czy migracją.

Jak nazywa się projektant stron internetowych?

Projektant stron internetowych to zwykle web designer, którego podstawowy zakres obejmuje opracowanie wyglądu i układu interfejsu. Nazwa stanowiska nie przesądza, czy ta sama osoba programuje, pisze treści lub zajmuje się SEO. Te zadania trzeba ustalić osobno.

Kto zajmuje się tworzeniem stron internetowych?

Tworzeniem stron zajmują się wykonawcy łączący kompetencje projektowe, programistyczne i treściowe, samodzielnie albo we współpracy z innymi osobami. Przy wyborze sprawdzam przede wszystkim odpowiedzialność za gotowy rezultat. Istotne jest także wskazanie kontaktu do obsługi usterek po uruchomieniu.

Źródła i literatura

Zalecenia techniczne opieram na dokumentacji Google Search Central, standardach W3C i IETF oraz dokumentacji WordPress i Astro. Źródła sprawdziłem 18 października 2026 roku. Ta data oznacza dostęp do dokumentacji, nie rok jej pierwotnego wydania; poszczególne dokumenty opisują różne obszary działania i oceny strony.

Standardy i wyszukiwarka

1. Google Search Central: SEO Starter Guide opisuje organizację witryny i podstawy SEO.
2. W3C: Web Content Accessibility Guidelines 2.2 określa kryteria dostępności; pierwsza publikacja pochodzi z 2023 roku.
3. IETF: RFC 9110, HTTP Semantics, 2022 definiuje semantykę odpowiedzi HTTP.
4. Google: About PageSpeed Insights wyjaśnia różnicę między danymi laboratoryjnymi a terenowymi.

Dokumentacja technologii

WordPress: WordPress Block Editor opisuje edycję blokową. Astro: On-demand rendering wyjaśnia możliwości renderowania na żądanie i zależność sposobu działania strony od konfiguracji.