Képek a weboldalra

2021.06.24.

Ma egy olyan témát fogunk körbejárni, ahol az elmélet és a gyakorlat szöges ellentétei egymásnak, és bár elméletben mindenki tudja, hogy mit kellene tennie, a gyakorlatban elsiklik a figyelmünk a finom részletek mellett, így a várt eredmény elmarad.

Ezért hát essünk neki és nézzük meg, hogy hogyan használhatjuk ki maximálisan a képekben rejlő potenciált.

A weboldalra feltöltött képek eredete

Ahhoz, hogy a weboldalunkra kikerüljön egy felvétel, az első lépés mindenképp az, hogy rendelkezzünk az adott felvételekkel. Nem csak fizikálisan legyen a laptopunkon, vagy a felhőben, mint pl. Google Drive-on, de kell engedélyünk is legyen a képek felhasználására.

Ez utóbbi azért fontos, mert egész egyszerűen ha valaki fogja a saját felvételét és feltölti a Google keresőbe, az megmondja, hogy hol lehet megtalálni az adott felvételt az interneten. Innentől pedig érvénybe léphet a szerzői jog, nem kívánt kellemetlenségeket okozva.

Léteznek ingyenes képletöltő szolgáltatások is, mint például a Pixabay. Az itt található felvételeket ingyenesen és jogtisztán használhatjuk. Viszont ez esetben elvész az eredetiség faktor, ami negatív hatással lehet a weboldalunkra nézve.

Ezt némiképp próbálja csökkenteni a nem ingyenes kép szolgáltatások piaca (Stock Photos), de benne van a nevében is, hogy fizetős szolgáltatás.

Tehát minden út Rómába vezet alapon a legjobb az, ha saját felvételeket készítünk/készítettünk. Természetesen itt is tudni kell, hogy mit szabad lefotóznunk és mit nem, hisz számos szabályozás van erre is manapság.

Figyelemfelkeltő és hasznos felvételek

Egy kép többet mond ezer szónál - tartja a mondás. Ezért fontos tudni, hogy mi a jó kép. Erre pedig nincsenek írott szabályok.

Egy fotós tanfolyamon nagyon sokat foglalkoznak a művészi érzék fejlesztésével, amelyet minden bizonnyal tud a fotós, akit megfogadunk. De akár ő készíti a felvételeket, akár mi magunk, a felvételek alapötletei tőlünk fognak származni. Ezért kezdjünk el a klienseink szemével látni. 

Egy panzió fotózása esetén például, nem csak a szobára kiváncsi a néző, hanem hogy mekkora a parkoló, melyik utcán keresztül lehet megközelíteni, van-e aszfaltút, hogy néz ki a kerti grill.

Fotók által megmutathatjuk azt is, hogy van recepció szolgálat, bankkártyás fizetési lehetőség, vagy saját prospektusunk, amelyből megtudhatják az érdeklődők, hogy mit érdemes megtekinteni a környéken.

Felvételeinket azzal is fel tudjunk dobni, ha pl. naplementében fotózunk, kékórában vagy éjszaka.

Ugyanígy a termékfotók esetén próbáljuk ne csak a terméket lefotózni, hanem a környezetet is, ahol használni fogjuk, esetleg készítsünk beszerelésről is felvételeket. Nagyon sokan első körben egy termék beszerelésére kíváncsiak és csak utána döntenek a vásárlás mellett.

Ha egy felvételen emberek vannak, az sokkal jobban képes megragadni a néző figyelmét. Gondolkozzunk el azon, hogy hogyan lehetne egy mosolyt bevinni a képbe.

A képek előkészítése a feltöltéshez

Amennyiben sikerült megoldani a képek beszerzésének kihívását, akkor érdemes kicsit előkészíteni azokat.

Mindaz mellett, hogy szeretnénk céglogóval ellátni a kép sarkát, érdemes két dologra odafigyelni. 

A képméret: egy nagyon fontos tényező, hisz lehet, hogy a szerverünk bármilyen mérettel elbír, de előretekintőbbek kell legyünk ennél. Példának okáért a Facebook nem szereti sem a túl kicsi, sem a túl nagy fájlméretet. Így rengeteg bosszúságot okozhat, amikor nem jeleníti meg a megosztásoknál azokat.

Amennyiben a szerverünk rendelkezik képátméretező szolgáltatással, akkor szinte nincs is teendőnk, de amennyiben nem rendelkezik, akkor érdemes elgondolkodni egy standard méretben, valahol 3000 pixel környékén a nagyobbik oldalnak. Illetve egy minimális tömörítést alkalmazni, pl. egy 80%-os .jpg már eléggé sokat segít a weboldal gyorsaságára nézve.

A fájlnév: bár látszólag lényegtelen, de érdemes a fájlnevet úgy megválasztani, hogy a lehető legjobban leírja a képen látottakat. Lehetséges, hogy a weboldalunk úgy van megépítve, hogy egyes helyeken nem jelenik meg a kép cím és leírásmezője, így SEO szempontból csak a fájlnévre lehet támaszkodni.

Fájlnév választása esetén fontos megfigyelni, hogy a szerverünk elbír-e az ékezetes karakterekkel, különösen a hosszú ő és ű betűkkel.

Ha pedig kész a méretezés, logózás, tömörítés és elnevezés, akkor jöhet a feltöltés. Ezt igazából legtöbbször csak egy dolog akadályozhatja meg. 

Létezhet a tárhely szolgáltató által beállított maximális fájlméret, amelyet ha meghaladunk, akkor hiába van a weboldalunk admin felületén beállított nagyobb limit, először ez érvényesül és csak utána a mi értékünk.

Képek weboldalra való feltöltése után

Amennyiben WordPress-t használunk, akkor a fájlnévadáson kívül idáig nem sok dolgunk volt. Hisz feltöltés után automatikusan átméreteződik a fájl.

Érdemes elgondolkodni egy olyan bővítmény használatán, amely tovább optimalizálja a felvételt, illetve átalakítja .webp formátumra, amely szintén hatalmasat lendít az oldalunk SEO pontszámán.

De azért még akad egy teendőnk, amit kézzel kell elvégezni. Ki kell tölteni a képhez tartozó cím mezőket és alt tagokat. Az alt tag az a szöveg, amely akkor jelenik meg, ha egy kép nem tud betöltődni. Az internet őskorában ez egy igen hasznos szolgáltatás volt, manapság csak a ráépült botoknak segítünk vele, hogy könnyebben értelmezzék az oldalunkat.

Tesztelés

Címszavakban ennyi is lenne a teendőnk, ha pedig készen vagyunk, akkor jöhet a tesztelés. Érdemes nem elfelejteni, hogy az oldalunk mobilnézetben másképp jelenik meg, mint normál nézetben, illetve végezni pár online sebességtesztet is.

Ezen kívül vannak az interneten nagyon jó kulcsszó sűrűség vizsgáló eszközök is, így gyönyörködhetünk abban is, hogy mennyi pluszt adnak a megfelelő szavakkal ellátott képek az oldalhoz.

Fotózásra fel, hisz a fotóknak is jobb online! Sok sikert mindenkinek!  

Hasznosnak találtad ezt a cikket? Tetszik az, amit el akarunk érni az online térben? Akkor kérlek mutasd meg ezt másoknak is.