Weboldal PPC-kampányokhoz

Gyakran keresnek meg minket olyan ügyfelek, akik Google Adsen, Facebookon, vagy más felületen szeretnének hirdetni, de nincsen hova irányítaniuk a hirdetésekre kattintó látogatókat. Egy hatékony online kampányhoz elengedhetetlen egy landolóoldal, ahol az érdeklődő bővebben olvashat a szolgáltatásról, és ahonnan könnyen fel tudja venni a kapcsolatot. A NETRO tökéletes választás erre a célra: nem kell egyedi fejlesztésbe fektetnünk, ha csak egy megbízható felületre van szükségünk, amelyre a hirdetéseinket irányíthatjuk. Az oldal rövid időn belül elkészül, tartalma pedig pontosan azt az információt nyújtja, amire egy hirdetésről érkező látogatónak szüksége van. A NETRO szolgáltatás eszerint kiemelten jó választás lehet akár a cég fő szolgáltatására szánt különálló információs oldal elkészítéséhez is.

Minden megvan, ami eddig is – és még több

Első és talán legfontosabb kiemelnünk, hogy az új sablon tudja mindazt, amit a régi. Minden funkció, minden blokk, amit eddig a NETRO oldalakon használhattunk, megtalálható az új sablonban is – nincs olyan tartalomtípus, amit a régi sablonban elhelyezhettünk, de az újban már ne tudnánk. A régi blokkok mindegyikének megvan az új megfelelője, ezek mellé pedig – ahogy arról a cikk további részében is szó lesz – új funkciók és blokkok is bekerültek a kínálatba.

Új, tágasabb design

Az Apolló design-ja jelentősen különbözik régi sablonunktól, a Hádésztól. A szerkezeti elemek – fejléc, szekciók, lábléc – strukturálisan megmaradtak, azonban kinézetük több ponton is eltér a régi sablonétól. Az egyik legszembetűnőbb változás, hogy asztali monitorokon és laptopokon jóval szélesebb tartalmi területet kapott az oldal, amely a modern weboldalak körében egyre népszerűbb megoldás – ez lehetőséget ad rá, hogy a tartalom hangsúlyosabban, nagyobb teret kapva jelenjen meg.

Emellett az új sablon több tartalom elhelyezésére ad lehetőséget. Egy sablonalapú oldal – természeténél fogva – szándékosan korlátozott mennyiségű tartalmat tud befogadni, ezt a korlátot azonban igyekeztünk a lehető legjobban kitolni: az egyes blokkok nagyobb, rugalmasabb kereteket kaptak a régi sablonhoz képest, valamint bevezettük a lehetőségét annak, hogy további tartalmakat helyezzünk el felugró (modális) ablakokban is.

Jobb optimalizálás

Az új sablon technikai szempontból is nagy előrelépést jelent. Nem szeretnénk ügyfeleinket untatni nehezen érthető, szakmai részletekkel – azonban több jelentős újítás történt, amelyek, bár nem olyan látványosak, annál fontosabbak az oldal sikere és működése szempontjából.

Az egyik ilyen fejlesztés a képek kezelésének optimalizálása. Az új sablon jobban kihasználja az úgynevezett reszponzív srcset-eket – vagyis az oldal a látogató eszközének (pl. mobiltelefon, tablet, számítógép) megfelelő méretű képváltozatot tölti be, ahelyett hogy mindig ugyanazt a nagyméretű képet küldené le mindenkinek. Ennek eredményeként mobilkészülékeken kevesebb adatot kell letölteni, az oldal pedig gyorsabban betölt – és, mivel napjainkban többen és többen böngészik az internetet már fontos és komoly ügyekben is mobiltelefonról, ez egyre fontosabb szempont.

