Landig page – 12 fontos elem és jobban fog konvertálni az érkező oldalad

Mi az a landing page?

A digitális marketingben a céloldal/landing page önálló weboldal, amelyet kifejezetten egy marketing- vagy reklámkampány céljára hoztak létre. Ez egy olyan hely, ahol egy látogató “földet ért”, amikor rákattint egy Google Ads, Facebook vagy hasonló internetes hirdetésre.

A landing oldalakat egyetlen cél – egy úgynevezett Call to Action (CTA) – elérésére tervezték.
Emiatt az egyszerűség miatt működnek jól a landing oldalak és érik el a Google Ads kampányok konverziós arányainak növelését.

Annak érdekében, hogy teljes mértékben megértsük a céloldal és a hozzá tartozó fő weboldalon található egyéb oldalak, például a kezdőlap közötti különbséget, fontos figyelembe venni az organikus és a fizetett keresési forgalom közötti különbségeket.

A magasan konvertáló landing page megszerkesztése már nagyobb szakértelmet kíván, mintha egy bemutatkozó oldalt készítenénk.
Több tucatnyi különböző összetevőre van szükség ahhoz, felkeltse a figyelmet: pszichológia, marketing és egy csipetnyi abból, “amit az ügyfél akar”.
Ez azt jelenti, hogy egy hatékony oldal létrehozása többet jelent, mint hogy ” szuperjól néz ki”.

Azért mielőtt elkezdenénk, fontos megjegyezni, hogy nincs egységes kézikönyv, amely leírja, hogy milyen a tökéletes landing oldal és azt hogyan készítsd el. Én trükköket mutatok, amelyeket jó, ha követsz!
Fontos tudnod, hogy van, ami az egyik landingen működik, de talán egy másik témájú oldalon már egyáltalán nem fog!

Ez azért van, mert a célközönség, a szándék, a termék, az ipar, a költség, az üzenet, az értékteremtés és minden más oldalanként változik.

De hát nem mindenkire jó ugyanaz a méretű cipő sem, ugye?

De vannak olyan elemek, amelyek a sikeres landing page-eket jellemzik.
Éppen ezért ebben a bejegyzésben 12 elemről írok, amelyeket fel tudsz használni a saját oldaladon is.

1. Landing Page Alapvető Eleme: Utős Főcím

A címsor az, ahol minden kezdődik – az érdeklődés, a figyelem és a megértés.
Ez arra ösztönzi a felhasználót, hogy maradjon, és többet tudjon meg arról, hogy mit kínálsz – vagy inkább azonnal el is hagyja az oldalt.
Az erős címsor kritikus fontosságú a sikeres céloldalak létrehozásához.

Íme, mit kell elérnie:

– A címsornak meg kell ragadnia az olvasó figyelmét.
– A címsorban meg kell tudnia a felhasználónak, hogy mi a pontos termék vagy a szolgáltatás.
– A címsornak rövidnek kell lennie. Soha ne legyen több, mint húsz szót, de lehetőleg inkább tízre korlátozódjon.

Érdemes megjegyezni azt is, hogy ha a címsor mögött vagy mellett egy olyan fotó van, amely megmutatja a terméket vagy a szolgáltatást, akkor a szövegnek már nem kell annyira részletesnek lennie.

2. Landing Page Alapvető Eleme: Meggyőző Alcím

A következő elem, amire hatékony landing oldal létrehozásakor figyelnünk kell, az az alcím.
Ha a címsor megragadja a felhasználót, akkor az alcímnek az a feladata, hogy a látogatót az oldalon tartsa. Együtt, ez a két elem alkotja a teljes landing lelkét.

Íme, mit kell szem előtt tartani létrehozáskor:

– Általában a meggyőző alcím közvetlenül a főcím alatt helyezkedik el.
– Az alcímnek meg kell erősíteni a látogatót az elköteleződési folyamatban.
– Az alcím már lehet hosszabb és részletesebb, mint a főcím.

3. Landing Page Alapvető Eleme: Képek

A vizuális tartalom a landing oldalak másik alapvető eleme.
Valójában az agy a képeket dolgozza 60 000-szer gyorsabban fel, mint a szöveget. Ez azt jelenti, hogy a landingen található képek AZONNAL hatással lesznek a felhasználókra.

Tehát a képek kiválasztása és elhelyezése közben ne feledd:

– A képeknek nagynak kell lenniük.
– A képeknek relevánsaknak kell lenniük az termék vagy szolgáltatás szempontjából. Ha egy fizikai terméket értékesítesz, fontos, hogy a landing page tartalmazzon egy képet a termékről.
– Ha szolgáltatást nyújtasz, akkor a kép elsődleges célja, hogy megragadja a figyelmet és biztosítsa a felhasználót, hogy jó helyen jár.

