Doctype
Doctype to pierwsza linia w dokumentach HTML, która zapewnia poprawne wyświetlanie stron internetowych przez przeglądarki zgodnie z nowoczesnymi standardami.
Czym jest Doctype?
Doctype (skrót od "Document Type Declaration", po polsku Deklaracja Typu Dokumentu) to instrukcja umieszczana na samym początku dokumentu HTML. Informuje ona przeglądarkę, jaki typ dokumentu ma przed sobą i według jakiego standardu powinna interpretować kod. Doctype jest więc pierwszą linią strony internetowej, jeszcze przed właściwym kodem HTML.
W przypadku nowoczesnych stron internetowych Doctype jest na szczęście bardzo prosty. Wygląda on następująco:
<!DOCTYPE html>Ten krótki wpis jest standardem dla HTML5, czyli aktualnej wersji HTML, i sygnalizuje przeglądarce, aby wyświetlała stronę zgodnie z obowiązującymi, nowoczesnymi standardami internetowymi.
Dlaczego Doctype jest tak ważny?
Głównym zadaniem Doctype jest wprowadzenie przeglądarki w odpowiedni tryb wyświetlania. Tu właśnie tkwi sedno jego znaczenia. Przeglądarki znają dwa podstawowe tryby:
- Tryb standardów (Standards Mode): Jeśli podano poprawny Doctype, przeglądarka wyświetla stronę zgodnie z aktualnymi, jednolitymi standardami internetowymi. To jest pożądany stan.
- Tryb dziwactw (Quirks Mode): Jeśli Doctype jest nieobecny lub błędny, przeglądarka przechodzi w specjalny tryb kompatybilności. W tym "trybie dziwactw" naśladuje błędne zachowanie bardzo starych przeglądarek, aby móc wyświetlać przestarzałe strony internetowe.
Właśnie tryb dziwactw jest problemem: może prowadzić do nieprzewidywalnych błędów wyświetlania, takich jak przesunięte układy, nieprawidłowe odstępy czy błędne wyświetlanie modelu pudełkowego. Prosty Doctype <!DOCTYPE html> zapewnia, że przeglądarka niezawodnie działa w trybie standardów.
Krótki rzut oka na historię
Dawniej Doctype był znacznie dłuższy i bardziej skomplikowany. W czasach HTML 4.01 i XHTML wymagane były rozbudowane, wieloliniowe deklaracje z odwołaniami do zewnętrznych definicji, których prawie nikt nie potrafił zapamiętać. Wraz z HTML5 uproszczono to radykalnie: z długiej, podatnej na błędy linii zrobiło się krótkie i łatwe do zapamiętania <!DOCTYPE html>. Dla praktycznie wszystkich dzisiejszych stron internetowych jest to jedyna istotna wersja.
Gdzie umieszcza się Doctype i na co zwrócić uwagę?
- Na samym początku: Doctype musi być pierwszą linią dokumentu, jeszcze przed otwierającym tagiem
<html>. Jeśli coś znajdzie się przed nim, może to wywołać tryb dziwactw. - Niczego nie umieszczać przed nim: Nawet niewinna spacja czy przypadkowy ciąg znaków przed Doctype może powodować problemy.
- Tylko jeden raz: Na każdej stronie występuje dokładnie jeden Doctype.
- Nie jest wrażliwy na wielkość liter: Zapis "DOCTYPE" nie jest technicznie zależny od wielkości liter, jednak zalecana i powszechnie stosowana jest przedstawiona forma.
Czy Doctype ma wpływ na SEO?
W tym miejscu ważne jest szczere wyjaśnienie: sam Doctype nie jest bezpośrednim czynnikiem rankingowym. Google nie ocenia strony lepiej tylko dlatego, że jest w niej Doctype. Jednak brak lub błędny Doctype może pośrednio szkodzić optymalizacji pod kątem wyszukiwarek:
- Problemy z wyświetlaniem: Jeśli przeglądarka przejdzie w tryb dziwactw, układ strony może się zepsuć. Źle wyświetlana strona pogarsza doświadczenie użytkownika.
- Problemy z responsywnym designem: Tryb dziwactw może powodować, że mobilna, responsywna wersja strony nie będzie działać poprawnie. Ponieważ Google stosuje indeksowanie mobile-first, może to stanowić poważny problem.
- Negatywne sygnały użytkowników: Błędy wyświetlania prowadzą do frustracji i odrzuceń, co może mieć pośredni negatywny wpływ.
Innymi słowy: Doctype jest techniczną podstawą. Jeśli jest poprawnie ustawiony, nikt go nie zauważa. Jeśli go brakuje, mogą pojawić się problemy, które mają znaczenie dla SEO.
Czy początkujący muszą się tym zajmować?
W większości przypadków nie ma takiej potrzeby. Nowoczesne systemy zarządzania treścią, takie jak WordPress, oraz niemal wszystkie aktualne szablony automatycznie dodają poprawny Doctype HTML5. Kto prowadzi zadbaną, aktualną stronę internetową, ten z reguły ma już poprawnie wpisany Doctype w kodzie źródłowym. Temat staje się istotny przede wszystkim przy samodzielnie tworzonych stronach, bardzo starych witrynach lub gdy podczas szukania błędów natrafia się na niewytłumaczalne problemy z wyświetlaniem. W takich przypadkach warto sprawdzić, czy Doctype jest poprawnie umieszczony jako pierwsza linia.
Podsumowanie
Doctype to mała, ale ważna instrukcja na początku każdego dokumentu HTML, która informuje przeglądarkę, aby wyświetlała stronę zgodnie z nowoczesnymi standardami internetowymi. W przypadku aktualnych stron internetowych wystarczy prosta linia <!DOCTYPE html>. Jego główną funkcją jest aktywowanie niezawodnego trybu standardów i unikanie podatnego na błędy trybu dziwactw. Choć Doctype nie jest bezpośrednim czynnikiem rankingowym, stanowi techniczną podstawę dla poprawnego wyświetlania, działającej wersji mobilnej, a tym samym dobrego doświadczenia użytkownika. Dobra wiadomość dla początkujących: nowoczesne systemy ustawiają go automatycznie, więc trzeba się nim zająć tylko w wyjątkowych przypadkach.