Emellett jelentős változtatást hajtottunk végre a háttérben is. A régi sablon egyedi blokkjai az Advanced Custom Fields (ACF) nevű bővítményre épültek, amely a mai napig egy jól működő és megbízható adatkezelési eszköz. Az új sablonnál azonban áttértünk egy olyan felépítésre, ahol a blokkok saját, általunk fejlesztett, egyedi felülettel rendelkeznek, tartalmukat pedig közvetlenül magukban tárolják, nem pedig egy külső bővítményen keresztül kérik le. Ennek eredményeként általánosan át tudtunk térni az úgynevezett dinamikus blokkok használatáról a statikus blokkokra. A gyakorlatban ez azt jelenti, hogy amíg a régi blokkoknak külön le kellett kérdezniük tartalmukat a szervertől, az új blokkok ezt az adatot már eleve magukban hordozzák, amikor az oldal betöltődik. Ennek köszönhetően nemcsak az egyes weboldalak töltődnek be gyorsabban, hanem az egész rendszert kiszolgáló szerverre nehezedő terhelés is jelentősen csökken.

Kényelmesebb kezelőfelület

A kezelőfelület terén inkább egy általános, mindenre kiterjedő finomításról beszélhetünk, mintsem egyetlen nagy változtatásról – néhány konkrét fejlesztést azonban érdemes kiemelni. A régi sablon szinte kizárólag a felület oldalsávjára támaszkodott a tartalom szerkesztésekor. Az új sablonban ezzel szemben sokkal nagyobb szerepet kapott a Gutenberg szerkesztő előnézeti felülete, ahol a felhasználó közvetlenül a tartalomba kattintva szerkesztheti azt. A különböző korlátozások (pl. hogy egy cím maximum hány karakter lehet) is jóval szemléletesebben, a tartalom mellett jelennek meg, kényelmesebbé téve a szerkesztést. Emellett néhány új beállítási lehetőség is bekerült a sablonba – például egy globális opció, amellyel az oldal elemeinek sarkait le kerekíthetjük, négy fokozatban, az éles sarkoktól a teljesen lekerekítettig.

Az új sablon emellett számos új blokkal is bővült – ilyen például egy, a képernyő szélére rögzített, „lebegő” értesítések megjelenítésére szolgáló blokk, amely mindaddig látható marad, amíg a látogató be nem zárja. Ezekre későbbiekben, az egyéni blokkokat bemutató szakaszban bővebben is kitérünk.

Hero

Az oldal tetején elhelyezkedő, dekoratív, modern szekció, amely az első pillanattól fogva átadja a látogatónak a cég arculatát és identitását. Helyet ad egy hangsúlyosan megjelenő címnek, alcímnek és rövid bevezetőnek, emellett tartalmaz egy kettős swiper elemet is: a képernyő jobb oldalán két külön feltölthető galéria jelenik meg, mindkettő egy-egy stílusos, helyben változó képváltóban (swiperben).

Bemutatkozás

Ez egy szövegesebb blokk, amelyben ügyfeleink hosszabban, több bekezdésben is bemutathatják cégüket. Amennyiben a rendelkezésre álló hely szűkösnek bizonyul, egy modális ablak hozzáadásával további szöveg is elhelyezhető – így biztosítunk maximális szabadságot és teret ügyfeleinknek anélkül, hogy a design túlzsúfolttá válna, vagy a látogatót egy indokolatlanul hosszú szekcióval terhelnénk. A blokk emellett 3, hangsúlyosan megjelenő kép elhelyezésére is lehetőséget ad, amelyek egy kis galériában, közvetlenül a bevezető szöveg alatt jelennek meg.

Erősségek

Ez a jól bevált „miért minket válasszon” szekció, ahol lényegében egy pontokba szedett listát adhatunk át látogatóinknak arról, miért érdemes szolgáltatásunkat választaniuk. Minden egyes kártya tartalmazhat egy ikont, egy rövid, ütős címet, valamint egy pár mondatos leírást. Amennyiben ez a hely kevésnek bizonyul, minden kártyához egy bővebb leírás is hozzáadható, amelyet a látogató a kártyára kattintva, egy modális ablakban tekinthet meg.

Szolgáltatások