A képeknek kiváló minőségűnek kell lenniük.
Tekintettel a vizuális tartalom fontosságára, nem szabad figyelmen kívül hagyni a fontosságát. A fotók, grafikák és egyéb látványok a kezdetektől fogva a tervezési folyamat részét képezik akár a landing oldalon, akár a weboldalon.

4.Landing Page Alapvető Eleme: A Magyarázat

A landing oldalnak tökéletesen el kell magyaráznia azt, hogy mit kínálsz.
Végtére is, ha a látogató nem érti, mi a termék vagy szolgáltatás, akkor azonnal kilépnek és elvesztetted őket. Tehát az egyértelmű magyarázat nagyon fontos.

– Lehet, hogy a címsor folytatása a magyarázat, de úgy is megoldható, hogy teljesen elkülönülnek egymástól az elemek.
– A magyarázatnak egyértelműnek kell lennie. Mindenképp úgy írd meg, hogy a látogatóid megértsék.

Ezért a legtöbb landing oldal esetében a legjobb megoldás az, hogy a dolgokat egyszerűen jelenjenek meg. Lehet, hogy te egy “szórakoztató” és “egyedi” landinget szeretnél elkészíteni – ez rendben is van. De a legfontosabb mindig az, hogy egyértelmű legyen az információ, amit át akarsz adni.

A magyarázó szöveg helyett tehetsz fotókat is, ez sokszor könnyebben emészthető, mint egy szövegalapú magyarázat, és a legtöbb felhasználó számára sokkal érdekesebb is.

5. Landing Page Alapvető Elem: A Előnyök

Az értékteremtés olyan “innováció, szolgáltatás vagy szolgáltatás, amelynek célja egy vállalat vagy termék vonzóvá tétele az ügyfelek számára”.

Lényegében a felhasználó kérdéseire válaszol: “Mi az, amire nekem most szükségem van?”

És amikor a landing oldalra érkezik valaki, akkor az erre adott választ ki kell hangsúlyozni.
Mint ahogy a magyarázat, az „előnyök” sem feltétlen egy önálló elem. Ehelyett integrálható az oldal többi eleme közé.

Mit kell szem előtt tartani:

– Az értékteremtés egyik legjobb módja az előnyök listája. Számos magas konvertáló céloldal használ listát, hogy megmagyarázhassa termékének vagy szolgáltatásának előnyeit.
– Az előnyöknek egyértelműen a felhasználóra kell összpontosítaniuk. Ne kezdj el magadról vagy a márkádról beszélni! A cél nem az, hogy büszkélkedj a cégeddel, ez nem fogja lenyűgözni a látogatót.

Ehelyett írd le, hogy miért lesz elégedett a látogató a termékkel, szolgáltatással, miért jó neki, ha téged választ.

6. –Landing Page Alapvető Eleme: A Logikus felépítés

Fontos nagyon, hogy az elemek logikusan legyenek rendezve a landing oldalon.
A landing logikai áramlása ugyanolyan fontos, mint a maga tényleges tartalom.
A valóban érdeklődő vásárló elolvassa a tartalmat és követi a gondolkodási folyamatot.

De ha azt szeretnéd, hogy logikus és meggyőző legyen a folyamat, melyen keresztül bemutatod a terméked, úgy kell elrendezni az oldalt, hogy

– Kezdd a magyarázattal
– Folytasd az előnyőkkel
– Tégy fel a beszámolókat
– Végén legyen a CTA (call-to-acton gomb)

Egyes marketingesek kerülik a hosszú landing oldalakat, mert nem akarják elveszíteni a látogatók figyelmét. A hosszú landingek azonban hatékonyak lehetnek, amennyiben igen jól szervezettek.

Habár kisebb hierarchikus szigorúságot igényelnek, mint rövidebb társaik, a hatékony áramlás létrehozása maximálisan lehetséges.

7. Landing Page Alapvető Eleme: Írj valamit a veszteségről, fájdalomról

Vedd elő a pszichológia ismereteidet! Minden termék azért készül, hogy a használó, vásárló hiányérzetét, fájdalmát csökkentse! Ha a látogatód már az oldaladon van, akkor egy bizonyos problémájára keresett megoldást. Beszélj neki erről a problémáról és mondd el, mit veszít, ha nem téged választ!

A következőképpen érheted el ezt:

Mondd el, mit veszít a látogató, ne csak azt, hogy mit fog nyerni. A veszteségelkerülés elmélete szerint nagyobb valószínűséggel veszünk meg valami olyat, ami a fájdalmunkra gyógyír, mint olyasmit, ami szimplán örömet okoz vagy szükséges…

Mivel a fájdalom erőteljes emberi elem, a valódi emberi beszámolók gyakran nagyon hatékonyak ahhoz, hogy megbízhatóan közvetítsék ezt a fájdalmat.

