Weboldalelemzés egyszerűen: mit tud a versenytársad honlapja?

Weboldalelemzés egyszerűen: mit tanulhatsz a versenytársaid honlapjából?

Chrome + Lighthouse = gyors technikai betekintés

A videóban a Yettel weboldalán keresztül néztük meg, hogyan érdemes technikai szempontból elemezni egy versenytárs oldalát – méghozzá teljesen legálisan, mindenféle kódolási tudás nélkül. A Chrome böngésző beépített fejlesztői eszköze, a Lighthouse segítségével pillanatok alatt átfogó képet kapsz arról, mit gondol a Google az adott oldalról.

Kattints jobb gombbal az oldalon, válaszd az „Inspect” vagy „Elem vizsgálata” opciót, majd a konzolból indítsd el a Lighthouse-t. A riport négy fő területet mutat meg: teljesítmény (performance), hozzáférhetőség (accessibility), legjobb gyakorlatok (best practices) és SEO. Ezek alapján könnyedén összehasonlíthatod saját oldaladat a versenytársakéval.

Mire figyelj a riportban?

A performance érték megmutatja, milyen gyorsan töltődik be az oldal — legalábbis azon a gépen, ahol futtatod. Éppen ezért érdemes több különböző gépről is lefuttatni, vagy legalább tisztában lenni azzal, hogy például egy képernyőfelvétel rontja az eredményt.

A Lighthouse emellett konkrét hibákat is listáz: például túl nagy képek, felesleges szkriptek, vagy lassan betöltődő elemek. Ezekre akár fejlesztő nélkül is tudsz reagálni – például egy-egy kép optimalizálásával máris sokat gyorsíthatsz az oldaladon.

Képek, gombok, elérhetőség: apróságok, amik sokat számítanak

Az accessibility szekció olyan aprónak tűnő, de fontos részleteket vizsgál, mint a gombok mérete vagy a szöveg és háttér közötti kontraszt. Ezek nemcsak a felhasználói élmény, hanem az akadálymentesség szempontjából is kritikusak.

Szintén érdekes lehet a „Best Practices” rész, ahol például azt is láthatod, hányféle cookie-t használ egy oldal. A Yettelnél ez a szám 49 volt – hirdetési, fizetési, analitikai célokból. Ez önmagában nem probléma, de érdemes tudni, mire használják őket.

SEO gyorsdiagnózis – meglepően hatékonyan

A Lighthouse egyik legkényelmesebb funkciója a SEO-elemzés: néhány kattintással képet kapsz arról, mennyire van rendben az oldal keresőoptimalizálási szempontból. Itt a Yettel egész jó értéket kapott – de ha a versenytársadnál látod, hogy gyenge, az egy piros zászló lehet.

Fontos megjegyezni, hogy a Lighthouse nem mindenható, de kiváló eszköz összehasonlításra. Ha például a te oldalad gyorsabb, jobban strukturált, jobb SEO-pontokat kap, mint a konkurensé – akkor van egy versenyelőnyöd. Használd ki.

‍

‍