2023. január 8.-án publikáltam a responsive tesztoldalamat (demo és második rész a verzió szerint), természetesen az új PageSpeed és egyéb új módszerek szerint módosítottam és kijavítottam őket.
Itt meglehet nézni a demo honlapom: demo.juszkocs.hu
Továbbra hangsúlyozom, hogy nem néztem meg az egyetlen versenytárs cégeket, hogy jobban elkészítsem ezt, hanem spontán, véletlenszerűen és hivatalos felhasznált technológiai honlapokat átnéztem.
Több mint 3 évvel ezelőtt amikor elkészítettem a Google AMP - autókereskedelmi webáruházi demomat, ez minta alapján át lett alakítva a Bootstrap 5-ös verzió szerint megfeleljenek.
Tavaly amit publikáltam az első körben az első verzió volt, most már második verzió lett, mint javított változat a jobb sebesség kedvért.
Miként javítottam ki az új PageSpeed kedvért?
- új képformátumok átkonvertálása, azaz jpg -ról avif -ra
- A felismerhető, egyedi és fókuszálható linkszövegek megadása
Megjegyzés: csupán ez tesztoldal és mindenhol szinte alapilag (nincs védve a jogok, majd el fog jönni és akkor teljesen más lesznek, azaz másképpen csinálnám) szerint publikálva lett.
Felhasznált technológiák cserék az újabb verziók szerint:
- Bootstrap 5.3.0. - CSS felhasználása
- Bootstrap 5.3.0. - JS fájl felhasználása
- Font Awesome 6.2.1. - Ikonkatalógus felhasználása
- jQuery 3.6.3
Verziószáma:
2.0
Miért fontos a keresőoptimalizálás (SEO)?
Amit érdemes tudni a jelenlegi módszerek szerint
Technikai elemzések
W3C Validátor - webes szabványok és HTML kódjának a helyessége vizsgálat
Nincsenek hibák és se figyelmeztetések. Ez helyes.
Bár megváltozott, így hamarosan lesz 2.1 verzióm, új miatt variálni fogok, hogy el fog tűnni ez az üzenetek: “ Trailing slash on void elements has no effect and interacts badly with unquoted attribute values“
Mobile Friendly - Mobil felhasználóbarát vizsgálat
Nincsenek betöltési problémák és igen mobilbarát oldal. Ez helyes.
PageSpeed - Sebességpont adatok és időmérés vizsgálat
Mobilon: Teljesítmény 75, Kisegítő lehetőségek 100, Bevált módszerek 83, Keresőoptimalizálás 100
Desktopon: Teljesítmény 97, Kisegítő lehetőségek 100, Bevált módszerek 92, Keresőoptimalizálás 100
pontokat kaptam, ez bőven alapilag és optimalizva lettek a sebesség pontozáson és időmérésen szerint. Ugyanis igen helyes.
Böngésző és gépek vizsgálat
Chrome böngészőben F12 funkció alatt, vagyis Fejlesztői eszközök alatt csekkoltam a desktop felbontástól mobil felbontásig (320px-ig megfelelően). Illetve a saját mobilomon, azaz Android-on belül is teszteltem.
Sajnos nekem nincs meg az Iphone készülék, ahhoz kérnem kell, hogy megtudjam nézni.
Összefoglalás
Nemrég megújúlt a PageSpeed módszer, ezért amikor tudtam és az időm megengedett, folyamatosan olvasgattam, átnézegettem és kipróbáltam sok mindent ami TELJESEN ÚJAK, mint alapilag, hogy jól tudjak felkészülni az új munkát.
Mindenhol egyedül kezeltem a dolgokat, így megeshet az apró hiba jelentkezik.
Emberek vagyunk, mindenkinek van rossz oldala, azaz gyenge pontja.
Előny, ha egymáson segíteni a közös munkát, azt hogy:
- egyik feladaton az “A ember” ellenőrzi a “B ember” az elvégzett munkáját,
- másik feladaton pedig “B ember” ellenőrzi az “A ember” az elvégzett munkáját.
0 Megjegyzések