Ügyelj arra, hogy enyhítsd a fájdalmat. A termék vagy szolgáltatás legyen a fájdalom ellenszere. Lényegében illusztrálnia kell egy fájdalompontot, amelyet az olvasó tapasztalhat. Ezután vond le azt a következtetést, hogy a terméked vagy szolgáltatásod adja a választ a fájdalomra.

8. Landing Page Alapvető Eleme: Írj valamit az örömről is!

Ahogy az embereknek a fájdalomcsillapítóra szükségük van, úgy kell nekünk az öröm is. Minden embert az örömszerzés vágya motivál és ez különféle formákban nyilvánulhat meg.

Kétféleképp szőheted bele a landing oldaladba:

– Mutasd meg, hogy az öröm lesz a termék vagy szolgáltatás megszerzésének a mellékhatása.
– Mutasd meg, hogy éri el a termék az érzelmi szükségletet funkcionális szerepén túl.

Annak szemléltetésére, hogy ez hogyan működik, képzeld el, hogy ízületi fájdalomcsillapító gyógyszert árulsz. Igazából csak egy tablettát árulsz, ugye?

De nem, mégsem csak egy tablettát árulsz. Szabadságot, megkönnyebbülést és örömöt értékesítesz valójában.

Ugyanez az elv alkalmazható számos különböző termékre.

Ha pl. Adidas sportcipőt adsz el, akkor nem csak olyan dolgokat árulsz, ami a vásárló lábán lesz. Tiszteletet, trendet, biztonságot, élettartamot is eladsz a cipővel együtt.

A legfontosabb úgy bemutatni a terméket, hogy érezzék, hogy pozitív érzelmi élményt is nyújt egyben.

9. Landing Page Alapvető Eleme: Vásárlói vélemények megosztása

A vásárlók szeretik tudni, hogy mások is bíznak a termékben vagy szolgáltatásban, és ezt meg is osztják egymással.
Valódi véleményeket tegyél ki a langing oldaladra! A hírességek és szakértők nagyszerűek, de nem feltétlenül szükséges, hogy ők ajánlják a terméked!

Válassz olyan ajánlókat, akik a célközönség szempontjából leginkább relevánsak.

Használj fotókat is, ha van rá mód. Fontos, hogy minden bemutatott vásárlói vélemény mellett valódi személy fotója legyen!

A véleménynek konkrétnak kell lennie. Ha csak általánosságokat írnak,az nem igazi vélemény, nem épít bizalmat! Lehetőleg legyenek benne valós számok, valódi adatok és konkrét esetek.

10. Landing Page Alapvető Eleme: Kapcsolatfelvételi módszerek megválasztása

Sok landing page, amelyet menéztem, többféle kapcsolatfelvételi móddal is rendelkezik, beleértve a telefonszámot, postacímet, az e-mail címet és a kapcsolatfelvételi űrlapot.

Néhányon még chat popupok is vannak, ahol az ügyfélszolgálati képviselő megkérdezi, hogy segítenek-e nekik.

Ezek fontos adatok ahhoz, hogy az ügyfelek megbízzanak a cégben és vásároljanak is tőled.

Íme, mit kell szem előtt tartani, ha kapcsolatfelvételi adatokat adunk hozzá a landing oldalhoz:

Biztosítsd a landing látogatót, hogy valódi vagy. Általában ez egy postacím és egy telefonszám erre pont elég.

A popupban megjelenített élő beszélgetések hasznosak lehetnek, de nem feltétlenül szükségesek. Ha szükségesnek látod, használd, de annak sincs hátránya, ha nem használsz ilyet.

A kapcsolati űrlap elemeiről itt írtam bővebben, éremes ezt a listát is átnézni.

11. Landing Page Alapvető Eleme: Garanciavállalás

Az ügyfelek szeretik a garanciákat. Garancia, függetlenül attól, hogy mi az, és hogyan jelenik meg, segíthet abban, hogy az emberek nyugodtan vásároljanak tőled.

Egyszerűen maga a szó javítja a konverzió valószínűségét:

– A garanciák sokféle formát ölthetnek. Válassz egy olyan típusú garanciát, amely a te vállalkozásodnak megfelelően működik, és írj is róla a landing oldaladom.

– A kifejezett termékgarancia (pl. Elégedettség, pénzvisszatérítés stb.) hiányában másfajta garanciát is nyújthat: például “100% nem spam garancia”.

Helyezd el a garancia szövegét a CTA közelében. Ez a közelség segíti a felhasználót abban, hogy megkapja a végső bizonyosságot, és feliratkozzon, vásároljon vagy igénybe vegye a szolgáltatásodat.

12. Landing Page Alapvető Eleme: Hatékony cselekvésre ösztönző gomb – CTA

Az utolsó dolog, hogy magas konverziós arányú landing oldalt hozzunk létre, mindenki számára legfontosabb elem: a cselekvésre való felhívás (CTA-call to action).

