Jak powinna być zbudowana dobra strona internetowa

Pozycjonowanie zaczyna się od rzeczy, których nie widać: struktury dokumentu, opisów i szybkości. Bez tego żadne treści nie zadziałają, bo wyszukiwarka ich po prostu dobrze nie zrozumie.

Co musi być na każdej podstronie

• Jeden nagłówek H1, opisujący dokładnie to, o czym jest ta konkretna podstrona.
• Tytuł w zakładce przeglądarki do około 60 znaków i opis do 155 – to one wyświetlają się w wynikach wyszukiwania i decydują, czy ktoś kliknie.
• Adres kanoniczny, żeby ta sama treść pod dwoma adresami nie konkurowała sama ze sobą.
• Opisy alternatywne obrazów – dla osób korzystających z czytnika ekranu i dla wyszukiwarki grafiki.
• Mapa strony i plik robots.txt, które mówią robotom, co indeksować.

Dane strukturalne

To fragment kodu, który wprost mówi wyszukiwarce: to jest firma, to jest cena, to jest pytanie i odpowiedź. Dzięki nim w wynikach mogą pojawić się rozwinięte wizytówki, a treść ma szansę trafić do podsumowań generowanych przez sztuczną inteligencję.

Dla małej firmy usługowej najważniejsze typy to LocalBusiness albo ProfessionalService z danymi kontaktowymi, Service z opisem usługi i FAQPage dla sekcji pytań.

Szybkość jako czynnik rankingowy

Google mierzy trzy wskaźniki, zbiorczo nazywane Core Web Vitals: czas wyświetlenia największego elementu treści, stabilność układu podczas ładowania oraz czas reakcji na pierwsze kliknięcie. Wolna strona traci pozycje, ale przede wszystkim traci ludzi – połowa odwiedzających zamyka stronę, która ładuje się dłużej niż trzy sekundy.

WCAG to zbiór wytycznych opisujących, jak zrobić stronę użyteczną dla osób z niepełnosprawnościami. Brzmi jak temat dla instytucji publicznych, ale dotyczy każdego – bo rozwiązuje też problemy zwykłych ludzi w niezwykłych sytuacjach.

Osoba słabowidząca i osoba czytająca telefon w pełnym słońcu potrzebują tego samego: mocnego kontrastu. Osoba z drżeniem rąk i osoba klikająca w tramwaju potrzebują większych przycisków. Dostępność to nie osobna wersja strony, tylko po prostu lepsza strona.

Trzy poziomy zgodności

• Poziom A – absolutne minimum, bez tego część osób w ogóle nie skorzysta ze strony.
• Poziom AA – standard przyjęty w praktyce i wymagany prawnie od podmiotów publicznych. To poziom, do którego warto celować.
• Poziom AAA – bardzo wysokie wymagania, rzadko osiągalne dla całej witryny.

Co to znaczy konkretnie

• Kontrast tekstu do tła minimum 4,5 do 1. Da się to zmierzyć, nie trzeba zgadywać.
• Całą stronę da się obsłużyć samą klawiaturą, a element, na którym stoi kursor, jest wyraźnie zaznaczony.
• Każdy obraz niosący treść ma opis alternatywny; obraz czysto ozdobny ma opis pusty.
• Kolor nie jest jedynym nośnikiem informacji – błąd w formularzu opisuje też tekst, nie tylko czerwona ramka.
• Pola formularza mają etykiety widoczne na stałe, nie tylko szary podpowiadający tekst, który znika po kliknięciu.
• Animacje wyłączają się, gdy w systemie włączone jest ograniczenie ruchu.

Mała strona firmowa rzadko jest celem ataku wymierzonego w konkretną firmę. Zwykle pada ofiarą automatu, który skanuje internet w poszukiwaniu nieaktualnych wtyczek i słabych haseł.

Podstawy, których nie wolno pominąć

• Certyfikat SSL i wymuszone szyfrowane połączenie – bez tego przeglądarki oznaczają stronę jako niebezpieczną.
• Nagłówki bezpieczeństwa, w tym polityka bezpieczeństwa treści, która blokuje wykonanie obcego kodu, nawet jeśli ktoś zdoła go wstrzyknąć.
• Aktualizacje oprogramowania. Nieaktualna wtyczka to najczęstsza droga włamania na strony oparte na popularnych systemach zarządzania treścią.
• Codzienne kopie zapasowe po stronie hostingu, z możliwością odtworzenia na żądanie.
• Ochrona formularzy przed automatami: limity liczby zgłoszeń, pułapki na roboty, sprawdzanie pochodzenia żądania.

OWASP Top 10 – co to jest

OWASP to międzynarodowa organizacja zajmująca się bezpieczeństwem aplikacji internetowych. Co kilka lat publikuje listę dziesięciu najczęstszych kategorii podatności. To branżowy punkt odniesienia – jeśli wykonawca wie, czym jest ta lista, dobry znak.

Zwykłej strony firmowej dotyczą przede wszystkim cztery pozycje z tej listy:

• Błędna kontrola dostępu – dane, które miały być prywatne, są dostępne dla każdego, kto zna adres. Katalog z kopiami zapasowymi w miejscu widocznym z przeglądarki to klasyczny przykład.
• Wstrzyknięcie kodu – dane wpisane przez użytkownika trafiają dalej bez sprawdzenia. Dlatego wszystko, co wpisze odwiedzający, musi być filtrowane przed zapisaniem i przed wyświetleniem.
• Podatne komponenty – biblioteki i wtyczki ze znanymi lukami. Rozwiązanie jest nudne i skuteczne: aktualizować, a to, czego się nie używa, usuwać.
• Błędna konfiguracja – domyślne hasła, widoczne komunikaty o błędach, otwarte listingi katalogów. Najtańsza w naprawie i najczęściej spotykana.

Coraz częściej wyszukiwarka nie odsyła do strony, tylko sama formułuje odpowiedź na podstawie znalezionych treści. Zmienia to sposób pisania – trzeba pisać tak, żeby dało się z tekstu wyciąć gotową odpowiedź.

• Odpowiedz na pytanie w pierwszym akapicie sekcji, a rozwinięcie dodaj niżej. Model podsumowujący czyta początek.
• Pisz konkretami. „Strona gotowa w 7 dni” daje się zacytować, „ekspresowa realizacja” nie.
• Formułuj nagłówki jako pytania, które ludzie faktycznie zadają.
• Dodaj sekcję pytań i odpowiedzi z danymi strukturalnymi FAQPage.
• Podawaj liczby, ceny i terminy wprost, jeśli możesz. Treści wymijające nie trafiają do podsumowań.
• Dbaj o wiarygodność: kto jest autorem, jakie ma doświadczenie, kiedy tekst był aktualizowany.

Dobra wiadomość jest taka, że te same zasady od dawna służą czytelnikom. Tekst napisany konkretnie i uporządkowany w sensowne sekcje jest lepszy dla człowieka, a przy okazji nadaje się na odpowiedź maszyny.