Ez a blokk akár 12 szolgáltatás megjelenítésére ad lehetőséget, mindegyikhez saját címmel, egy opcionális kiemelt képpel, valamint egy hosszabb szöveges leírással. Tapasztalataink szerint egy oldal tartalmának jelentős része – főleg olyan ügyfeleknél, akik bővebb szolgáltatáslistával rendelkeznek – itt szokott helyet kapni. Az elhelyezhető tartalom hosszára vonatkozó korlátozások jóval enyhébbek, mint bármely más blokknál, így ügyfeleink valóban részletesen kifejthetik, mivel is foglalkoznak. Hogy ez a tartalom mégse terhelje túl az oldalt, a bejegyzések egy stílusos harmonika (accordion) elemben jelennek meg, amelynek sorai csak kattintásra nyílnak ki – ezzel adjuk meg ügyfeleinknek a lehető legnagyobb szabadságot anélkül, hogy a látogatót azonnal egy ijesztően hosszú szövegtömbbel fogadnánk.

Referenciák

Egy stílusos, aszimmetrikus galéria, ahová ügyfeleink feltölthetik munkáikról, üzletükről, műhelyükről, éttermükről – bármiről, amit vásárlóiknak ügyfeleiknek meg szeretnének mutatni – készült képeiket. A blokk akár 24 kép feltöltésére ad lehetőséget, amelyek közül 7 jelenik meg egyszerre a galériában. A megjelenő 7 kép mindig véletlenszerűen váltakozik, így – kellő számú feltöltött kép esetén – visszatérő látogatóink is mindig friss tartalommal találkozhatnak. Bármelyik képre kattintva egy teljes képernyős lightbox-galéria nyílik meg, amelyben minden ide feltöltött kép megtekinthető, teljes méretében.

Bejegyzések / Blogbejegyzések

Ahogy korábban említettük, a teljeskörű blogfunkció csak a Profi csomagban érhető el. Ez a blokk azonban lehetőséget ad rá, hogy bejegyzésekre, cikkekre mutató kártyákat jelenítsünk meg, egy csúsztatható (slider) elrendezésben – mindegyik kártya egy kiemelt képet, címet és rövid leírást tartalmaz, a hivatkozás pedig szabadon, bárhová beállítható. Az Alap csomagot választó ügyfeleink ezt a blokkot bármilyen külső tartalomra mutatva használhatják – legyen szó a szolgáltatásukról írt cikkről, egy partnercég oldalán való megemlítésről, egy elnyert díj oldaláról, bármilyen egyéb tartalomról, vagy másik weboldalaikról. A Profi csomagot választó ügyfeleink emellett ezt a szekciót „kiemelt bejegyzések” felületként is használhatják, ahol saját blogjuk általuk kiválasztott bejegyzéseihez írhatnak rövid leírást, és irányíthatják rájuk a figyelmet.

Árak

Ez az új sablon egyik új blokkja, amelyet azért vezettünk be, mert több régi ügyfelünk is egy rövidebb, szembe tűnőbb árlistát szeretett volna oldalához, hogy árait kiemeltebb, célratörőbb felületen jelenítse meg, mint a kiterjedt “Szolgáltatások” szekció. Ezt a funkciót eredetileg a régi sablonhoz fejlesztettük ki, és külön kérésre utólag is beépíthettük – mivel azonban ez egy gyakori igény volt, az új sablonban már a rendszer szerves elemeként fejlesztettük, és eleve az Alap csomag részévé tettük. Itt ügyfeleink akár 12 tételt sorolhatnak fel egy könnyen áttekinthető listában, címmel, rövid leírással és kiemelt árral.

Kapcsolat

Ez a blokk ügyfeleink elérhetőségi adatait jeleníti meg dinamikusan. Ide tartozik egy kép (ide bármi kerülhet, akár az ügyfél üzletéről készült fotó, akár a logó egy stilizált változata, azonban azt javasoljuk ügyfeleinknek, hogy egy valódi, arcot mutató fotót használjanak, mivel ez jobban növeli a látogatók bizalmát), telefonszám, cím, e-mail cím, a cég hivatalos adatai (adószám, cégjegyzékszám, bankszámlaszám), valamint egy opcionális lista nyitvatartási idővel, vagy egyéb tartalommal.