A cikkben felsorolt elemek egyike sem annyira fontos, mint a cselekvésre való felhívás. Végül is ez az az elem, amely arra szolgál, hogy a látogatók figyelmét felhívja.

Ez az, ami végső soron a felhasználókat az ügyfelekké alakítja át.

Tehát ezeket szem előtt tartva, itt van néhány CTA-ötlet:

  • Legyen nagy a gomb. Általában véve, minél nagyobb, annál jobb.
  • Lehetőleg ne használd a “küldés/elküldöm” szót, hanem inkább valami izgalmas, meggyőző formulát ehelyett.
  • Használj egy gombot. A felhasználókat felkészítették arra, hogy a CTA gomb legyen. Ne menj vissza az időben, amikor még szövegeket is lehetett nyomkodni. Ragaszkodj a kipróbált és bevált módszerhez. Az emberek tudják, mit kell tenniük, ha látnak egy gombot.
  • Használj egy kontrasztos színt. A nyitóoldal, a céged, a stílusjegyed és a tervezők mindegyike rendelkezik bizonyos színekkel, amelyeket használnak. A landing oldalnak is színsémája van, a gomb jelenítse ezt meg.
  • Függetlenül attól, hogy milyen színt használsz a CTA-ra, tedd azt különlegessé, láthatóvá, kiemelkedővé. Annak érdekében, hogy kiemelkedjen, a színnek ellentétesnek kell lennie a képernyő többi színével. A kontrasztos színek vonzzák a szemet, és kényszerítik a kattintást.

Összegzés

A nagy konverziós landing oldal olyan hely, ahol az ügyfelek kattintanak, az emberek vásárolnak, és a létrehozójának bevételt termel.
Tehát ne vedd félvállról!

Szerencsére egy erőteljes és nagy konverziós landing oldal létrehozása nem annyira bonyolult.

Kezdd azzal, hogy végrehajtod mind a 12 lépést amiről írtam, és máris jó úton haladsz, hogy látogatóidból ügyfelek váljanak.

Webfejlesztő vagy DIY weboldal?

Webfejlesztőre van szükséged vagy saját magad is el tudod készíteni a weboldaladat?

Nézzük a Te esetedet: a vállalkozásodnak új weboldalra van szüksége, vagy úgy érzed, ideje átalakítani a már meglévő weblapotokat. Mit csinálsz, merre indulsz?

Ennek két útja van: egy profi webfejlesztőnek fizetsz ezért vagy nekiállsz magad elkészíteni az új weboldalt.

2018-ban már sok ingyenes anyag elérhető a weben arról, hogyan készítsünk saját WordPress weboldalt. Van leírás a telepítésről, a tárhely és domain vásárlásról, a sablonokról, a pluginokról és hűű, még a konfigurálásról is!

De valóban ennyire egyszerű lenne?

Mi alapján döntesz, hogy melyik videót vagy leírást használod? Honnan tudod, hogy melyik az igazán hasznos és melyik az, amelyiket ha megcsinálod, csak időpocsékolás lesz a vége? Ezzel a kutatással is elmegy minimum egy-két hét úgy, hogy még semmi sem történt.

Ezután domaint választasz és tárhelyet vásárolsz? Ismered-e mindazokat a szempontokat, amelyeket figyelembe kell venned, hogy később a Google helyezésed ne ezeken múljon? MI alapján döntesz?

Tegyük fel, hogy közben árajánlatokat is bekérsz mondjuk 3 webfejlesztőtől. A beérkező ajánlatok sajnos meghaladják azt az összeget, amit szíved szerint a weboldalra költenél. Nézegeted a weblapjaikat és felmerül benned a kérdés, hogy mi a franc az, amit ők tényleg hozzáadnak a weboldal értékéhez? Ráadásul úgy, hogy állítólag bárki tud weboldalt csinálni 4 perc alatt.

Sokszor láttam már ezt a helyzetet. Több száz olyan cégtulajdonos, vállalkozó, mint Te, felvette velem a kapcsolatot, és megkérdezte, hogy a sablonok könnyen használhatók-e, és ők maguk is össze tudják-e majd állítani a weboldalt. Több száz weboldalt láttam már  DIY-felhasználók és szakemberek által elkészítve is, hidd el, van különbség.

Ebben a cikkben azzal foglalkozom, hogy érdemes-e magad nekiállni weboldal készíteni vagy szükséged lesz a fejlesztőre.

Nézzük meg először az okokat, hogy miért szeretnéd te magad csinálni:

Első és legfontosabb szempont általában az ár.

Ha az interneten böngészed az oktató videókat és leírásokat, akkor azt fogják sugallni, hogy weboldalt bárki tud készíteni. A ma elérhető technológia lehetővé teszi az új weboldal létrehozását részletes technikai ismeretek és kódolási készségek nélkül is. Sok weboldal építő platform áll már rendelkezésre. Régen a weboldal luxus volt, ma árucikk. A WordPress a legelterjedtebb CMS, de persze van más is, amivel nekikezdhetsz a saját weboldalnak. Mindnek vannak erősségei és gyengeségei, ezeket nem árt ismerni.

