Standardy techniczne generowanych stron
Komplet dobrych praktyk technicznych, które spełnia każda strona zbudowana na platformie: poprawny dokument, metadane, dostępność, wykrywalność w wyszukiwarkach, dane strukturalne i strony błędów.
Po co to zestawienie
Strona firmowa może wyglądać dobrze i jednocześnie mieć wadliwe podstawy: brak opisu w wynikach Google, nieczytelny kontrast, brak mapy strony, tekst niedostępny dla czytnika ekranu. Poniżej jest komplet standardów, które strona na platformie spełnia od pierwszego dnia, bez konfiguracji i bez dopłat. Wszystko dzieje się automatycznie, w każdym planie.
Checklista w skrócie
Fundamenty strony
- Prawidłowy typ i budowa dokumentupoprawny start strony dla każdej przeglądarki
- Oznaczony język stronyGoogle i czytniki wiedzą, w jakim języku czytać
- Kodowanie polskich znaków (UTF-8)żadnych „krzaczków" na żadnym urządzeniu
- Skalowanie na telefonie (viewport)dobre wyświetlanie na małych ekranach
- Tytuł stronynagłówek widoczny w wynikach Google i na karcie
- Opis strony (meta description)tekst pod tytułem w wynikach wyszukiwania
- Adres kanonicznyjeden właściwy adres, bez gubienia się w duplikatach
- Favicony i ikony aplikacjiikona firmy na karcie i po dodaniu na ekran telefonu
- Kolor motywu przeglądarkispójny pasek u góry na telefonie
- Obsługa trybu jasnego i ciemnegowygodne dla oczu ustawienie z systemu
- Podgląd linku w social media (Open Graph)ładna karta z obrazkiem zamiast gołego adresu
SEO
- Plik robots.txtinstrukcja dla wyszukiwarek, wskazuje mapę strony
- Mapa strony XML (sitemap)spis wszystkich podstron podany Google na tacy
- Data ostatniej aktualizacji podstronGoogle widzi, co się zmieniło
- Czyste, opisowe adresy podstronczytelne dla człowieka i dla wyszukiwarki
- Przekierowania 301 z HTTP na HTTPSzmiana adresu bez utraty pozycji
- Gotowa treść w kodzie strony (SSR)Google widzi całą zawartość od razu
- Prawidłowe strony „nie znaleziono" (404)żadnych pustych stron udających poprawne
- Jawny znacznik indeksowaniawyraźna zgoda na pokazywanie w Google
- Poprawna hierarchia nagłówkówjeden główny nagłówek, potem sekcje
- Linkowanie wewnętrzne między podstronamisensowne odnośniki z czytelnym opisem
- Dane strukturalne firmy (JSON-LD)bogatsza wizytówka w wynikach Google
- Okruszki nawigacji (breadcrumbs)ścieżka do strony, na każdej podstronie
Dostępność (WCAG)
- Czytelny kontrast tekstu (poziom AA)czytelnie także w słońcu i na tańszym ekranie
- Opisy alternatywne zdjęćczytnik odczyta obraz osobie niewidomej
- Etykiety pól formularzawiadomo, co wpisać w które pole
- Pełna obsługa klawiaturądla osób, które nie używają myszki
- Widoczne zaznaczenie aktywnego elementuzawsze wiadomo, w którym miejscu się jest
- Skrót „przejdź do treści"pomija menu jednym ruchem
- Semantyczna budowa stronyorientacja dla technologii wspomagających
- Natywne przyciski, linki i poladziałają dokładnie tak, jak użytkownik oczekuje
- Sensowne nazwy przycisków i linkówżadnych „kliknij tutaj" bez kontekstu
- Czytelne komunikaty błędów formularzaod razu wiadomo, co poprawić
- Poszanowanie ustawienia „ogranicz animacje"dla osób wrażliwych na ruch na ekranie
- Duże cele dotykowełatwo trafić palcem na telefonie
- Właściwa klawiatura mobilna do pólinna do e-maila, inna do telefonu
- Pola tekstem 16 pxbrak przypadkowego przybliżania na iPhonie
Bezpieczeństwo
- Szyfrowane połączenie HTTPSkłódka w pasku, bez ostrzeżeń „niezabezpieczona"
- Wymuszenie szyfrowania (HSTS)przeglądarka zawsze łączy się bezpieczną drogą
- Wszystkie zasoby po HTTPSbrak ostrzeżeń o mieszanej treści
- Polityka bezpieczeństwa treści (CSP)blokuje wstrzykiwanie obcych skryptów
- Zakaz zgadywania typów plikówzamyka typowy wektor ataku
- Ochrona przed osadzaniem w cudzej ramcenikt nie podszyje się przez iframe
- Kontrola przekazywania adresu (Referrer)mniej danych wycieka do obcych stron
- Ograniczone uprawnienia stronykamera, mikrofon i lokalizacja wyłączone
- Bezpieczne ciasteczkatrudniejsze do przechwycenia (Secure, SameSite)
- Plik security.txtjasne miejsce do zgłoszenia luki bezpieczeństwa
Prywatność i RODO
- Polityka prywatności z danymi firmypełna identyfikacja administratora (NIP, REGON)
- Zgoda na cookies przed śledzeniemstatystyki i marketing dopiero po kliknięciu zgody
- Blokada obcych skryptów bez zgodynic nie śledzi odwiedzającego przed decyzją
- Minimalizacja danychzbieramy tylko to, co potrzebne do kontaktu
- Analityka przyjazna prywatności (bez ciasteczek)własne, anonimowe statystyki, bez śledzenia między dniami
Szybkość i wydajność
- Leniwe ładowanie obrazówgrafiki wczytują się dopiero przy przewijaniu
- Z góry podane wymiary obrazówtreść nie skacze podczas wczytywania
- Buforowanie w przeglądarcekolejne wejścia są niemal natychmiastowe
- Pobieranie tylko zmienionych plikówniezmienione nie są ściągane od nowa
- Kompresja plikówmniej danych do pobrania, szybsze otwarcie
- Odroczone ładowanie skryptówstrona pokazuje się, zanim doładują się skrypty
- Nowoczesny protokół (HTTP/2 i HTTP/3)szybsze wczytywanie wielu plików naraz
- Pełna wysokość ekranu na telefoniebez skoków przy pojawianiu się paska adresu
- Optymalizacja pod Core Web Vitalsszybkie wczytywanie i zero skoków; sam szablon spełnia progi Google
- Nowoczesne formaty obrazówWebP obsługiwany; AVIF nie automatycznie
Niezawodność
- Strona „nie znaleziono" (404)uprzejmy komunikat i powrót na stronę główną
- Strona błędu serwera (500)schludny ekran zamiast surowego błędu
- Strona przerwy technicznej (503)jasna informacja i kiedy firma wróci
- Dodanie strony na ekran telefonudziała jak skrót do aplikacji, z ikoną firmy
- Działanie bez części skryptówtreść i kontakt dostępne w każdych warunkach
Gotowość na AI
- Plik llms.txtspis oferty i podstron dla asystentów AI
- Dane strukturalne czytelne dla botów AIte same, które pomagają w Google
- Trwałe, stabilne adresyraz zebrana informacja o firmie się nie psuje
- Reguły dla botów AI w robots.txtdomyślnie ruch dozwolony
Wiele języków
- Osobny adres każdej wersji językowejczytelna struktura dla ludzi i dla Google
- Znaczniki języka dla wyszukiwarki (hreflang)właściwy język trafia do właściwych osób
- Wersje językowe także w mapie stronypełna informacja podana Google
- Przetłumaczone tytuły, opisy i podglądykażdy język dobrze wygląda w wynikach
- Oznaczenie języka treścipoprawny odczyt przez czytniki ekranu
- Przełącznik językagość sam wybiera język, z flagą i nazwą
- Bez automatycznego przekierowania po krajuto użytkownik decyduje, nie system za niego
Dokument i metadane
- Poprawna budowa dokumentu i kodowanie polskich znaków, bez „krzaczków" na żadnym urządzeniu.
- Oznaczony język każdej podstrony, także w wersjach obcojęzycznych.
- Skalowanie na telefonie: strona dopasowuje się do ekranu, nie wymaga przybliżania.
- Tytuł i opis podstrony: to jest dokładnie ten tekst, który Google pokazuje w wynikach. Opis wchodzi na stronę tylko wtedy, gdy jest uzupełniony, bo pusty jest gorszy niż jego brak.
- Adres kanoniczny, czyli deklaracja „to jest właściwy adres tej treści". Chroni przed traktowaniem wariantów adresu jako duplikatów.
- Jawna zgoda na indeksowanie dla stron opublikowanych i jawna blokada dla podstron oznaczonych jako niewidoczne oraz dla nieprzejętych stron testowych z kreatora.
Podgląd linku w mediach społecznościowych
Wklejony link pokazuje kartę z tytułem, opisem i grafiką (Open Graph), a nie goły adres. Grafika pochodzi z ustawień firmy, a gdy jej nie ma, używana jest wygenerowana ikona, więc karta nigdy nie jest pusta.
Ikony firmy
Każda strona dostaje własny zestaw ikon zbudowany z nazwy firmy i koloru palety: ikona karty przeglądarki, ikona po dodaniu strony na ekran telefonu i kolor paska na urządzeniach mobilnych, osobny dla trybu jasnego i ciemnego.
Wersje językowe
- Każdy język ma własny adres: język domyślny w katalogu głównym, kolejne pod prefiksem językowym.
- Znaczniki
hreflangmówią Google, która wersja jest dla kogo, razem z wersją domyślną dla pozostałych krajów. - Wersje trafiają do mapy strony, mają przetłumaczone tytuły, opisy i podglądy linków.
- Nie ma automatycznego przekierowania po kraju: język wybiera odwiedzający, a nie system za niego.
Dostępność
- Skrót „przejdź do treści" pomija menu jednym ruchem klawiatury.
- Semantyczna budowa strony i jeden główny nagłówek na podstronie: czytnik ekranu i wyszukiwarka rozumieją strukturę.
- Pełna obsługa klawiaturą z widocznym zaznaczeniem aktywnego elementu.
- Kontrast tekstu na poziomie WCAG AA. Kolor marki wybrany przez właściciela jest automatycznie doprowadzany do czytelnego odcienia, więc jasnym akcentem nie da się zepsuć czytelności.
- Opisy alternatywne zdjęć, etykiety przy polach formularza, sensowne nazwy przycisków i linków.
- Respektowanie systemowego ustawienia „ogranicz animacje".
Formularze i wygoda na telefonie
- Każde pole ma etykietę, a nie sam znikający podpowiadacz.
- Pole telefonu otwiera klawiaturę numeryczną, pole e-mail klawiaturę z małpą, a przeglądarka może podstawić zapisane dane.
- Rozmiar tekstu w polach nie powoduje przypadkowego przybliżania na iPhonie.
- Przyciski i pozycje menu są na tyle duże, żeby trafić palcem.
- Błędy formularza wracają jako czytelne komunikaty po polsku, z zachowaniem wpisanych danych.
Wykrywalność
robots.txtz instrukcją dla wyszukiwarek i wskazaniem mapy strony. Strony testowe, których nikt nie przejął, są z indeksowania wyłączone.sitemap.xmlze wszystkimi podstronami, kategoriami, produktami i wpisami bloga, we wszystkich wersjach językowych, z datą ostatniej modyfikacji każdej pozycji.llms.txt: spis oferty i podstron w formacie czytelnym dla asystentów AI.security.txt: jasne miejsce zgłoszenia luki bezpieczeństwa.
Adresy i przekierowania
- Adresy są czyste i opisowe, bez identyfikatorów i parametrów, a struktura odzwierciedla hierarchię podstron.
- Wejście po niezabezpieczonym adresie jest trwale przekierowane na wersję szyfrowaną.
- Zmiana adresu podstrony zakłada trwałe przekierowanie ze starego adresu, więc linki z Google, katalogów i wizytówek nie giną, a wypracowana pozycja przechodzi na nowy adres. Przekierowania nie zapętlają się i nie tworzą łańcuchów.
Dane strukturalne
Każda podstrona wysyła do wyszukiwarek uporządkowany opis: czym jest strona, jaka firma za nią stoi (nazwa, NIP, telefon, e-mail, adres, obszar działania) i jaka jest ścieżka nawigacji. Na podstronach ofertowych dochodzi opis usługi powiązany z tą samą firmą, a w katalogu produktów pełny opis produktu i oferty (osobny rozdział dokumentacji).
Zasada: opisujemy tylko to, co na stronie faktycznie jest. Żadnych zmyślonych ocen i opinii, żadnych pustych wartości wysyłanych na siłę.
Strony błędów
Adres, który nie istnieje, awaria i przerwa techniczna pokazują stronę w wyglądzie Twojej firmy, z menu i danymi kontaktowymi, a nie surowy komunikat serwera. Odwiedzający, który trafi na martwy link, nadal widzi Twoją stronę i ma jak zadzwonić.
Polityka prywatności
Każda strona ma generowaną politykę prywatności z danymi firmy, dostępną pod własnym adresem i w każdej wersji językowej. Link do niej jest w stopce i w oknie zgód.
Bezpieczeństwo, prywatność, szybkość
Trzy obszary mają własne rozdziały: bezpieczeństwo stron, zgody cookie oraz szybkość i Core Web Vitals.
Czego świadomie nie robimy
- Eksperymentalnych standardów dla agentów AI poza
llms.txti danymi strukturalnymi: nie mają dziś znaczenia dla lokalnej firmy. - Plików konfiguracyjnych dla usług, których strona nie udostępnia (logowanie zewnętrzne, aplikacje mobilne, federacja).
- Obsługi pisma od prawej do lewej i alfabetów wschodnioazjatyckich: platforma obsługuje języki europejskie.
- Indeksu map strony i osobnych map obrazów: mają sens dopiero przy dziesiątkach tysięcy adresów.
Wersja bez żargonu
Te same standardy, opisane językiem właściciela firmy, są we wpisie Standardy dobrej strony firmowej.