Sok weboldalra azért érkeznek látogatók, mert egy termékről készült képnek jó a Google pozíciója. Ezért egyre több cégvezető célja a honlapján lévő kép optimalizálása. Ismerd meg, mik a Google képkeresés legfontosabb szempontjai, hogyan optimalizáljuk webre a képeket, hogy azok jó helyezést érjenek el a Google képkeresőben.
Tartalomjegyzék
Miért fontos a képek optimalizálása?
Nem csak keresőoptimalizálás szempontjából fontos az optimalizált képek használata. Ha a kép túl nagy, romlik a weboldalunk betöltési sebessége is. A nagy méretű képfájl lassabban töltődik be. A felhasználó sokszor nem várja meg a weboldalak betöltődését, hanem egyszerűen otthagyja. Ez negatívan befolyásolja Google helyezéseket (SEO) is.
Hogyan csökkenthetjük a képek méretét?
A képek mérete fontos szempont. Nagy fájl méret mellett megnő a honlap betöltési sebessége, és romlik weboldalunk Google helyezése. Írásunkból megismerheted a kép optimalizálás legfontosabb szempontjait és kivitelezési lehetőségeit.
Két módja van annak, hogy csökkentsük a képeink méretét:
- Méretezzük át a képet
Egy képszerkesztő programmal könnyedén csökkenthető a felbontás, vagyis a képméret. A modern fényképezőgépek és mobil telefonok szükségtelenül nagy fotókat készítenek, így érdemes csökkenteni a kép méretét. - Használj tömörített formátumot
A .jpg, .jpeg, .webp vagy .png fájtípusok használata jelentősen hozzájárul a képek optimalizálásához
Tipp: Használd az online eszközöket, mint például tinypng.com, amelyek automatikusan csökkentik a fájl méretét anélkül, hogy jelentős minőségromlást okoznának.
Miért fontos a fájlnév és az alt szöveg?
A képek fájlneve és az alt szövege segíthet a keresőoptimalizálásban. A Google képes olvasni és értelmezni ezeket a szövegeket, ezért fontos, hogy releváns kulcsszavakat tartalmazzanak. Például, ha egy kép egy macskáról van, akkor a fájlnév lehet „macska.jpg”, és az alt szöveg lehet „fehér macska zöld szemmel”.
Hogyan lehet optimalizálni a képeinket feltöltés előtt?
Feltöltés előtt érdemes átnézni a képeinket és eldönteni, melyiket szeretnénk használni a weboldalunkon. Azokat a képeket, amelyek túl nagy méretűek (pl. több mint 1 MB), érdemes csökkenteni egy képszerkesztő programmal vagy online eszközzel.
Milyen WordPress bővítmények segíthetnek a képeink optimalizálásában?
Számos WordPress bővítmény áll rendelkezésre, amelyek automatikusan optimalizálják a képeket feltöltéskor. Ilyen például a WP Smush vagy az EWWW Image Optimizer.
Hogyan használjuk a képeket a weboldalunkon keresőoptimalizálás szempontjából?
A képek használata a weboldalunkon nem csak esztétikai szempontból fontos. A nagy méretű képek miatt a weboldal betöltési sebesség romlik. hanem SEO szempontból is. A képek segíthetnek a látogatók figyelmének felkeltésében, és ha jól vannak optimalizálva, akkor javíthatják a weboldal rangsorolását is.
Hogyan csökkenthetjük tovább a betöltési időt?
A betöltési idő további csökkentése érdekében érdemes használni egy cache bővítményt, mint például a W3 Total Cache vagy WP Super Cache. Ezek a bővítmények gyorsítótárazzák a weboldal tartalmát, így gyorsabban tölt be.
Miért fontos az optimalizált méretű képek használata?
Az optimalizált méretű képek használata segít a weboldal betöltési idejének csökkentésében, ami javítja a felhasználói élményt és növeli a SEO-t. Ezenkívül az optimalizált képek kevesebb adatot igényelnek a letöltéshez, ami különösen fontos a mobil felhasználók számára.
9 SEO tipp a képek optimalizálása céljából
1. Képek méretének csökkentése feltöltés előtt
Érdemes utána nyomoznod annak, hogy milyen méretű fotókat használj a honlapodon. A Facebook ajánlása 1200×625 pixeles fotók használata. A széles képernyő előnyös lehet asztali számítógépeken és laptopokon. Mobil eszközökön a négyezetes formátumú képek szerencsések, érdemes itt is legalább 900×900 pixeles méretben menteni a tartalmat.
2. Képek keresőoptimalizálása és a fájlformátum
A megfelelő kép kiválasztás után döntést kell hoznod, hogy melyik képformátum lesz optimális a céljaidra. Három képformátum terjedt el: a GIF, a PNG, és a JPEG.
3. Hogyan optimalizáljuk a képfájlok méretét az internetre?
Az internetre való optimalizálásnál a legfőbb cél, hogy olyan kicsi fájlméretet érj el, amennyire csak lehetséges, anélkül, hogy rontanál a kép minőségén.
Az interneten több olyan online szolgáltatást találsz, mint a TinyPNG vagy a Compress JPEG, amelyek lehetővé teszik fotók tömegével való tömörítését. Itt nincs más dolgod, mint feltölteni a képeidet, és megvárni, míg a webes alkalmazás elvégzi a munkát. Windows programok közül a FastStone Image Viewer kiváló eszközt biztosít tömeges tömörítésre, képméretezésre, formátum váltásra. Ráadásul ingyenes, és kompakt.
A legprofigg tömörítést az Adobe Photoshop segítségével lehet elvégezni, amelynek van kimondottan webes közzétételhez export lehetősége.
4. Használj informatív fájlneveket a weboldalra töltött képeknél
Említettem már, hogy a Google nem „látja”, hogy mi van a képen. Segíteni kell neki. Az egyik ilyen lehetőség, hogy átnevezed a felhasznált fotókat, és a kép nevébe beleírod, mi is van rajta.
A digitális fényképezőgépekkel készült fotóknak általában ilyen neveik vannak:
dsc112345.jpg
Ez semmit nem mond, érdemes átnevezni. A fájlok neveivel azonban vigyázni kell. Egyes szerverek már a szóközöket sem szeretik fájlnévben, az ékezetes betűk (főleg a hosszú ő és ű) azonban komoly gondokat tud okozni. Ezért a képek fájlneveiben a szóközöket mindig kötőjellel vagy aláhúzás jellel cseréljük. Egy képet, ami egy nappali szobában álló rusztikus kandallót ábrázol, pl. így érdemes elnevezni:
nappali-szoba-rusztikus-kandallo.jpg
vagy
nappali_szoba_rusztikus_kandallo.jpg
Ne ess túlzásba! Egy fájlnév ne legyen hosszabb 40-50 betűnél!
5. Figyelj a képek alt szövegére
A HTML kódban az „alt” szöveg az „alternative text” szöveg rövidítése, amely akkor jelenik meg, ha az egérkurzort egy weboldalon egy kép fölé viszed, és ott tartod azt néhány másodpercig. Ez a szöveg jelenik meg akkor, ha a böngésződ a képet nem tudja beolvasni. A Google képkereső számára ez adja a legfontosabb információt a képedről.
Itt is igaz az, hogy ne ess túlzásba: az „alt” text ne legyen hosszabb 100 karakternél. Ha kulcsszavakat raksz képekre, és egy oldalon sok kép van, ügyelj, hogy ne ugyanaz a szöveg kerüljön mindegyikre, mert a Google nagyon nem szereti, ha egy kulcsszó 20-30-szor szerepel egy weboldalon!
Az Alt szöveg elhelyezésére a legtöbb honlap szerkesztő program alkalmas, közülük a legelterjedtebb a Tinymce. A WordPress média kezelője nem csak az alt szöveg, hanem cím (title tag) elhelyezését támogatja. Ez a lehetőség amúgy megvan a HTML kódban, de nem minden szerkesztő program támogatja. A Google képkereső szempontjából a title tag kisebb jelentőséggel bír.
6. Kép SEO lehetőség: Használj képaláírásokat
Azt a szöveget, amit a kép alt részében elhelyezel, érdemes képaláírásként a honlapon is megjeleníteni látható információként. A WordPress média kezelő alapból támogatja ezt a funkciót, más szerkesztő programokkal kicsit ügyeskedned kell.
7. Csökkentsd a kép méretét: Használj bélyegképeket
Ha egy weboldalon több nagyobb képet is meg akarsz jeleníteni, érdemes azokról úgynevezett bélyegképeket készíteni, és abból linkelni be a nagyobb fotókat. Ezt több WordPress képgaléria képes magától elvégezni (Pl. a WordPress Photo Gallery by WD).
Érdemes a linkelést úgy megcsinálni, hogy az popup ablakban jelenjen meg, a képgaléria bővítmények erről is gondoskodnak.
8. Hozz létre kép oldaltérképet
Az olyan szoftver kiegészítők, mint a WordPress Rank Math vagy Yoast SEO képesek kép oldaltérképet létrehozni. A Google képkereső így az olyan fotókat is fel tudja térképezni, amelyeket egyébként Java Script programok olvasnak be (ami a legtöbb képgaléria kiegészítő alapja).
9. Engedélyezd a képek indexelését!
Nagyon fontos, hogy a robot.txt fájlban, ami a honlapod gyökérkönyvtárában található, engedélyezd azoknak a mappáknak az indexelését, ahol a fotók találhatók.
Ha a képek pl. az „images” nevű mappában vannak, akkor a robot.txt fájlban az
Allow: /images/
sornak kell szerepelnie. A következő sor tiltja a képek indexelését ebben a mappában:
Disallow: /images/