Emellett ügyfeleink opcionálisan bekapcsolhatják, hogy az oldal a megadott adatokból dinamikusan generáljon egy letölthető virtuális névjegyet (.vcf fájl formátumban), amelyet a látogató egy gombnyomással tölthet le.

A megadott cím alapján dinamikusan egy beágyazott Google Maps térkép is megjelenik, amely mellé ügyfeleink vagy egy kiemelt képet tölthetnek fel, vagy egy Google Street View linket adhatnak meg, hogy a látogatók előre megnézhessék, hogyan néz ki üzletük a valóságban. Fontos kiemelnünk, hogy ennek az adatnak jelentős része dinamikusan kezelt: ügyfeleinknek elég egyszer, egy központi admin felületen megadniuk például az e-mail címüket, ez utána automatikusan megjelenik itt, a fejlécben, és minden más releváns helyen. Így egy adat – például egy telefonszám – megváltozása esetén sem kell négy különböző helyen, körbe-körbe javítgatniuk azt.

Partnerek

Ez a blokk lehetővé teszi, hogy ügyfeleink egy csúsztatható (slider) elrendezésben mutassák be üzleti partnereiket, mindegyiket egy logóval, egy rövid leírással, valamint a partner weboldalára mutató linkkel.

Munkatársak

Ez a blokk a kapcsolati szekció bővebb kiterjesztéseként funkcionál, amelyben ügyfeleink egyéni, kompakt kártyákat hozhatnak létre munkatársaik számára, azok nevével, beosztásával és elérhetőségeivel. Kimondottan hasznos nagyobb cégek számára, ahol több kapcsolattartási pontra, esetleg különböző területekért felelős munkatársakra van szükség.

Termékek

Ez a blokk egy kártyákból álló rácsot hoz létre, minden kártyához egy kiemelt képpel, címmel, rövid leírással és árral. A kártyákra kattintva egy felugró modális ablak nyílik meg, ahol a termék részletesebb adatai is olvashatók. Kifejezetten azoknak az ügyfeleinknek ajánljuk, akik konkrét termékeket árulnak, nem csupán szolgáltatásokat kínálnak.

Előtte és utána

Egy dinamikus, „előtte-utána” galéria, ahol ügyfeleink párban tölthetik fel a munkájukat bemutató képeket. A képekre kattintva egy lightbox-galéria nyílik meg, ahol azok teljes méretükben tekinthetők meg. Kifejezetten ajánljuk felújítással foglalkozó vállalkozóknak, autószervizeknek, és hasonló szolgáltatóknak.

Ajánlatkérés

A korábban már említett ajánlatkérő űrlap. Egy előre megtervezett, igényes formában jeleníti meg az űrlapot, amelyen keresztül a látogatók közvetlenül küldhetnek megkeresést, amelyet ügyfelünk automatizált e-mailben kap meg. Ezzel a látogatóknak egy egyszerű, stresszmentes módot adunk a kapcsolatfelvételre, a nap bármely szakában, ügyfelünknek pedig nem kell minden egyes megkeresést személyesen, telefonon lebonyolítania.

Miért minket válasszon

Egy rövid, stílusos szekció, amelyben ügyfeleink az „Erősségek” blokk mellett további, kiemelt jellemzőket sorolhatnak fel vállalkozásukról. Ez jóval kompaktabb és letisztultabb kialakítású, így inkább rövidebb, pontokba szedett tartalmak elhelyezésére alkalmas.

Rólunk mondták

Egy jól kialakított diavetítés (slider), ahová ügyfeleink vásárlóik véleményét tölthetik fel, mindegyiket a vásárló nevével, csillagos értékeléssel és egy rövid leírással. A bővebb véleményeket kattintásra egy felugró ablakban jelenítjük meg. Nagyban hozzátesz a bizalom építéséhez, és a szolgáltatás minőségének hangsúlyozásához, hiszen a látogatók más, elégedett, valódi ügyfeleket láthatnak.

