Képek nélkül a legtöbb weboldal végtelen szövegblokknak nézne ki. A kiváló minőségű képek elengedhetetlenek a látogató figyelmének felkeltéséhez. Helyeket hoznak létre a tartalomban, és olvashatóbbá teszik azokat; Nem is beszélve a képkeresésből származó plusz forgalomról. De mindezen előnyök elérése érdekében először meg kell vizsgálnia, hogy megfelelően optimalizálja-e képeit a WordPress számára.

oktatóanyagokhoz

A legtöbb WordPress-webhelytulajdonos végül nem webre optimalizált képeket tölt fel és használ, amelyek sokkal több kárt okozhatnak, mint hasznot.

Ebben az útmutatóban megtudhatja, miért elengedhetetlen a képek optimalizálása, valamint ötféle módon optimalizálja a képeket a WordPress számára.

  • Miért kell optimalizálnia képeit a WordPress számára?
    • Webhelye gyorsabban töltődik be
    • Webhelye kevesebb helyet foglal el a szerveren
    • Javítani fogja pozícióját a keresőkben
  • 5 módszer a képek optimalizálására a WordPress számára
    • 1. Válassza ki a megfelelő fájlformátumot
    • 2. Tömörítse a képeket
    • 3. Átméretezze a képeket az optimális megtekintés érdekében
    • 4. Győződjön meg arról, hogy a képek jól körül vannak vágva
    • 5. Javítsa a kép SEO-ját
  • Következtetésképpen

Miért kell optimalizálnia képeit a WordPress számára?

A képek optimalizálásának elmulasztása hihetetlenül lassú feltöltési sebességhez és sávszélességi problémákhoz vezethet. A képek jelentős helyet foglalhatnak el, és a legtöbbjük felesleges.

Íme néhány fő ok a képek optimalizálására:

Webhelye gyorsabban töltődik be

A lassú betöltési hely közepes felhasználói élményt nyújt. Ez magasabb visszafordulási arányhoz és a webhely minden látogatásának rövidebb idejéhez vezet. Nem várhatja el, hogy a felhasználók ragaszkodjanak és megvárják a képek betöltését.

Webhelye kevesebb helyet foglal el a szerveren

Általában nem fogja elérni a jelenlegi webtárhelyének tárhelykorlátjait.

De ha egy webhely kevesebb helyet foglal el a szerveren, az agilisabbá teszi.

Ezt a plusz súlyt leveheti a webhelyéről, és könnyebb, nagyobb teljesítményű webhelyet használhat. Ráadásul csökkentheti a szerver költségeit azáltal, hogy a tárhely alapján fizet.

Javítani fogja a keresőmotorok rangsorolását

A Google és más keresőmotorok utálják a lassan betöltődő webhelyeket.

A képek optimalizálása javítja a teljesítményt és a helymeghatározást.

Az optimalizált képek segítségével a Google is sokkal gyorsabban fogja feltérképezni és elhelyezni a képeit, ami jó lehet a forgalom növeléséhez.

A képek optimalizálásának nem kell nehéznek vagy időigényesnek lennie, és része lehet a szokásos publikációs munkafolyamatnak. Ha nem optimalizálja a képeket, az káros lehet webhelye sikerére.

Ezután megtudhatja, hogyan optimalizálhatja képeit a WordPress számára a minőség megőrzése és a teljesítmény feláldozása nélkül.

5 módszer a képek optimalizálására a WordPress számára

A WordPress képoptimalizálásával az a célja, hogy csökkentse a fájlméretet a képminőség feláldozása nélkül. Az optimalizálásnak nincs tökéletes módja, hanem megtalálja az egyensúlyt.

A képoptimalizálás sokféleképpen közelíthető meg. Kombinálhat néhány módszert is, hogy a képfájl mérete a lehető legkisebb legyen.

Olvassa el öt különböző módszer megismerését, amelyekkel könnyedén optimalizálhatja képeit az interneten.

1. Válassza ki a megfelelő fájlformátumot

Az optimalizálás megkezdése előtt ellenőrizze, hogy a megfelelő fájlformátumot választotta-e. A választott fájlformátum befolyásolja annak teljes méretét és a kép optimalizálásának képességét.

A két leggyakoribb képtípus a Jpeg Y PNG.

A JPEG fájlokat általában általános fényképekhez és képekhez használják:

  • Kisebb a fájlméretük
  • Biztosítsa a képminőséget
  • Nagyobb minőségromlás nélkül átméretezhetők vagy tömöríthetők

A PNG fájlokat vektorokhoz, logókhoz, képernyőképekhez és kisebb képekhez használják. Ritkábban szeretné használni őket, mivel nagyobb fájlmérettel rendelkeznek.

