Az \u00e1ltalunk v\u00e9gzett auditok sor\u00e1n folyamatosan ugyanazzal a probl\u00e9m\u00e1val tal\u00e1lkozunk: gy\u00f6ny\u00f6r\u0171, de lass\u00fa weboldalak, amelyeket a telefonr\u00f3l k\u00f6zvetlen\u00fcl felt\u00f6lt\u00f6tt 8 MB-os k\u00e9pek szabot\u00e1lnak. Egy olyan web\u00e1ruh\u00e1z, ahol a term\u00e9kk\u00e9pek 10 m\u00e1sodperc alatt t\u00f6ltenek be, v\u00e1s\u00e1rl\u00f3kat vesz\u00edt. A k\u00e9poptimaliz\u00e1l\u00e1s WordPressben nem egy technikai h\u00f3bort, hanem egy \u00fczleti d\u00f6nt\u00e9s, amely k\u00f6zvetlen\u00fcl befoly\u00e1solja az elad\u00e1saidat \u00e9s a Google-ben elfoglalt helyez\u00e9sedet.<\/p>\n\n\n\n
Projektjeink sor\u00e1n azt tapasztaltuk, hogy a k\u00e9pek megfelel\u0151 optimaliz\u00e1l\u00e1sa ak\u00e1r 70%-kal is cs\u00f6kkentheti egy oldal bet\u00f6lt\u00e9si idej\u00e9t. Ez kevesebb lemorzsol\u00f3d\u00f3 l\u00e1togat\u00f3t jelent, \u00e9s nagyobb es\u00e9lyt arra, hogy eljussanak a kapcsolati \u0171rlaphoz vagy a \u201eKos\u00e1rba teszem\u201d gombhoz.<\/p>\n\n\n\n
A v\u00e1llalkoz\u00e1sod ideje \u00e9rt\u00e9kes, ak\u00e1rcsak az \u00fcgyfeleid\u00e9. A nem optimaliz\u00e1lt k\u00e9pek a lass\u00fa weboldalak egyik legf\u0151bb okai, a k\u00f6vetkezm\u00e9nyek pedig k\u00f6zvetlen\u00fcl megl\u00e1tszanak a sz\u00e1mokban.<\/p>\n\n\n\n
Minden egyes plusz m\u00e1sodperc a bet\u00f6lt\u00e9sn\u00e9l n\u00f6veli a val\u00f3sz\u00edn\u0171s\u00e9g\u00e9t annak, hogy a felhaszn\u00e1l\u00f3 elhagyja az oldalt. Egy web\u00e1ruh\u00e1z eset\u00e9ben ez elvesz\u00edtett elad\u00e1sokat jelent. Egy bemutatkoz\u00f3 weboldaln\u00e1l pedig olyan \u00e1raj\u00e1nlatk\u00e9r\u00e9seket, amelyek sosem jutnak el hozz\u00e1d. Egy gyors weboldalt professzion\u00e1lisabbnak \u00e9s megb\u00edzhat\u00f3bbnak \u00edt\u00e9lnek meg.<\/p>\n\n\n\n
Az oldal sebess\u00e9ge a Google \u00e1ltal is meger\u0151s\u00edtett rangsorol\u00e1si t\u00e9nyez\u0151. Egy lass\u00fa weboldalt a keres\u0151motor h\u00e1trasorol a tal\u00e1latok k\u00f6z\u00f6tt. R\u00e1ad\u00e1sul a Google egyre jobban \u00e9rti a vizu\u00e1lis tartalmat, de a kategoriz\u00e1l\u00e1shoz m\u00e9g mindig a kontextusra t\u00e1maszkodik. A f\u00e1jln\u00e9v (pl. `piros-selyem-ruha.jpg` az `IMG_8452.jpg` helyett) \u00e9s az alternat\u00edv sz\u00f6veg (ALT) seg\u00edt a keres\u0151motoroknak meg\u00e9rteni, mir\u0151l sz\u00f3l a k\u00e9p, ezzel is hozz\u00e1j\u00e1rulva az \u00e1ltal\u00e1nos SEO optimaliz\u00e1l\u00e1shoz<\/a>.<\/p>\n\n\n\n A nehezen bet\u00f6lt\u0151d\u0151 vagy akadozva megjelen\u0151 k\u00e9pek frusztr\u00e1l\u00f3 \u00e9lm\u00e9nyt ny\u00fajtanak. Mobilon, ahol az internetkapcsolat gyeng\u00e9bb is lehet, a hat\u00e1s m\u00e9g jelent\u0151sebb. Egy g\u00f6rd\u00fcl\u00e9keny \u00e9lm\u00e9ny, azonnal megjelen\u0151, \u00e9les k\u00e9pekkel bizalmat \u00e9p\u00edt, \u00e9s arra \u00f6szt\u00f6nzi a l\u00e1togat\u00f3t, hogy tov\u00e1bb b\u00f6ng\u00e9sszen.<\/p>\n\n\n\n A megfelel\u0151 form\u00e1tum kiv\u00e1laszt\u00e1sa az els\u0151 \u00e9s legfontosabb l\u00e9p\u00e9s. Nincs \u201et\u00f6k\u00e9letes\u201d form\u00e1tum minden helyzetre. Mindegyiknek megvan a maga specifikus szerepe.<\/p>\n\n\n\n Az mi egyszer\u0171 szab\u00e1lyunk:<\/strong> Haszn\u00e1lj WebP-t mindenhez, kiv\u00e9ve, ha nagyon r\u00e9gi b\u00f6ng\u00e9sz\u0151kkel val\u00f3 kompatibilit\u00e1sra van sz\u00fcks\u00e9ged. A legt\u00f6bb modern optimaliz\u00e1l\u00f3 b\u0151v\u00edtm\u00e9ny automatikusan \u00e1t tudja alak\u00edtani a k\u00e9peidet WebP form\u00e1tumba.<\/p>\n\n\n\n A legnagyobb hiba, amit l\u00e1tunk, a k\u00e9pek k\u00f6zvetlen felt\u00f6lt\u00e9se a f\u00e9nyk\u00e9pez\u0151g\u00e9pr\u0151l vagy telefonr\u00f3l. Egy 5000×3000 pixeles fot\u00f3 m\u00e9rete meghaladhatja a 10 MB-ot. Ha a weboldaladon ez a k\u00e9p legfeljebb 1200 pixel sz\u00e9les helyen fog megjelenni, a sz\u00fcks\u00e9gesn\u00e9l t\u00edzszer t\u00f6bb inform\u00e1ci\u00f3t t\u00f6ltesz fel.<\/p>\n\n\n\n Az aranyszab\u00e1ly:<\/strong> M\u00e9retezd \u00e1t a k\u00e9pet arra a maxim\u00e1lis m\u00e9retre, amelyben a weboldalon meg fog jelenni, MIEL\u0150TT felt\u00f6lten\u00e9d a WordPressbe.<\/p>\n\n\n\n A WordPressben l\u00e1that\u00f3 m\u00e9retek (b\u00e9lyegk\u00e9p, k\u00f6zepes, nagy) csup\u00e1n alap\u00e9rtelmezett be\u00e1ll\u00edt\u00e1sok. A t\u00e9m\u00e1d (sablonod) teljesen m\u00e1s m\u00e9reteket is haszn\u00e1lhat. Ne hagyatkozz r\u00e1juk, hanem ellen\u0151rizd a t\u00e9nyleges megjelen\u00edt\u00e9si m\u00e9retet.<\/p>\n\n\n\n K\u00e9t f\u0151 utad van a k\u00e9poptimaliz\u00e1l\u00e1s kezel\u00e9s\u00e9re: manu\u00e1lisan, a felt\u00f6lt\u00e9s el\u0151tt, vagy automatikusan, egy b\u0151v\u00edtm\u00e9ny (plugin) seg\u00edts\u00e9g\u00e9vel.<\/p>\n\n\n\n Ez azt jelenti, hogy te ir\u00e1ny\u00edtod az eg\u00e9sz folyamatot: \u00e1tm\u00e9retezed, kiv\u00e1lasztod a form\u00e1tumot \u00e9s t\u00f6m\u00f6r\u00edted az \u00f6sszes k\u00e9pet, miel\u0151tt felt\u00f6lten\u00e9d \u0151ket. Ez a m\u00f3dszer adja a legnagyobb kontrollt, de ez veszi el a legt\u00f6bb id\u0151t is.<\/p>\n\n\n\n Egy optimaliz\u00e1l\u00f3 b\u0151v\u00edtm\u00e9ny automatikusan \u00e1tveszi ezeket a feladatokat. Amikor felt\u00f6ltesz egy k\u00e9pet, a b\u0151v\u00edtm\u00e9ny \u00e1tm\u00e9retezi, t\u00f6m\u00f6r\u00edti, \u00e9s a beavatkoz\u00e1sod n\u00e9lk\u00fcl \u00e1t tudja alak\u00edtani WebP form\u00e1tumba.<\/p>\n\n\n\n A legt\u00f6bb v\u00e1llalkoz\u00e1s sz\u00e1m\u00e1ra egy hibrid megold\u00e1s m\u0171k\u00f6dik a legjobban: felt\u00f6lt\u00e9s el\u0151tt manu\u00e1lisan \u00e1tm\u00e9retezed a k\u00e9peket egy \u00e9sszer\u0171 m\u00e9retre, majd hagyod, hogy egy b\u0151v\u00edtm\u00e9ny gondoskodjon a finom t\u00f6m\u00f6r\u00edt\u00e9sr\u0151l \u00e9s a WebP-be t\u00f6rt\u00e9n\u0151 konvert\u00e1l\u00e1sr\u00f3l.<\/p>\n\n\n\n A Safebizn\u00e9l olyan stabil megold\u00e1sokat implement\u00e1lunk, amelyek illeszkednek az ig\u00e9nyeidhez. Egy j\u00f3l megv\u00e1lasztott b\u0151v\u00edtm\u00e9ny \u00e9rt\u00e9kes id\u0151t szabad\u00edthat fel sz\u00e1modra. N\u00e9zd meg, hogyan seg\u00edthet\u00fcnk a weboldalad optimaliz\u00e1l\u00e1s\u00e1ban.<\/a><\/p>\n\n\n\n Nincs egyetlen \u201egy\u0151ztes\u201d b\u0151v\u00edtm\u00e9ny. A helyes v\u00e1laszt\u00e1s a k\u00e9pek mennyis\u00e9g\u00e9t\u0151l, a t\u00e1rhely t\u00edpus\u00e1t\u00f3l \u00e9s a k\u00f6lts\u00e9gvet\u00e9st\u0151l f\u00fcgg. Dolgoztunk m\u00e1r az \u00f6sszes cs\u00facskateg\u00f3ri\u00e1s megold\u00e1ssal, \u00e9s mindig azt v\u00e1lasztjuk, ami a legjobban illik az adott projekthez.<\/p>\n\n\n\n A mi aj\u00e1nl\u00e1sunk nem egy b\u0151v\u00edtm\u00e9ny neve, hanem egy m\u00f3dszer: bels\u0151 auditot v\u00e9gz\u00fcnk, hogy l\u00e1ssuk, melyik megold\u00e1s hozza a legjobb eredm\u00e9nyt a weboldalad sz\u00e1m\u00e1ra an\u00e9lk\u00fcl, hogy feleslegesen terheln\u00e9 azt.<\/p>\n\n\n\n Tapasztalataink szerint ez a 4 hiba fedi le a k\u00e9pekkel kapcsolatos teljes\u00edtm\u00e9nyprobl\u00e9m\u00e1k 90%-\u00e1t:<\/p>\n\n\n\n A technikai optimaliz\u00e1l\u00e1s csak a t\u00f6rt\u00e9net egyik fele. A k\u00e9pek helyes haszn\u00e1lata jogi felel\u0151ss\u00e9ggel is j\u00e1r.<\/p>\n\n\n\n Szerz\u0151i jogok:<\/strong> Let\u00f6lteni egy k\u00e9pet a Google K\u00e9pekb\u0151l a licenc ellen\u0151rz\u00e9se n\u00e9lk\u00fcl biztos recept a jogi probl\u00e9m\u00e1khoz. Haszn\u00e1lj olyan k\u00e9p\u00fcgyn\u00f6ks\u00e9geket, amelyek egy\u00e9rtelm\u0171 licenceket k\u00edn\u00e1lnak (pl. Unsplash, Pexels az ingyenes k\u00e9pekhez, Adobe Stock a fizet\u0151sekhez). M\u00e9g az \u201eingyenesekn\u00e9l\u201d is ellen\u0151rizd, hogy a licenc megengedi-e a kereskedelmi felhaszn\u00e1l\u00e1st, \u00e9s sz\u00fcks\u00e9ges-e a szerz\u0151 megjel\u00f6l\u00e9se.<\/p>\n\n\n\n GDPR:<\/strong> Ha egy fot\u00f3n felismerhet\u0151 arc\u00fa szem\u00e9lyek szerepelnek, az a k\u00e9p szem\u00e9lyes adatnak min\u0151s\u00fcl. A jogszer\u0171 k\u00f6zz\u00e9t\u00e9telhez sz\u00fcks\u00e9ged van ezen szem\u00e9lyek kifejezett hozz\u00e1j\u00e1rul\u00e1s\u00e1ra. Ez a szempont kulcsfontoss\u00e1g\u00fa a sz\u00e1llod\u00e1k, \u00e9ttermek vagy rendezv\u00e9nyszervez\u0151k sz\u00e1m\u00e1ra.<\/p>\n\n\n\n A Safebizn\u00e9l az az el\u0151ny\u00f6d, hogy a jogi oldalt is lefedj\u00fck, nem csak a technikait. Mivel egy in-house \u00fcgyv\u00e9d is er\u0151s\u00edti a csapatunkat, tan\u00e1csad\u00e1st tudunk ny\u00fajtani annak \u00e9rdek\u00e9ben, hogy az online jelenl\u00e9ted ne csak gyors, hanem a t\u00f6rv\u00e9nyeknek is megfelel\u0151 legyen.<\/p>\n\n\n\n Miut\u00e1n v\u00e9grehajtottad az optimaliz\u00e1l\u00e1sokat, m\u00e9rned kell a hat\u00e1st. Ne a meg\u00e9rz\u00e9sekre, hanem az adatokra t\u00e1maszkodj.<\/p>\n\n\n\n A folyamatos monitoroz\u00e1s a kulcs. Egyetlen, koll\u00e9ga \u00e1ltal t\u00e9ved\u00e9sb\u0151l felt\u00f6lt\u00f6tt 5 MB-os k\u00e9p semmiss\u00e9 teheti az optimaliz\u00e1l\u00e1si er\u0151fesz\u00edt\u00e9seket. \u00c9ppen ez\u00e9rt egy havi karbantart\u00e1si<\/a> terv elengedhetetlen.<\/p>\n\n\n\n A k\u00e9poptimaliz\u00e1l\u00e1s nem egy egyszeri feladat. Ez egy folyamatos folyamat, az eg\u00e9szs\u00e9ges \u00e9s j\u00f3l teljes\u00edt\u0151 weboldal higi\u00e9ni\u00e1j\u00e1nak alapvet\u0151 r\u00e9sze. Mi kezelj\u00fck a technol\u00f3gia komplexit\u00e1s\u00e1t, hogy te a v\u00e1llalkoz\u00e1sodra koncentr\u00e1lhass.<\/p>\n\n\n\n3. Felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny (UX)<\/h3>\n\n\n\n
Milyen k\u00e9pform\u00e1tumot v\u00e1lassz: JPG, PNG, WebP vagy AVIF?<\/h2>\n\n\n\n
\n
Hogyan v\u00e1laszd ki a megfelel\u0151 m\u00e9retet a k\u00e9p felt\u00f6lt\u00e9se el\u0151tt?<\/h2>\n\n\n\n
\n
Manu\u00e1lis optimaliz\u00e1l\u00e1s vs. optimaliz\u00e1l\u00e1s b\u0151v\u00edtm\u00e9nnyel<\/h2>\n\n\n\n
Manu\u00e1lis optimaliz\u00e1l\u00e1s<\/h3>\n\n\n\n
\n
Optimaliz\u00e1l\u00e1s b\u0151v\u00edtm\u00e9nnyel<\/h3>\n\n\n\n
\n
Gyakran haszn\u00e1lt optimaliz\u00e1l\u00f3 b\u0151v\u00edtm\u00e9nyek<\/h2>\n\n\n\n
\n
Gyakori hib\u00e1k, amelyek lelass\u00edtj\u00e1k a honlapodat<\/h2>\n\n\n\n
\n
Szerz\u0151i jogok \u00e9s GDPR: A k\u00e9pek jogi vonatkoz\u00e1sai<\/h2>\n\n\n\n
Hogyan ellen\u0151rizd az optimaliz\u00e1l\u00e1s eredm\u00e9nyeit?<\/h2>\n\n\n\n
\n