Miért fizetnél valakinek, hogy hozzon létre egy weboldalt Neked, ha ez viszonylag könnyű, magunk is megcsinálhatjuk?
A mágikus összetevő hiányzik: a hatékonyság.

Ez azt jelenti, hogy könnyű létrehozni egy weboldalt, de nagyon nehéz létrehozni egy hatékony weboldalt, amely új vevőket generál számodra. A weblapot úgy kell kezelned, mint azt a befektetést, amely végül pont annyira fog hasznot hozni, mint amennyit belefektetsz.

A weboldal alapos kutatás és tervezése nélkül történő elkészítése idő- és pénzpazarlás, nem számít, mennyire olcsó volt létrehozni, mert megfelelő stratégia, tervezés és kivitelezés nélkül a Te erőfeszítéseid sohasem fognak megtérülni.

Ha saját magad hozol létre egy weboldalt előzetes ismeretek nélkül, akkor arra pazarolod a drága időd, hogy olyan dolgokat csinálj, ami 10-ből 9 esetben nem fog működni a jövőben. Láttam már, sokszor.

Ami hiányzik, az a hatékonyság. A készülő weboldalad nem fog konvertálni, nem fog vevőket irányítani, nem lesz keresőoptimalizált, és még sorolhatnám azokat a tényezőket, amik kívülről nem látszanak, de szakemberként évekig tanulunk róluk és alkalmazzuk ezeket az ismereteket. Ezek azok, amiktől egy weboldal működik és nem a sablon és a telepítés.

Rengeteg időt és erőforrást kell fordítani az internetes technológiák megismerésére: hosting, domainek, WordPress, pluginok, biztonság, mentések, SEO… a lista hosszú. Egyszerűen nem éri meg ezen a folyamaton végigmenni annak, aki csak egy weboldal elkészítésére fordítaná a tudást. Ha mindent tudni akarsz, akkor készülj fel egy 8-10 hónapos intenzív tanulásra, napi 8 órában. Ennyi idő alatt mennyi pénzt termelne az a weboldal, melyet egy profi készít el neked maximum 3-4 hét alatt?

Nézzük meg, miért érdemes profit megbíznod a weboldal elkészítésével:

Sok ilyen ok van, szóval menjünk sorjában.

Fontos, hogy a munka előtt megbeszéljétek az elvárásokat. Te elmondod, hogy mit szeretnél, a webdesigner átnézi és felülbírálja. Javaslatokat tesz és ezeket a javaslatokat meg is indokolja. Ha a Te webesed ezt nem teszi, hanem vakon követi az utasításaidat, akkor van egy rossz hírem: nem jó web fejlesztőt választottál.

Ez a lépés biztosít arról, hogy profin működő weboldalad lesz.

Ezután jön egy professzionális formatervezés, mely a már meglévő márkához kell hogy igazodjon. A “professzionális tervezés” ebben az esetben is egyenes arányban áll a költségvetéssel. A legtöbb kis-és közepes üzleti weboldal alapja egy prémium WordPress téma, és ez tökéletesen elég is. A téma használatával a weboldal készítő sokkal többet tud kihozni egy adott költségvetésből más, fontos területeken, és nem megy a pénz a semmiből történő tervezésre és fejlesztésre.

Teljesen nyilvánvaló, hogy a semmiből felépíteni egy weboldalt sokkal több erőforrást igényel, mint egy kész témát használni alapul. Ezt árban úgy képzeld el, hogy a WordPress téma kialakítására kapott árajánlatod végéhez még egy nullát írj hozzá. Ennyibe kerülne egy weboldalt a nulláról felépíteni.

Ráadásul a legtöbb prémium téma ma már maximálisan testre szabható, ezért nagyon nagyon kicsi esély van arra, hogy két weboldal ugyanúgy fog kinézni, még ha ugyanazt a témát is használnánk. Viszont a fejlesztő nagy felelősséget is vállal! Sajnos, aki nem rendelkezik a webdesign megfelelő ismereteivel, könnyen tönkreteheti a téma professzionális megjelenését színséma a tipográfia és az elrendezés rossz kialakításával.

Mi gondoskodunk róla, hogy még akkor is, ha vásárolt témát használunk, a weboldalad továbbra is professzionális és egyedi legyen. Szükség esetén egy gyermek téma készítésével további kiigazításokat végzünk a téma meglévő kinézete és funkcionalitása terén.

Nem szabad elfelejteni, hogy az igazán jó weblap a jó tartalomról szól, nem csak kódról és a formatervezésről. Biztos vagyok benne, hogy mindenki naponta minimum egy olyan weboldalt használ, ami borzasztó csúnya, de a tartalom jó. Nekem pl. a reddit.com egyike ezeknek a weboldalaknak. A webfejlesztő segít neked abban, hogy a weboldalad jól nézzen ki és a tartalom is megfelelő legyen.