A PNG és JPEG mellett tucatnyi más típusú képet is talál. Ezek azonban nem ajánlottak képek webes létrehozásakor.

De van egy kivétel. Valószínűleg észrevette a GIF-ek robbanását az elmúlt években. Ezek a kis animációs videók felhasználhatók a meglévő tartalom fejlesztésére. Ha kis videót tervez beilleszteni, győződjön meg arról, hogy GIF formátumban van, és nem MP4-en.

2. Tömörítse a képeket

Amikor tömörít egy képet a WordPress számára, meg kell találnia az egyensúlyt a tömörítési minőség és a képméret között.

Minimális tömörítéssel nagy fájlméretet, de jobb minőségű képet kap. Magas tömörítési szint mellett a kép mérete nagyon kicsi lesz, de a képminőség romlik.

A cél az legyen, hogy megtalálja az ideális egyensúlyt a fájlméret és az Ön által használt tömörítési szint között.

Ha van olyan weboldala, amely kiváló minőségű képekre támaszkodik, például egy fotózási oldal, akkor a kettő közötti egyensúly megtalálása hosszabb időt vesz igénybe. Ezeket az optimalizálási beállításokat azonban a továbbiakban minden képhez felhasználhatja.

Ezután megvizsgáljuk az asztali eszközöket, az online eszközöket, sőt néhány WordPress képoptimalizáló bővítményt is, amelyek segítségével a képeket tömörítheti a minőség feláldozása nélkül.

Képoptimalizáló eszközök maguk csinálják (barkács)

Az asztali eszközökkel jobban szabályozhatja az optimalizálási beállításokat. Ha olyan fotószerkesztőben szokott dolgozni, mint a Photoshop, akkor inkább ezt a megközelítést részesíti előnyben.

Néhány népszerűbb asztali eszköz a következőket tartalmazza:

  • Adobe Photoshop: A Photoshop saját beépített képtömörítő eszközzel rendelkezik, amely optimalizálja a képeket az internet számára.
  • Gimp: A Photoshop ingyenes alternatívája, amely nagy tanulási görbével rendelkezik, de beépített optimalizálással is rendelkezik.
  • Affinity Photo: Ez egy olcsóbb alternatíva a Photoshop számára, amely beépített képtömörítési funkciókkal rendelkezik.
  • NET: Fotószerkesztő Windows felhasználók számára, amely szilárd alternatíva a Photoshop számára és képtömörítést tartalmaz.

A fenti eszközök tanulási görbével rendelkeznek, de lehetővé teszik az igényeinek leginkább megfelelő képoptimalizálási beállítások megtalálását.

Automatikus képoptimalizáló eszközök

Ha egyszerűbb megközelítést szeretne, használhat egy online eszközt, amely automatikusan optimalizálja fényképeit.

Ezek az eszközök nagyszerűek, ha nem akarja pazarolni az idejét a képszerkesztő szoftver csínját-bínját megtanulva.

A leggyakoribb online eszközök közé tartozik a JPEGmimi és a TinyPNG.

Ezekkel mindössze annyit kell tennie, hogy feltölti a fényképeit, és az eszköz futtatja és letölti az optimalizált fényképeket.

Ha inkább szoftvert szeretne futtatni a számítógépén, akkor még néhány lehetősége lesz, például az ImageOptim, az OptiPNG és a Trimage.

WordPress tömörítési bővítmények

Mint a WordPress legtöbb dolgában, itt is van egy plugin bármilyen problémára, amellyel találkozik.

A következő beépülő modulok optimalizálják a képeket a feltöltéskor, sőt a médiatárban már található képeket is:

  • Képzelje el a Képoptimalizálót: Ez a bővítmény a képtömörítés több szintjét kínálja a WordPress számára, a kép átméretezéséhez, a kép visszaállításához és még sok máshoz.
  • ShortPixel Image Optimizer: Ez az ingyenes beépülő modul havi 100 kép tömörítését teszi lehetővé, és több különböző képformátumot kezel. Ráadásul beépített visszaállítási funkcióval és kötegelt optimalizálással rendelkezik.
  • WP Smush: Ez a bővítmény optimalizálja a képeket, amikor feltölti őket a webhelyére, és optimalizálja a meglévő médiatárat is. Csökkenti a képek méretét anélkül, hogy befolyásolná a minőséget.
  • Optimus Image Optimizer: Ez a könnyű beépülő modul veszteségmentes tömörítéssel optimalizálja a képeket, így az általános minőség nem csökken, csak a fájlméret csökken.

3. Átméretezze a képeket az optimális megtekintés érdekében

Mielőtt elkezdené optimalizálni a képeit, hasznos lehet a megfelelő méretezés. Nincs értelme hatalmas képet feltölteni a webhelyére, különösen akkor, ha annak átméretezése egyébként megtörténik.

