Przejdź do treści
Dokumentacja Standardy techniczne generowanych stron
Technika

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

Wdrożone Częściowo

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 hreflang mó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.txt z instrukcją dla wyszukiwarek i wskazaniem mapy strony. Strony testowe, których nikt nie przejął, są z indeksowania wyłączone.
  • sitemap.xml ze 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.txt i 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.

Wolisz krótką instrukcję? Zajrzyj do Centrum pomocy albo napisz na kontakt@kompasfirm.pl.