196. hiba: nem kattintható logó a weboldal fejlécében

Ez a cikk visszafelé indult, ugyanis arról akartam írni, hogy hogyan lehet megoldani azt, hogy egy logó ne legyen kattintható a fejlécben. Miért nem arról írok?

Egyrészt majdnem 7 hónapja nem volt weboldal készítés hibát feltáró új cikk a blogon, másrészt nagyobb hiba az, ha nem kattintható a logó, hiszen ez csak egy-egy esetben indokolt.

Miért gond, ha nem kattintható a fejlécben lévő logó?

A legfontosabb szempont, hogy azt szokták meg a látogatók, hogy a logóra – vagy ennek hiányában a weboldal címére – kattintva visszajutnak a weboldal főoldalára.

Ennél eggyel nagyobb probléma, ha a menüsoron sincs „főoldal” vagy „kezdőlap” nevű menüpont, mert akkor a „vissza” gomb nyomogatásán kívül nem lehet visszajutni a főoldalra.

Mikor lehet szükség arra, hogy a logó ne legyen kattintható?

Landing (értékesítési) oldalon
A másik blogomban, a „Landing page alapok: általános követelmények, megvalósítás” című cikkemben írtam arról, hogy egy jól felépített értékesítési oldalon két dolog történhet: vagy „konvertál” a látogató, vagy kilép. De a lényeg, hogy az elterelésnek nincs helye, ezért nem kell semmilyen kattintást biztosítani a látogatónak, ami nem ezt a célt szolgálja. Ilyen esetben ha van logó, akkor a kattintás leszedhető róla.

Több menüs weboldalon
Van egy ügyfelem, akinek olyan weboldala van, ahol a főoldalon és pár aloldalon egy-egy értékesítési oldal van létrehozva, amelyekhez egy-egy olyan menüsor tartozik, amelyen kattintgatva az oldalon belül ún. horgonyokkal ugrál a látogató. De az aloldalon belül, nem a weboldalon belül. A logó ettől függetlenül megjelenik, de itt rossz megoldás lenne, ha bármelyik értékesítési oldalról egy véletlen kattintás a domain főoldalára vinné a látogatót – így itt letiltottuk a logó kattinthatóságát.

Logó kattinthatóságának tiltása

Egy egyszerű CSS kóddal le lehet tiltani a logó kattinthatóságát. Ki kell keresni a logóhoz tartozó „class”-t a forráskódban, és a kódot ennek megfelelően kell módosítani.

Ha a kinézetben más-más „class”-ba van betéve a logó az egyes felbontásokon (pl.: asztali, mobil, tablet), akkor mindet bele kell rakni a kódba.