Mégis, ne feledd, hogy a weboldal elsődleges célja, hogy új ügyfeleket hozzon. Szinte semmi sem olyan fontos, mint a tartalom, amely lehet akár szöveg, akár kép, akár videó. Ezért sokkal jobb, ha beszélsz a vállalkozásodról és a céljaidról egy olyan szövegírónak, ami ismeri a WordPress weboldalkat is, és az ő általa írt szöveget használva fogod meggyőzni a weboldalad látogatóit, hogy kapcsolatba lépjenek veled, vagy akár megvásárolják a termékeidet vagy szolgáltatásaidat online.

A weboldal elsődlegesen a célközönség részére készül, nekik és nem neked kell, hogy tetsszen. Persze jó esetben mindkettő megvalósul, hisz a célközönséged Te ismered a legjobban. De ha csupán egy sablont használsz vagy lemásolod a konkurenciát, egy másik nagyon fontos lépés ismét csak kimarad: a kereső optimalizálás (SEO). A WordPress kitűnő választás a SEO-hoz, és a Google szereti, mert lehetővé teszi a tartalom könnyű feltérképezését. De mindennek nincs értelme, ha a weboldalon megjelenített tartalom nem követi azokat a szabályokat, amelyek segítenek a Google-nak megérteni, hogy mit szeretnél mondani.

És ez egy másik fontos szempont, ami miatt mindenképp a webfejlesztőt ajánlom: a technikai SEO optimalizálása. És ismét, az egyik legfontosabb dolog az, hogy a potenciális ügyfelek megtalálhatják weblapodat a Google-ban. Több száz olyan tényező van, amelyek befolyásolják a Google SEO rangsorát.

Egy jó fejlesztő minden esetben gondoskodik arról, hogy weboldalad gyorsan betöltődjön, optimalizálja a rajta lévő képeket, és ajánljon egy jó tárhelyszolgáltatót.

Ha minden kész, és a fejlesztő is sikeresen végezte a munkát, így egy új, gyönyörű, és hatékony weboldalt kapsz. Ideje pezsgőt bontani és ünnepelni!

De nem, itt még mindig nincs vége a folyamatnak!

A weboldalak soha nem készek teljesen, hisz folyamatosan naprakésznek kell lenniük, mind technikai, mind tartalmi szempontból. A WordPresst, a témát és a bővítményeket időről időre frissíteni kell, és ha nem akarsz egy nap arra ébredni, hogy a weboldalad már nem működik, akkor bizony ezzel is foglalkozni kell. A weboldal készítője ajánlatot tehet, hogy ezeket a frissítéseket elvégzi, így ezzel sem kell foglalkoznod a jövőben. A weboldal rendszeres karbantartása hosszú távon is nyugalmat biztosít.

Röviden összefoglalva:

Ha végül kész a weblap, akkor hamarosan be fogja indítani az üzletet is számodra, és a weboldalon keletkező bevételek egy részét arra kell majd fordítani, hogy a weblap megújuljon. A WordPress későbbiekben való bővítése sokkal olcsóbb (és hatékonyabb!), mint 2-3 évente újratervezni a teljes weblapot.

Tehát, ha egy profi webfejlesztőre bízzuk a munkát:

Egy teljes stratégiát ki fogunk dolgozni az új weboldalad készítése előtt. Biztos lehetsz benne, hogy weboldalad profi lesz és hibátlanul működik. Még akkor is, ha előre elkészített prémium témákat használunk, testre szabjuk, hogy maximálisan megfeleljenek a márkádnak. Segítünk előkészíteni a weboldal tartalmát – szöveget, képeket, videókat stb. A teljesítményt és sebességet optimalizáljuk annak érdekében, hogy a Google rangsorban jól szerepeljen. Miután befejeződött a munka, akkor segítünk frissíteni a weblapot hosszú távon, és bővítjük, hogy veled és cégeddel növekedhessen.

Első hallásra valóban úgy tűnhet, hogy ez a megoldás drágább, mintha Te magad nekiállnál és nulla forintból weboldalt csinálnál,  de amint azt az elején is írtam, nagyon nehéz létrehozni egy olyan hatékony weboldalt, amely új vevőket hoz neked. Emiatt érdemes egy olyan szakemberhez fordulni, aki mindezeket meg tudja csinálni.

Életem első interjúja

Magam sem hittem el, amikor Zsófi a Sofia Design Lab dizájnere interjúra hívott

Sokat dolgozom együtt Zsófival, gyakran készülnek közös munkáink. Ő tervez – logót, arculatot, webdesign-t – én pedig működő weboldalt készítek belőle.
Most ő készített velem interjút, melyet itt olvashattok.

