Képek a weboldalra

Kepek a weboldalra - Neked is jobb Online
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.

10 + 1 tipp ingyenes céglogó készítése előtt

10 + 1 Tipp ingyenes céglogó készítés előtt

Azok, akik rendelkeznek saját weboldallal, valószínűleg már túl vannak a logótervezés kérdésén, de azok, akik még csak épp most kóstoltak bele az online életbe, vagy még egyáltalán nincsenek jelen az online térben, azoknak egy igen fontos téma boncolgatása következik.

Tapasztalataink alapján az erdélyi kisvállalkozók nagyon nagy többsége, (ha tippelnünk kellene egy arányt, akkor) 10-ből 9 vállalkozó nem rendelkezik saját arculattal, saját logóval, sem semmi megkülönböztető jelzéssel, és így sokszor nagyszerű lehetőségektől esnek el.

Példának okáért, ha egy vállalkozás úgy dönt, hogy támogatni akarja azt a helyi sportklubot, ahova a fia is jár, a sportklub pedig hálából minden anyagán feltünteti a támogatók logóját, akkor igen csak nehéz helyzet alakul ki. És hiába lesz a klub segítőkész és az ő rublikájába kitalál egy véletlenszerű logót, azt úgy sem fogja senki felismerni, így senki se tudja, hogy ki is valójában az adományozó.

Tehát egy szó, mint száz, ha van egy saját logónk, akkor van egy ütőkártya a kezünkben. És a legszebb benne, hogy akár teljesen ingyen beszerezhetjük magunknak ezt a kártyát, hisz számos ingyenes online logó készítési lehetőség van.

Ahhoz pedig, hogy egy igazán ütős logót tudjunk készíteni magunknak, most jöjjön egy kis elméleti áttekintő.

Milyen a jó logó?

Színvilág: az első és legfontosabb dolog, hogy megértsük, hogy minden színnek van egy megszokott jelentése, amelyet hiába próbálunk másképp értelmezni, nagy valószínűleg az emberek nagy többsége nem tud elvonatkoztatni ettől. Tehát írjuk be a kedvenc keresőnkbe a színek jelentése és használatuk a webdesignban keresési kifejezést, és kicsit szemezgessünk a találatokkal.

Struktúra: Manapság az online logó készítőkkel bármilyen alakú logót tervezhetünk. Felejtsük el a megszokott téglalap alapot, és legyünk kreatívak. Készítsünk átlátszó hátterű logót. Sokkal jobban mutat ez egy fénykép sarkában is.

Továbbá azt szoktuk mondani, hogy egy jó logó két részből áll. Egy ikon részből és egy szöveges részből. Így számos problémát meg tudunk oldani, pl. ha négyzetes helyre kell beszúrni a logót, akkor csak az ikont használjuk. Vagy tudunk készíteni a logóból egy sötét és egy világos változatot, így akárhova kerül kihelyezésre, az látható lesz.

Képméret: Manapság egy 2000 pixel szélességű fájl elkészítése, tárolása, továbbítása szintén nem okoz problémát. Így felejtsük el azt, hogy egy logó 200 pixel szélességben mindenre elég. Ha továbbadjuk egy webdesignernek valami okból, akkor biza neki nem elég. Tehát mindig a lehető legnagyobb méretbe szerezzük be a logónkat.

Számos szerkesztő kínál vektor alapú szerkesztést (fél mondatban a vektorról annyit kell tudni, hogy végtelenségig nagyítható). Ha van lehetőségünk rá, akkor ez a legjobb megoldás. Vagy ha annyira nem akarunk belemenni a témába, akkor elég például annyit tudni, hogy sok szerkesztő kínál mentési lehetőséget Nyomtatási minőségű pdf fájlként.

Ötletes logók: Keressünk rá erre a kifejezésre, és láthatjuk, hogy milyen sokféleképpen lehet a képi és a szöveges elemet összevonni egybe. Bár nehezebb elkészíteni egy ilyen logót, de jobban megragadja a néző figyelmét.

Betűtípusok: Ugyanúgy, ahogy a színek, a betűtípusok is hordoznak jelentést. Figyeljünk arra, hogy melyik betűtípus mit sugall a nézőnek. Pl. egy kézírást imitáló betűtípus jól mutat egy kézműves terméknek, de nem annyira egy informatikai vállalatnak. Lehetőleg kerüljük az alap betűtípusokat is.

Túlhasznált logók: számos olyan logó létezik, amelyet már a végtelenségig túlhasználtak. Pl. háztető alatt a cégnév, vagy a földgömb, fa, szerelőkulcs használata egy logóban. Lehetőleg kerüljük ezeket a megoldásokat.

Logó lopás: Nagy problémát tud okozni az is, ha a logónk túlságosan hasonlít egy már meglévő, közismert logóra. Ilyenkor felmerül a „koppintás” gyanúja és akár nemzetközi médiahír is lehet belőle, mint azon romániai cég esetében, aki egy Egyesült Királyságban tevékenykedő szervezet logóját rajzolta/rajzoltatta újra magának.

Animált és ünnepi logó készítése: Van már egy logónk? Miért állnánk meg itt? Készíthetünk belőle karácsonyi változatot, húsvétit, vagy épp mozgóképes változatot.

Kézzel készült logók: Amennyiben van érzékünk a rajzoláshoz, akár készíthetünk egy kézzel készített logót is. Ezt pedig bevisszük a számítógépbe és újra rajzoljuk digitálisan. A mai fiatalok nagyon erősek photoshop logó készítésben, hisz a YouTube és egyéb csatornáikhoz nagy előszeretettel használják ezt a lehetőséget. Lehet tanulni tőlük.

Egyszerű és nagyszerű: Manapság a minimalista design a trend. Ne zsúfoljuk túl a logót, ne írjunk rá hosszú szövegeket. Ne kelljen a néző perceket töltsön a logó értelmezésével. Nézzen rá, és mentse el a képet a fejében. Csak ennyit kell tudjon a logó.

+1 tipp a sikeres céglogó érdekében

Ha elkészültünk a céglogóval, akkor tegyük közzé minél több felületen. Facebook profilképként, a Google Cégem emblémájaként, Instagram, Pinterest, mindenhol ahol jelen vagyunk. Ha van weboldalunk, akkor érdemes feltöltés előtt a fájlt átnevezni, hogy Sajatcegem-Logo.png legyen, hadd találják meg azok is könnyedén, akik a Google-ben próbálják megkeresni majd.

És az is nagyon fontos, hogy ha van egy logónk, akkor nem kötelező azt életünk végéig használni. A nagy vállalatok is 5-10 évente újratervezik a logóikat, mi is megtehetjük ugyanezt.

Ha pedig a logó a téma, akkor itt az ideje, hogy eláruljuk, hogy mi a nekedisjobb.online logójának a jelentése. A körben egy wifi hullám azt jelenti, hogy az Internet körbe vesz mindenkit.

Hát ezért szükségszerű jelen lenni az online térben, ezért szükségszerű saját logót, arculatot, weboldalt tervezni, mert akár akarjuk, akár nem, az online tér egyre jobban a mindennapjaink részévé válik.

Sikeres online kalandozásokat 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.