A feltöltés előtt állítsa be a kép méreteit. Így kezdettől fogva egy kisebb képpel kell megküzdenie.

Tegyük fel például, hogy 300x300 pixeles képre van szüksége, ehelyett azonban feltöltsön egy 3000x3000 pixeles képet, és a WordPress témája csökkenti a képet a megfelelő megjelenítés érdekében.

Ez nem csak a sávszélességét növeli, hanem a fényképét is nagyon lassan tölti be.

A legjobb megközelítés az, ha figyelembe veszi a témához szükséges képméreteket, és ennek megfelelően méretezi a képeket. Ezután futtassa a képet egy optimalizáló eszközön keresztül, és töltse fel.

4. Győződjön meg arról, hogy a képek jól kivágottak

A WordPress rendelkezik beépített képszerkesztővel, amely lehetővé teszi a képek kivágását az asztalról.

Bár ez hasznos lehet, javasoljuk, hogy optimalizálás és feltöltés előtt vágja le a képeket.

Ha úgy találja, hogy egy képet le kell vágni, hogy jobban illeszkedjen a webhelyéhez, törölje a képet a webhelyéről, vágja le és töltse be újra.

Túl sok szerkesztéssel az asztalon belül végül ugyanazon fájl több változatát is elmentheti. Ez növeli a szerver terhelését és a webhely teljes méretét.

5. Javítsa a kép SEO-t

Tudta-e, hogy optimalizálhatja képeit, hogy webhelye és képei elősegítsék a keresőmotorok rangsorolását?

A képek optimalizálása felgyorsítja webhelyét és javítja a rangsorolását. Van azonban néhány további lépés, amellyel javíthatja SEO képének SEO-ját.

Kövesse ezeket a lépéseket a képek SEO javításához:

Optimalizálja a kép címét

A kép címsora akkor jelenik meg, amikor az olvasó lebeg a kép fölött. A SEO számára nem túl fontos, de ez a kis trükk javíthatja a felhasználói élményt.

A kép címének szövegének módosításához lépjen a bejegyzésszerkesztőbe, ahová a képet elhelyezte.

Válassza ki a képet, és kattintson a ceruza ikonra, amely megmutatja a lehetőségetSzerkesztés".

A képernyőn 'Haladó beállítások’, Lesz egy hely, ahol megadhatja vagy megváltoztathatja a kép címét.

Add ALT tag

A kép alternatív szövege jelzi a Google számára, hogy miről szól az oldal.

Ha több kép van az oldalon, akkor az első képnek tartalmaznia kell a cél kulcsszót. Minden egyes következő képnek ennek a kifejezésnek a változatát kell használnia, ugyanakkor relevánsnak kell maradnia a kép szempontjából.

A kép alternatív szövegének módosításához lépjen a vizuális szerkesztőbe, és vigye az egérmutatót a beillesztett kép fölé. Kattintson még egyszer a ceruza ikonra, amely megnyitja a lehetőségetSzerkesztés".

Ezen a képernyőn keressen egy „” nevű doboztAlternatív szöveg'És írja ebbe a mezőbe a cél kulcsszót vagy a kapcsolódó kulcsszót.

Adjon megfelelő nevet képfájljának

Képfájlneve segíthet a Google képkeresésben való rangsorolásban, amely jó forrása lehet a további forgalomnak.

Értelmetlen fájlnév helyett változtasson olyanra, amely tartalmazza a megcélzott kulcsszót, vagy tükrözi a kép lényegét.

Mielőtt feltöltené a képet a WordPress-be, töltsön el egy kis időt annak mérlegelésével, hogy melyik név lenne a kép megfelelő.

Végül, ha több szót is használ a fájlnevében, győződjön meg arról, hogy kötőjelet használ a szavak között, mivel a Google szóközként fogja olvasni őket. Ellenkező esetben a szavak együtt lesznek, és a fájlneve nem lesz olvasható.

Következtetésképpen

Ha a fenti lépéseket követve optimalizálja képeit a WordPress számára, akkor a Google könnyebben megszeretheti webhelyét.

Gyorsabban töltődik be, a látogatók megköszönik, és a keresőmotorok rangsora is.

A tömörítésnél fontos a beállításokkal és a különböző eszközökkel játszani, amíg meg nem találja a tökéletes egyensúlyt a képminőség és a képfájl mérete között. Nehéz egyensúlyt elérni, de mindenképpen megéri javítani a betöltési sebességet és a böngészési élményt.

Javította a képek optimalizálása a webhely betöltési sebességét és teljesítményét? Ossza meg tapasztalatait az alábbi megjegyzésekben.

Ezt a cikket utoljára 2020. augusztus 6-án, 20:19 órakor módosították