INTERJÚ TAKÁCS KATÁVAL

Webdesign tippek – mire figyelj a készülő weboldalad kialakításakor

ADOK NÉHÁNY ÖTLETET, HOGY MIRE FIGYELJ ODA KÉSZÜLŐ WEBOLDALAD TERVEZÉSE KÖZBEN

Ha most készül a weboldalad és nem vagy biztos abban, hogy mitől lesz jó a design, akkor nézd végig az általam készített képeket!

A weboldalad színei passzoljanak a márkádhoz! Fontos, hogy bizonyos színek bizonyos érzésekhez kapcsolódnak. Ezek kövesség a már meglévő logót is. Ha nem tudod, merre indulj el, nézegess színpalettákat vagy használd az Adobe színtervezőjét.

A negatív tér sokkal jobban megragadja a figyelmet, mintha minden egy oldalra lenne zsúfolva. Szöveg esetén nagyobb térközöket érdemes hagyni. Minél kevesebb az objektum, annál figyelemfelkeltőbb maga a tartalom.

A legfontosabb tartalom a weboldaladon mindig tűnjön ki! Ne engedd, hogy elvesszen a sok információ közt, hisz akkor a látogatók sem találják meg és sok-sok megrendelőt, vevőt vagy olvasót fogsz veszíteni.

Három, de inkább csak kétféle font legyen egy dizájnon belül. Ez épp úgy érvényes a weboldalra, mint az arculati elemekre. Mindenképp győződj meg, hogy nem üti egymást a két font típus, mert akkor sem fognak jól mutatni. Keress font-párokat, ha nem tudod, mit mivel lehet párosítani. Érdemes kipróbálni azt is, hogy egy font különböző vastagságait használod. Pl. a cím lehet bold, a kenyérszöveg regular és az apróbetűs rész light – egy azon font családból.

Az információ jól tagolható a kontraszt alkalmazásával is. Az olvasót lehet irányítani, megmutatni neki, merre szeretnénk, hogy tovább haladjon a weboldalunk böngészésben. Sötét háttér-világos tartalom vagy fordítva. Mindkettő ugyanolyan jó!

A fotók minősége nagyon fontos. Mindeképp kerüld a rossz minőségű, pixleles, homályos fotóak, mert nem mutatnak jól a weboldaladon. Törekedj, az éles, nagy méretű, jó minőségű képek használatára! ITT is talász ingyenes fotólelőhelyeket, ha nem lenne elegedő saját kép a weboldalra.

A lassú, nehezen betöltődő weboldalakat senki sem szereti. Ha lassabb a betöltési sebessége, mint 2mp, akkor optimalizálni kell a tartalmat. Sebességmérőt itt találsz: tools.pingdom.com

Weboldal készítés trendek 2018-ban

MEGMUTATOM A LEGÚJABB IRÁNYZATOKAT A WEBDESIGN-BAN!

Ha még nincs elképzelésed, nézz szét a listában, biztosan megtetszik valami!

1. ÁRNYÉKOLÁS – MÉLYSÉG

Az árnyékok használata nem újdonság, de akkor miért is emlíem meg? Bár az árnyékok már jó ideje a webes tervezés egyik legfontosabb elemei, a böngészők fejlődésének köszönhetően néhány izgalmas változatot láthatunk manapság. A rácsokkal és a parallax elrendezésekkel a webdesignerek az árnyékokkal jobban játszanak, mint valaha. Mélységet hoznak létre és a képernyőn túlmutató világ illúzióját keltik.

Az árnyékolás meglepően sok hatással jár, nemcsak a weboldal esztétikáját emeli, hanem a felhasználói élményt (UX) is fokozza. Például a lágy, finom árnyékok használata a hivatkozások megadásához nem új ötlet! De ötvözetük élénk színátmenetekkel (gradient) – mint a fenti példákon is láthatod – javítja a régi árnyékok háromdimenziós hatását.

2. VIBRÁLÓ, TELÍTETT SZÍNEK

2018. a weben határozottan az élnénk színek éve lesz. Míg régebben számos márka és tervező ragaszkodott a webes színekhez, a tervezők ma már sokkal bátrabban választanak színeket – beleértve a túltelítettséget és a vibráló árnyalatokat is, amelyekkel csodálatos látványt lehet elérni.

Ezt segíti a technológiai fejlődés is, amelyen a monitorok és a képernyők mentek át, így alkalmasabbak a gazdagabb színek reprodukálására is. Az élénk, sőt a nagyon merész színek hasznosak lehetnek az újabb márkák számára, remélve, hogy azonnal felhívják látogatóik figyelmét. De akár tökéletesek azoknak a márkáknak is, akik el akarják választani magukat a “web safe”-től és a hagyományostól.

3. MOZGÓ HÁTTEREK

