Poprawny HTML – czy warto o niego zadbać?
Jeśli śledzisz nowości z branży SEO, pewnie miałeś okazję zobaczyć tweeta od Gary’ego Illyesa z Google następującej treści:
Dear JavaScript frameworks and plugins,
If you could stop putting invalid tags in the HTML head, like IMG and DIV, that would be great.Yours truly,
Browsers pic.twitter.com/nrdpSteHwq— Gary „鯨理” Illyes (@methode) 27 czerwca 2018
W tworzeniu stron internetowych powszechnie stosuje się frameworki Java Script. Są to platformy programistyczne, stanowiące szkielet na bazie, którego budowane są strony oraz aplikacje sieciowe. Deweloperzy je uwielbiają, ponieważ korzystanie z nich sprawia, że cały proces tworzenia staje się znacznie szybszy i prostszy. Z kolei wspomniane w przytoczonym tweecie pluginy to rozszerzenia często dodawane do CMS-ów (Content Management Systems – systemów zarządzania treścią, np WordPress).
W jaki więc sposób błędny HTML może wpłynąć na funkcjonowanie strony? Przykładowo, Facebook czasem wymaga od reklamodawców, by w sekcji nagłówkowej swoich witryn dodawali kod śledzenia. Problem polega na tym, że ten rodzaj zapisu nie powinien znaleźć się w tej sekcji strony, a jego obecność może być potencjalnym powodem pojawiania się różnych błędów, które ostatecznie mają negatywny wpływ na wydajność, z jaką Google indeksuje stronę witryny.
Uchybienia w kodzie HTML, takie jak opisany powyżej, mogą negatywnie wpłynąć na optymalizację strony pod względem SEO. W jaki jeszcze sposób niewłaściwy zapis kodu HTML może wpływać na naszą stronę i jak bronić się przed różnego rodzaju błędami? Poniższy tekst odpowiada na te pytania.
Poprawny HTML – czy warto o niego zadbać?
Na stronie supportu Google dotyczącego kompatybilności stron z przeglądarkami możemy znaleźć stwierdzenie sugerujące, że błędy w kodzie HTML nie są czymś szkodliwym dla SEO stron:
Zalecamy dbanie o poprawny kod HTML, ale jego prawidłowość prawdopodobnie nie jest czymś, co może wpływać na to, jak Google odczytuje zawartość twojej strony oraz ją indeksuje.
Nie tak dawno zapytano analityka z Google, Johna Muellera, czy dbałość o pozbawiony mankamentów HTML wpływa w jakiś sposób na indeksowanie i pozycjonowanie stron. Jego odpowiedź była jednoznaczna: poprawny HTML wcale nie jest tak ważny, jak mogłoby się wydawać.
@JohnMu – How much does W3C validation count for HTML coding in the algo now @ Google? Jus trying to dig up some information. Thx!
— Rob May (@robinlmay) 30 kwietnia 2017
Wychodzi więc na to, że żadne z oficjalnych oświadczeń Google nie daje nam powodów do zamartwiania się o to, czy w kodzie HTML nie pojawiły się jakieś błędy. Co więcej, wiele stron ma tego typu usterki, a i tak witryny te działają bez zarzutu. Jednak jeżeli zadbamy o dopracowanie HTML-u, zapewnimy sobie istotne korzyści.
Oto kilka powodów, dla których warto zadbać o poprawny kod HTML.
-
Przyspieszenie prędkości indeksowania.
Przyjrzyjmy się temu, co na stronie supportu Google można znaleźć na temat spadków prędkości indeksowania. Jak się okazuje, witryna pomocy zwraca uwagę na to, że błędy w kodzie HTML (takie jak wspomniana na wstępie obecność nieodpowiednich tagów w sekcjach nagłówkowych) mogą mieć istotny wpływ na prędkość i jakość indeksowania strony. Niedopracowany kod HTML czy obecność w nim treści nieobsługiwanych przez daną stronę to czynniki, które mogą sprawić, że witryna nie zostanie przeanalizowana i zaindeksowana przez Googlebota. Jeżeli zastanawiasz się, czy na twojej stronie nie ma jakichś błędów wpływających na to, jak indeksuje ją robot Google albo jeśli chcesz sprawdzić, w jaki sposób ją renderuje, skorzystaj z narzędzia Pobierz jako Google. Dzięki niemu możesz zobaczyć, jak on widzi twoją witrynę.
-
Lepsza kompatybilność z różnym przeglądarkami.
Czytając inny fragment strony pomocy Google, możemy dowiedzieć się, że technologiczny gigant zaleca dbanie o poprawny kod HTML jako sposób na to, by strony były wyświetlane przez wszystkie przeglądarki, i to bez żadnych błędów. Googlebot również widzi strony w taki sam sposób jak przeglądarka: ściślej rzecz ujmując, jako Chrome w wersji 41. Jeżeli więc zadbasz o dopracowanie kodu HTML, to możesz mieć pewność, że twoja strona będzie poprawnie wyświetlana przez każdą z przeglądarek i Googlebot również będzie widział ją jako bezbłędną i z przejrzystą kompozycją. Dopracowany kod to nie tylko estetyczny, pozbawiony błędów układ strony, ale również znakomity sposób na to, by szybko się ona ładowała.
-
Poprawny kod HTML to większa wygoda dla użytkownika.
Jeżeli działasz w branży SEO, to pewnie doskonale zdajesz sobie sprawę z tego, że wyszukiwarka Google podczas przeszukiwania sieci bierze pod uwagę to, jak wysoki jest poziom ergonomii danej strony. Z tego względu Google w szczególności faworyzuje te witryny, które są przystosowane do urządzeń mobilnych – wynika to z faktu, że mają one optymalne UX, niezależnie od tego, na jakim urządzeniu są wyświetlane. Warto mieć na uwadze, że dla Google liczy się również liczba reklam oraz pop-upów, które również mogą wpływać na jakoś UX.
Można założyć, że poprawność kodu HTML nie jest sama w sobie czynnikiem, który Google bierze pod uwagę przy pozycjonowaniu stron. Nie da się jednak ukryć, że zoptymalizowany kod to np. szybsze wczytywanie strony oraz jej poprawne wyświetlanie. Jakość UX witryny jest istotna dla SEO, zatem warto zadbać o to, by kod HTML nie zawierał błędów.
-
Jest przydatny dla aplikacji Google Shopping.
Prawdopodobnie znasz narzędzie Google Merchant Center, służące do tworzenia reklam produktowych. Jeżeli spojrzysz na jego stronę supportu, zobaczysz, że przy korzystaniu z niego zaleca się dbałość o poprawny HTML. Wynika to między innymi z tego, że Google wykrywa informację o cenie danego produktu na postawie budowy strony produktowej. Troska o bezbłędny HTML sprawi, że Google wyświetli prawidłowy koszt zakupu.
-
Błędy w kodzie HTML w sekcji nagłówkowej to duże ryzyko.
Jeżeli sekcja nagłówkowa twojej strony będzie zawierać błędy w kodzie HTML, to Google może nie znaleźć tagów Hreflang. Pojawienie się w tej sekcji błędnego kodu może spowodować przerwanie indeksowania strony, a w efekcie przeglądarka nie rozpozna tagów umożliwiających jej właściwe skategoryzowanie witryny.
Przykładowo, gdy Google próbuje zaindeksować stronę, może się okazać, że w sekcji nagłówkowej pojawiły się zbędne, bądź źle umiejscowione fragmenty kodu. To z kolei sprawi, że cały układ tej sekcji – łącznie ze znacznikiem Hreflang (tagiem stosowanym przy podstronach o różnych wersjach językowych) – ulegnie rozsypce.
Poprawny kod HTML ma znaczenie.
Zacytowany przez nas na samym początku tweet to znakomity przykład tego, jak bardzo wartościowy jest dopracowany kod HTML. To również sugestia dla specjalistów od SEO, by dbali o to, aby w kodzie ich witryn nie pojawiały się żadne błędy. Dzięki dopilnowaniu tej kwestii można uchronić witrynę przed poważnymi problemami, które wpływają na to, jak jest ona klasyfikowana przez niektóre z przeglądarek. Jest to o tyle istotne, że większość z tych komplikacji może powstrzymać Google przed trafną analizą strony i jej zaindeksowaniem. To, że niedopracowany kod HTML jest w sieci czymś powszechnym (…), może być dla Ciebie powodem do tego, byś zastanowił się, czy nie warto zadbać o dopracowany kod HTML.
Na SEO i stabilność strony wpływa mnóstwo elementów. Część z nich pozostaje dla nas niewidoczna, dopóki nie przyczyni się do spadku wydajności strony czy też jej pozycjonowania. Jednym z takich czynników jest właśnie kod HTML, zatem skoro zadbanie o jego poprawność przyniesie ci same korzyści, dlaczego nie miałbyś dopilnować tej kwestii już teraz? Sprawdzając jego jakość, zyskujesz pewność, że twoja strona będzie poprawnie wyświetlana, a Google nie napotyka żadnych problemów podczas jej indeksowania.
Czy masz jakieś pytania dotyczące dbania o poprawność HTML? Czy twoim zdaniem w ogóle warto przejmować się tą kwestią?
Podziel się swoją opinią w komentarzach: zawsze chętnie dowiemy się, jakie zdanie na temat zależności pomiędzy kodem HTML a SEO, mają inni eksperci.