Beosztásunk

Ez a blokk lehetővé teszi, hogy ügyfeleink egy táblázatos rácsban, napokra és időszakokra bontva mutassák be részletesebben nyitvatartásukat vagy munkafolyamataikat. Elkülöníthetők például azok az órák, amikor ügyfeleket fogadnak, azoktól, amikor kiszállásokon dolgoznak, valamint feltüntethetőek többek közt az ebédszünetek is. Hasznos megoldás azoknak az ügyfeleinknek, akiknek a kapcsolati szekció egyszerű „nyitvatartás” mezője már nem elegendő.

Hasznos tudnivalók

Itt ügyfeleink egy egyszerű, kompakt szekcióban sorolhatnak fel hasznos linkeket. Ez jóval letisztultabb, mint a bejegyzéseket bemutató slider, lényegében egysoros szöveges linkekből áll. Ha van olyan fontos információ, amit potenciális ügyfeleiknek röviden ajánlani szeretnénk, ez a legjobb hely számára.

Idézet

Egy stílusos, teljes szélességű banner, amelyben releváns (jellemzően motivációs jellegű) idézetek jeleníthetők meg dekoratív formában. Az admin felületen több idézet is feltölthető, ezek közül egyet jelenítünk meg véletlenszerűen a látogató számára – így a tartalom mind látogatóink, mind az oldalt indexelő keresőrobotok számára is friss marad.

Gyakran ismételt kérdések

Felépítésében a Szolgáltatások blokkhoz hasonló elem, amely egy harmonika (accordion) elrendezésben jelenik meg, minden eleme egy kérdésből és egy rá adott válaszból áll. Ezzel ügyfeleink tovább bővíthetik oldaluk tartalmát, egyszerű „kérdés – válasz” formában megválaszolva a gyakran felmerülő kérdéseket.

CTA Sáv

Egy teljes szélességű, dekoratív banner, címmel, alcímmel és rövid leírással. Kiválóan alkalmas egy igazán figyelemfelkeltő, stílusos szekció kialakítására, amely egyértelműen és hangsúlyosan szólítja fel a látogatót a kapcsolatfelvételre.

Közösségi média linkek

Egy stílusos, ikonokkal ellátott lista, amelyben klienseink saját közösségi média jelenlétükre mutató linkeket helyezhetnek el az oldal alján. A blokk támogatja a Facebook, Instagram, LinkedIn, TikTok, Twitter/X, valamint a Google Cégem linkjeit.

Címkefelhő

Egy véletlenszerűen generált, „kettős” címkefelhő. A blokkban ügyfeleink két adatsort adhatnak meg: egyet a szolgáltatásukra jellemző kulcsszavakkal, egyet pedig azokkal a településekkel, ahol tevékenykednek. A rendszer ezután a két lista elemeit véletlenszerűen párosítva jeleníti meg – kifejezetten hasznos a helyi (SEO) keresőoptimalizálás szempontjából.

Lebegő gomb

Egy, a képernyő szélén lebegő gomb, amellyel egy kiemelt szekcióra, vagy egy külső linkre hívhatjuk fel a látogató figyelmét, biztosítva, hogy azt semmiképp se hagyja figyelmen kívül.

Értesítések

Ez a blokk akár 3, a képernyő tetején megjelenő, lebegő értesítés megjelenítésére ad lehetőséget, mindegyikhez egy rövid szöveggel, egy linkelt gombbal, valamint egy bezáró ikonnal. Olyan információk közlésére alkalmas, mint például egy szabadság miatti átmeneti zárva tartás – bármire, amit nem szeretnénk állandó jelleggel az oldal tartalmába építeni. Miután a látogató bezár egy értesítést, ez egy sütiben (cookie) elmentésre kerül, így visszatérő látogatóinkat nem bombázzuk ismételten ugyanazzal, már irreleváns információval.