A képek optimalizálása a SEO javítása érdekében
Korábbi kutatásaink és a képek és a SEO közötti kapcsolatról szóló esettanulmányok erre a kép- és vizuális optimalizálási témára vezettek minket. Aztán rájöttünk, hogy a Google képes szövegeket olvasni képekből, aminek a jövőben hatalmas következményei lehetnek a rangsorban és a Google Képkereső világában. Nagyon is lehetséges, hogy a közeljövőben a keresőmotorok valószínűleg megváltoztatják a képek rangsorolásának algoritmusait. Ez a változás hatalmas hatással lesz a kutatásra és a SEO világára. Különösen azért, mert a Google objektumészlelést használ a képeken.
Ezért jobb felkészülni és követni a következőnket képoptimalizálási tippek hogy segítsen a Google-nak a képek elolvasásában és rangsorolásában a közeljövőben.
1. Válassza ki a megfelelő képformátumot
A vizuális tartalom számára többféle fájl létezik, amelyek mindegyike különböző célokat szolgál. Ha a megfelelő fájlt választja, az óriási fejlődés lesz.
Az interneten kiválaszthatja:
- JPEG formátum, ha sok színnel, színátmenettel és árnyékolással ellátott képek vannak.
- PNG formátum, ha van emblémája, sok egyszínű képe van, vagy átlátszóságot kell használnia.
- GIF formátum, ha animáció van, vagy ugyanabban a helyzetben van magyarázva, vagy PNG formátum.
2. Optimalizálja a képfájl méretét
A képminőség csökkentése felgyorsíthatja a weboldal betöltési sebességét. A gyors webhelyek jobb felhasználói élményt jelentenek, ami növeli a konverziókat.
Az oldalra adott válasz egy másodperces késedelme a konverziók 7% -os csökkenéséhez vezethet - áll a Kissmetrics tanulmányában.
Még súlyosabb probléma érinti a mobilfelhasználókat. A képek a teljes oldal tömegének 68% -át teszik ki, és általában túl nagyok, és gyakran feleslegesek, lassítják az oldal betöltését és megakadályozzák a felhasználót az információkhoz való hozzáférésben.
A kép méretét a minősége vagy a pixelek száma adja meg. Ha egy kép több pixelt tartalmaz, akkor a méret, a méret és a minőség magasabb lesz. Ezért ajánlott 15-20% -kal csökkenteni a minőséget JPEG és PNG formátumoknál.
Számos dedikált szoftver rendelkezik ezzel a lehetőséggel.
Az Adobe Photoshop alkalmazásban például a JPEG és a PNG lehetővé teszi a képek webes optimalizálását. A lépések meglehetősen egyszerűek: Exportálás »Mentés az internetre» Minőség 85% (Használja a bal oldali fotómegjelenítőt annak megállapításához, hogy tovább tudja-e tömöríteni a fényképet és annak megjelenését.) »Kattintson a Mentés gombra.
Minél nagyobb a százalék, annál jobb a fénykép minősége. PNG képek esetén más optimalizációk közül választhat, például 8 bites PNG és 24 bites PNG közül. Ajánlatos 8 bites png formátumban menteni, hogy egy kissé nagyobb képet kapjon.
Az Affinity Photo egy másik képtömörítési lehetőség, amely hasonló lehet a Photoshophoz, de olcsóbb.
A képminőség csökkentésére léteznek más, könnyebben használható szoftverek is, például a Gimp és más kezdőknek szánt kis szoftverek, például a GIFsicle, JPEGtran, JPEG Mini, OptiPNG, pngquant, FileOptimizer, ImageOptim.
Ha a legegyszerűbb utat szeretné megtenni, és nem szeretne letölteni semmilyen szoftvert, használhatja az online szerkesztő eszközöket a képek tömörítésére. A TinyPNG és a Trimage a két leggyakrabban használt.
Van még az imgIX PageWeight, ahol hozzáadhatja webhelyét, és értékelheti a vizuális tartalom „mennyiségét”. Ehhez három fő mutatószámot kell kiszámítani az egyes webhelyekhez, színes sávok (könnyű, ajánlott és nehéz), amelyek az alábbi képernyőképen láthatók. Példánkban átlagos webhelytartalmat és alacsony képsúlyt, valamint ajánlásokat kínálunk a jobb képoptimalizálás érdekében.
Az alábbiakban egy jelentésminta és a teendők:
- Hogyan befolyásolják a képek az oldal súlyát;
- Legrosszabbul teljesítõ kép Az oldal bontott képe.
Minden eredményhez javasolunk néhány műveletet az oldal betöltési idejének javítására és a képek optimalizálására a súly csökkentése érdekében
3- Mentsen képeket kisebb felbontással
Egy másik képoptimalizálási megoldás a képek mentése a alacsonyabb felbontás. A felbontások a kép pixelszámára vonatkoznak. A szerkesztő szoftver a felbontást egy kép szélessége és magassága, valamint a képen lévő pixelek száma alapján azonosítja.
Például, ha a képe 500 pixel széles és 281 pixel magas (500 × 281), akkor 140 500 pixel lesz (szélességben és magasságban megszorozzuk a pixelek számát), ami 141 KP. Nagyobb kép esetén a felbontás nagyobb lesz. Például, ha jó minőségű 1920 × 1080 képe van, akkor a felbontás 2,07 megapixeles lesz. A grafikus szerkesztő szoftverben lehetőségünk van a kép méreteinek és felbontásának megválasztására, ami kissé félrevezető lehet, mivel nem lehetnek azonos felbontású, különböző felbontású képek.
Az 500 × 281 képpontos kép, 72 ppi, 300 ppi és 1000 ppi felbontással pontosan ugyanúgy fog kinézni, és a pixelek száma 141 KP lesz.
A Http Archive érdekes elemzést végzett a weboldalak tartalomtípus szerinti lebontásáról. Az eredmények hihetetlenek voltak. A jelentés adatait alább láthatja. Könnyedén láthatja, hogy mely képeknek van a legnagyobb súlya egy weboldalon.
Az ábrán látható méretek az átviteli méretek. Ezért a tömörített válaszok kisebbnek tekinthetők, mint az eredeti tömörítetlen tartalom.
A Google PageSpeed Insights megmutatja a tömörítésre szoruló képeket és az utólag megtakarított helyet. Az alábbi példában láthatja azokat a fájlokat, amelyeket tömöríteni kell. Ha tömöríti őket, akkor 34 KB-ot fog megtakarítani.