Ezek az animációk olyan kis javascriptek vagy gif-ek, amelyek lehetővé teszik a mozgást a háttér részeként. Mindezt anélkül, hogy túl hosszú ideig tartanának, azzal elvonva a felhasználó figyelmét a tartalomról. Azt mondják, hogy egy kép többet mond ezer szónál, és ha még mozog is, akkor főleg. Hasonlóképpen az effajta mozgó hátterek vonzzák a felhasználó figyelmét, így a márka már néhány másodperc alatt is képese emlékezetes benyomást kelteni. Emellett az ilyen mozgóképek egyre népszerűbbek lesznek a közösségi médiában, és így a szemet gyönyörködtető reklámok is elvezetnek a weboldalunkra.

Viszont figyeljünk a méretre, mert ha sok kis mozgó gif-et teszünk ki, az jelentősen meghosszabbítja a betöltési sebességet, mely látogatóvesztéshez vezet!

4. MOBILRA TERVEZÜNK ELŐSZÖR

Mint már többször is említettem, a mobil böngészés hivatalosan is megelőzte az asztali számítógépezést. Majdnem mindenki az okostelefonon intézi az üzleti és privát ügyeit. Eleinte nehéz volt a tervezők helyzete is. Sokszor felmerült a kérdés, hogy lehet annyi információt, menüt, képeket, stb. egy ilyen kis képernyőn megjeleníteni.

De 2018-ra a mobil design is beérett. A hamburger menü használatával minimálisra csökkent a kis képernyőn menü mérete. Előfordulhat, hogy a mobil verzióban ki kell hagynunk a nagy és gyönyörű fotókat. Cserébe az ikonokat sokkal többet használhatjuk, és mostanra már olyan gyakorivá váltak, hogy a felhasználók is könnyen megérteni őket.

5. ILLUSZTRÁCIÓK

Az illusztrációk a médiában sokoldalúan használható képek, játékos, barátságos és szórakoztató elemek. A tapasztalt művészek személyre szabott illusztrációkat készíthetnek, és a márka hangzásához igazodnak.  Mindazon a márkákhoz, amelyek minden évben az egyre zsúfoltabb piacon próbálnak feltörni.

6. NAGY, VASTAG BETŰS FŐCÍMEK

A tipográfia mindig is egy erőteljes vizuális eszköz volt, amely képes személyiséget teremteni, érzelmeket kiváltani és hangot adni a weboldalon, miközben fontos információkat szolgáltat. És 2018-ban, amikor minden eszköz felbontása egyre jobb és könnyebben olvashatóak a szövegek, az egyedi betűkészletek használatának előretörése várható. Az Internet Explorer böngészőjén kívül számos böngésző támogathatja a kézzel készített betűtípusokat is, nagy szabadságot adva a tervezőknek. A nagy betűk, a kontrasztos talpas és a talp nélküli fontok irányzata dinamikus párhuzamokat hoz létre. Javítja az UX-t és mindenek előtt a látogatókat ott tartja a weboldalon.

A weboldalak számára a fejlécek kulcsfontosságú SEO elemek, és segítenek az olvasóknak, hogy a tartalmat gyorsan átlássák. A 2018-as évek elején a tervezők teljes mértékben kihasználják ezt a weboldalakon, nagy és hatásos fejléceket készítve a kreatív betűtípusokból.

7. ASZIMMETRIKUS ELRENDEZÉSEK

A 2017-es év egyik nagy változása az aszimmetrikus és nem konvencionális elrendezések bevezetése volt. Ez a webes tendencia 2018-ban továbbra is erős lesz. Az aszimmetrikus elrendezés vonzereje az, hogy egyedülálló, megkülönböztető és kísérleti jellegű.

Bár a nagy mennyiségű tartalom továbbra is hagyományos grid-alapú struktúrákat igényel, mégis az interneten elterjedt nem szokványos elrendezések használatának növekedése várható. Ez annak köszönhető, hogy a márkák egyedi, feltűnő tulajdonságokkal szeretnének kitűnni a tömegből. A kisebb cégek általában nem érdekelnek ebben az esztétikai változtatásban. A nagyobb márkák viszont, amelyek megengedhetik maguknak, hogy egy kis kockázatot vállaljanak, elvárják a web dizájnereiktől is a különleges ötleteket.

8. SZÍNÁTMENETEK

Az elmúlt néhány év során a flat dizájn sokkal inkább pasztell és lágyabb színeket kínáló webdesign trend volt, de a színátmenetek 2018-ban nagy visszatérést mutatnak. Most, a színátmenetek nagyok, élénkek és telítettek. A legnépszerűbb új felfedezés egy gradiens szűrő fotókra – remek módja annak, hogy kevésbé érdekes képet mutassunk érdekesebbnek. Egy egyszerű gradiens háttér is lehet a tökéletesen trendi megoldás, ha nincs más képed, amivel dolgozhatsz.