Szép új weboldal, több száz HTML-hiba a kódban

Van egy vállalkozás, amelyet régóta ismerek. A weboldaluk nagyon régi volt, de jól működött: időnként megnéztem, és funkciójában mindig rendben találtam. A dizájnja viszont valóban elavult, telefonon pedig nehézkes volt rajta a böngészés, mert nem volt mobilra optimalizálva.

Nemrég láttam, hogy felújították. Új dizájnt kapott, telefonon is szépen jelenik meg, első ránézésre minden rendben volt. Őszintén örültem neki. Jó látni, hogy ők is fejlődnek, és időt, pénzt szánnak arra, hogy az online megjelenésük is rendben legyen.

Egy kép, ami nem illett oda

Aztán megakadt a szemem egy képen. Egyértelműen mesterséges intelligencia készítette. Magánemberként semmi bajom az AI által generált képekkel, de ez nagyon nem illett oda: látszott rajta, hogy nem valódi, és túl mesterséges hatást keltett.

Ez gyanút ébresztett bennem. Elkezdtem utánanézni, ki készítette az oldalt, és a vállalkozás vezetőjét is megkérdeztem, hogy saját maguk csinálták-e, vagy egy szakember.

Kiderült, hogy egy weboldal-készítő cég munkája. Ezt maga az oldal árulta el. A 404-es oldalra, vagyis arra, amit a látogató akkor lát, ha nem létező címre kattint, egyedi oldalt készítettek. Csakhogy ezt egy korábbi munkájukból emelték át, és látszott rajta, ki készítette.

Több száz hiba a kódban

Ezután lefuttattam az oldalt a W3C Validatoron. Ez a webes szabványokat gondozó W3C ingyenes ellenőrzője, amely megmutatja, hol tér el egy oldal kódja a HTML-szabványtól. Az eredmény: több száz hiba.

Itt borzasztóan elkeseredtem. Később azt is megtudtam, hogy a vállalkozás kétéves szerződést kötött ezzel a céggel.

Miért baj, ha hibás a HTML?

Kezdjük azzal, ami nem igaz. A Google keresési szakértője, John Mueller 2020-ban elmondta, hogy a W3C-ellenőrzés eredményét a Google nem használja a keresésben, és a HTML-hibák az oldal letöltési idejét sem befolyásolják. Ettől még egyáltalán nem mindegy, mi van a kódban.

A keresőnek az oldal fejrésze mondja meg, mi az oldal címe, mi a leírása, és melyik a fő változata. A Google dokumentációja szerint ha a fejrészben érvénytelen elem van, a Google az utána következő elemeket figyelmen kívül hagyja. Egy rossz helyre került sor után tehát a kereső a leírást vagy más fontos jelölést már el sem olvas, és ez a találati listán is meglátszhat.

Mueller ugyanakkor azt is mondta, hogy a szabványos kód megkönnyíti az oldal megjelenítését, és a képernyőolvasók, segítő eszközök is jobban értelmezik. Számomra pedig a több száz hiba mindenekelőtt azt jelzi, hogy az oldalt átadás előtt senki nem ellenőrizte.

Ami igazán felháborított

Hogyan engedheti meg magának egy weboldal-készítéssel foglalkozó cég, hogy ilyen silány munkát adjon ki a kezéből? A hibás kód csak az egyik fele. A másik, hogy az oldal láthatóan egy már bevált minta, amelynek a tartalmát sem vették a fáradságot rendesen átírni. A korábbi munkából ottmaradt 404-es oldal ezt elég egyértelműen megmutatta.

A vállalkozás pénzt és bizalmat adott egy szép felületért, és kapott egy oldalt, amely kívülről rendben van, belül nincs.

Ahogy mi készítünk weboldalt

A weboldal-készítésnél szinte mindig egyedi oldalt készítünk. Nemcsak azt nézzük meg, hogy a tartalom megfelelő legyen: átadás előtt minden hibakeresést lefuttatunk rajta, és az összes SEO-ellenőrzést végigcsináljuk. Hogy ez pontosan mit jelent, arról a SEO-ellenőrzésről szóló cikkünkben írtunk részletesen.

Egy weboldalnak nem elég kívülről jól kinéznie. Technikailag és marketing szempontból is meg kell állnia a helyét, és ez az átadás után is figyelmet igényel, ezért van havidíjas weboldal-karbantartásunk is.

Ha Ön most rendel új weboldalt, egy tanácsom van: átadáskor futtassa le a W3C Validatoron. A validator.w3.org címen bárki ingyen megteheti, és néhány másodperc alatt kiderül, mi van a szép felület mögött.

Kép: Code (5), szerző: microsiervos, licenc: CC BY 2.0, forrás: Flickr

Forrás: Weboldal-készítés (IT Gazda)