404 hiba oldal: ha jól beállítod, el is adhatsz vele!

De a legtöbb esetben ezen legfeljebb egy rövid kis üzenetet olvashatunk. Ez nagy hiba. Ebből a cikkből megtudhatod, hogyan aknázhatod ki a legteljesebben a 404-es oldalban rejlő lehetőségeket.

 

A következő témákat tárgyaljuk ki:

  • SEO és felhasználói élmény
  • Ajánlj termékeket!
  • Írj kreatívan, légy segítőkész
  • Használd a vizualitást
  • Soha ne felejtsd ki a navigációt
  • „Nem ezt akartad keresni?”
  • Mi legyen a már nem létező termékekkel?
  • Rendszeresen ellenőrizz!
  • Amit mindenképpen tarts észben

</p

 

SEO és felhasználói élmény

Miért kell óvakodnod a 404-es hibáktól? Egyszerű: mert sem ember, sem gép nem szereti őket.

A lehető legrosszabb az, ha nem is egy saját oldalra jut ilyenkor a felhasználó, hanem egy valódi 404-es hibaoldal kerül elé. A Google ugyanis bünteti azokat az oldalakat, amelyeken a 404-es hibák száma észrevehetően magas, hátrébb sorolja őket a találati listákon.

A nem működő külső linkek, vagyis azok, amelyek a weboldalunkon belüli nem létező oldalakra mutatnak, szintén negatívan befolyásolják a helyezésünket: a Google kevésbé megbízható domainként értékeli majd a miénket.

A nagyobbik probléma azonban az, hogy egy 404-es hibaoldallal semmit sem teszel azért, hogy potenciális vásárlódat valódi vásárlóvá konvertáld.

Nincsen navigáció, nincsen tartalom, nem teszel ajánlatot – még csak nem is segíted a látogatót abban, hogy megtalálja azt, amit eredetileg keresett.

Egy jó 404-es oldalt tehát onnan ismerhetsz fel, hogy irányítja a látogatót: próbáld meg kitalálni, mi az, amit keresett, és irányítsd a hasonló termékek vagy tartalmak felé.

Egy hibaoldalra jutni mindenképpen bosszantó: megszakad a vásárlási folyamat, a felhasználó kizökken egy kicsit a gondosan megtervezett tölcséredből.

Hogyan javíthatsz tehát mindezen? Hogyan tedd barátságossá 404 oldaladat?

 

[bctt tweet=”Egy jó 404-es oldal irányítja a látogatót.” username=”aionhill”]

 

1. Ajánlj termékeket!

Ennél egyszerűbb és kézenfekvőbb tanácsot nem adhatunk.

Valószínűleg azt szeretnéd elérni, hogy a webáruházadban keresgélő látogató végül valamit meg is vásároljon. Egy 404-es oldalon erre nincsen lehetősége, te viszont megteheted azt, hogy udvariasan olyan helyre irányítod, ahol már nyugodt szívvel konvertálhat.

Az esettanulmányok bizonyítják, hogy egy olyan hibaoldal, amely tartalmaz valamilyen termékajánlást – mondjuk három különféle termékről a szöveg alatt, amely tisztázza, hogyan és miért jutott a látogató a hibaoldalra – emeli az átkattintási arányt, a konverziós arányt, az új vásárlások számát, a kosárba helyezési arányt, illetve az oldalletöltések számát.

A legjobb, ha olyan rendszered van, amellyel követni tudod a felhasználók múltbéli viselkedését: így megteheted, hogy ne egyszerűen véletlenszerűen kiválasztott termékeket mutatsz neki, hanem célzottan valami olyasmit, ami érdekelheti. Ha például fél órája babakocsikat böngész az oldaladon, és utána egy hibaoldalra jut, ott mutathatsz neki három olyat, amit még nem nézett meg.

 

2. Írj kreatívan, légy segítőkész

Ha csak annyit talál a látogató az oldalon, hogy „hiba”, „oldal nem található”, nem lesz sem okosabb, sem pedig kevésbé frusztrált. De a gondot igazából az okozza, hogy egy sztenderd 404-es oldalt látva rengetegen egyszerűen elhagynak majd – ahelyett, hogy megakadna a szemük valamin, amit elkezdenek olvasni, és így lehetőséged volna marasztalni a látogatót.

Ha ellenben valamilyen szellemes szöveget írsz, azzal máris jobb vagy nála. Elütheted valamilyen kis humorral azt, hogy valamiért nem található itt semmi.

De nem elég, ha viccelsz: segítőkésznek is kell lenned.

Mikor már nyilvánvaló, hogy mi történt – merthogy elsősorban tájékoztatnod kell –, akkor azt is meg kell mondanod a látogatódnak, hogy mi tévő legyen ezután.

tips Ajánlj fel neki lehetőségeket:

    • Visszatérhet az oldalra, ahonnan érkezett – ezt csakis akkor érdemes felajánlanod, ha a saját weboldaladon belül tévedt el. Aki egy külső hivatkozásra kattintva jutott a hibaoldaladra, azt a látogatót inkább magadnál akarod tartani, a termékekhez vezetni.
    • Ajánlj tartalmakat – Szerepeltesd a legfrissebb tartalmaidat az oldalon, mert ha terméket nem is akar, talán talál valami érdekeset a blogbejegyzések, videók között, ami leköti a figyelmét. Így több lehetőséged, időd van meggyőzni, az oldalon tartani vagy akár csak elkérni az elérhetőségét.
    • Helyezz oda egy keresőmezőt – még ha az oldalsávban ott is van a kereső, rakj egyet pont oda, az oldal közepére is, és hangsúlyozd, hogy azonnal rákereshet valami másra.

A lényeg, hogy soha ne engedd el a kezét: ha nem tudod neki megadni azt, amit akar, akkor ajánld neki a második legjobbat, amid van. És ha tudod, tedd ezt minél inkább személyre szabottan.

Ajánlj termékeket

3. Használd a vizualitást

Néha az is elég ahhoz, hogy feloldd a látogatóban a frusztrációt, ha egyszerűen eltereled egy kicsit a figyelmét – és erre a vizuális elemek is nagyszerűen alkalmasak lehetnek.

Egy humoros kép vagy animáció jól működhet ilyenkor, de mindenképpen figyelned kell arra, hogy mindez illeszkedjen az oldal dizájnjához is, hogy a látogató ne érezze úgy, hogy valahová máshová került át.

A konzisztencia ugyanolyan fontos egy 404 oldal esetében, mint egy érkezőoldalnál vagy termékoldalnál. Ha egy olyan oldalra továbbítod a reménybeli vásárlót, amely látványvilágában teljesen elüt a korábbitól, ezzel megzavarod, megszakítod a böngészés sima folyamatát.

Egyszerű az ilyenkor végbemenő mentális folyamat: mintha egy ismerős főútvonalról hirtelen rossz helyen kanyarodnál le. Többé már nem a cél lebeg majd a szemed előtt, csak a következő lépésen gondolkodsz. Márpedig a vásárló ilyenkor – főleg, ha egy 404-es oldalon éri hasonló élmény – gyorsan bezárhatja az oldalad.

 

4. Soha ne felejtsd ki a navigációt

A hibaoldalon legalább olyan gazdag navigációs lehetőségeket kínálj fel, mint webáruházad bármely más oldalán. Menj biztosra, ne akard, hogy éppen legbizonytalanabb pillanatában ne tudjon a vásárló mégis az oldalon maradni valamilyen navigációs elemre vagy menüre kattintva.

A legjobb, ha mindjárt plusz lehetőségeket is felkínálsz – ahogy például a keresőmezővel, vagy akár, ha inaktivitást észlelsz a hibaoldalon, egy popup ablakkal, ami felajánlja a látogatónak, hogy visszaviszi az előző oldalra, vagy éppen segít egy új keresést indítani.

navigáció

Példák!

Nézd meg ezt a rendkívül hasznos blog posztot, ahol remek webshopos 404 hiba oldal példákkal találkozhatsz!

 

„Nem ezt akartad keresni?”

A Google egyik leghasznosabb funkciója, hogy segít nekünk feltenni a kérdéseket már az első pillanattól: az algoritmus a korábbi keresési trendek és az adatbázisban található információk alapján keresőszavakat és kifejezéseket kínál fel nekünk már gépelés közben.

Nem lenne nagyszerű, ha valami hasonlót beépíthetnél a hibaoldaladba? Ha nem találomra kellene továbbvezetni a látogatót?

A jó hírünk az, hogy ezt megteheted. A rossz, hogy nem lesz ingyen, viszont a konverziónöveléssel együtt valószínűleg simán megéri beruháznod a funkciók fejlesztésébe.

tanács

A következőről van szó:

A weboldaladba beépítheted (vagy a fejlesztőd segítségét kérheted, hogy megtegye ezt) a Google Custom Search API-t.

Ezzel lényegében a Google saját módszerét használhatod saját weboldaladon belül: ez kielemzi neked, hogy a felhasználó mire keresett rá, és az ahhoz leginkább hasonló találatot kínálja fel.

Különféle beállítási lehetőségeket alkalmazhatsz: megteheted akár azt is, hogy egyből továbbirányítod a látogatót a legoptimálisabbnak talált URL-re, ezt azonban nem javasoljuk. Ez ugyanis ronthatja a felhasználói élményt: a felhasználó sokszor úgy érezheti, nem segíted a döntésben, hanem helyette döntesz.

Ha tehát hibaoldalra jutna, jusson is oda, de rögvest hívd fel rá a figyelmét, hogy tudsz rajta segíteni. Kínáld fel neki a lehetőséget a választásra: ez ugyan egy plusz kattintást igényel tőle, de ha eléggé meggyőző vagy, ezzel még jobban elkötelezed.

 

Mi legyen a már nem létező termékekkel?

Mi történik akkor, ha egy látogatód egy korábban valóban létező termékoldalra akar megérkezni, de az adott termék idő közben már kifutott?

Egyes szakemberek szerint ilyenkor egy automatikus átirányítás a breadcrumb szerinti eggyel felsőbb kategóriába ideális megoldás lehet – mintha egy nem létező könyvtárba próbálnál a merevlemezen belépni, de a rendszer, mivel nem találja, az egyel feljebb lévőbe dobna.

Ez valóban szerencsés lehet, hiszen a lehető legközelebb viszi a látogatót ahhoz, amit keres: egyből látni fogja a hasonló, releváns termékeket, ahelyett, amivel már nem tudsz szolgálni neki.

Ugyanakkor érdemes ilyenkor valamilyen módon tájékoztatni is arról, hogy mi történt. Hogy ne egyszerűen csak egy másik oldalon találja magát. Egy az oldalon megjelenített kis üzenet, vagy akár egy néhány másodperc után önmagát bezáró felugró ablak erre ideális lehet: valami, ami minimálisan szakítja csak meg a böngészést, viszont ezzel a lehető legtöbb információt átadja, eloszlatva a zavart.

csere

Rendszeresen ellenőrizz!

Ha a felhasználói élményt és a találati oldalakon elfoglalt helyezésedet is szeretnéd szinten tartani, akkor monitoroznod kell a 404-es hibaoldalon végződő lekérdezéseket.

Ha úgy találod, hogy a számuk irreálisan magas vagy éppen folyamatosan növekszik, akkor van egy megoldandó problémád.

 

Két dolgot érdemes megtenned:

  1. Megnézed, hogy vannak-e olyan URL-ek, amelyekkel a látogatók notóriusan hiába próbálkoznak. Ha azt látod, hogy egy egyébként létező oldalad némileg hibás URL-jét követve köt ki rossz helyen sok látogató, akkor már tudod, mit kell keresned – és hatékonyabban fel is léphetsz a hiba ellen.
  2. Használj viszontlink (backlink) ellenőrző szolgáltatást (pl. ahrefs), és folyamatosan figyeld, hogy a más oldalakról a te domainedre mutató hivatkozások milyen állapotban vannak – nem megszűnt termékekre mutatnak-e például.

 

Ezenfelül természetesen a saját oldaladon belül is rendszeresen ellenőrizned kell a kereszthivatkozásokat. Ha az oldaltérkép tele van zsákutcákkal, gyorsan elbúcsúzhatsz a keresőben elfoglalt jó pozíciódtól.

 

Amit mindenképpen tarts észben

Nem baj az, ha valaki egy hibaoldalon köt ki – mindannyian megszokhattuk a jelenséget.

A baj az, ha nem kezeled ezt megfelelően.

Ha nem teszel azért, hogy ilyenkor is kommunikálj a látogatóddal, és megadd neki a segítséget ahhoz, hogy végül eltaláljon oda, ahová indult. Hogy valahogy visszatereld a konverzióig vezető útra.

A fent vázolt módszerekkel ezt könnyen megteheted: a hibaoldal optimalizálása fontos feladatod, ne feledkezz meg róla!

 

Kódaudit és kódjavítási szempontok Magento projekteknél

Első lépés a Magento kódaudit során

Érdemes megnézni, történt-e valamilyen hard-kódolás a projektben, találunk-e benne olyan módosításokat, amelyek a core fájlokban lettek kivitelezve, nem pedig config-ban újraírva, vagy community/local codepool-ba áthelyezve, majd ott módosítva. Ehhez arra van szükségünk, hogy legyen egy ugyanolyan típusú (community/enterprise) Magento projektünk (a verziószám is egyezzen), amivel össze tudjuk hasonlítani.

 

Ehhez PHPStorm-ot fogunk használni, de egyéb programokkal is nagyon szépen kivitelezhető az összehasonlítás. Kattintsunk az app/code/core könyvtárra, majd jobb klikk rajta, „Compare With…” (Ctrl + D), majd válasszuk ki a „társ-környezet”-ben ugyanezt a mappát.

 

Miután elfogadtuk (OK), felugrik egy ablak a változásokkal, itt nyugodtan kapcsoljuk ki a „Show new files on left side”, illetve a „Show new files on right side” opciókat, csak összezavarna bennünket. Ezek után, ha minden igaz, csak a „Show difference” lehetőség marad aktív, ami kifejezetten a különbségek listázására való.

Sajnos olyan opciót nem találtam, ami a kommenteket nem veszi figyelembe, így bár a kódrészek megegyeznek, a kommentek miatt több fájlt is feldob, mint különbséget. Ettől eltekintve esetemben nincs különbség a 2 projekt között. Ha ez a te esetedben nem így van, tehát különbségek vannak a rendszerben, azokat a fájlokat, amelyek eltérnek az eredetitől, vissza kell állítani, és a módosításokat át kell helyezni.

tips Ezt többféleképpen is megtehetjük :

 

  1. Core fájl átmásolása az app/code/core/…/File.php elérésről, az app/code/local/…/File.php helyre, majd az eredeti fájl revertálása annak alaphelyzetébe

 

  1. A fájl config-ból való felülírása egy a saját modulunk fájljával, az eredeti fájlt ebben az esetben is alaphelyzetbe kell állítanunk, és azt mint ős-osztályt kiterjeszteni belőle

 

  1. Harmadik lehetőségként Observer-rel megvalósítani a működésbeli különbségeket

 

A fenti listából az első megoldást tartom a leggyorsabbnak, míg az utolsót a legszebbnek.

 

Amennyiben ezek megtörténtek ‒ tehát a capp/code/core fájlok az eredeti állapotukba, az új működések pedig valamilyen módon kiszervezésre kerültek ‒, a következő lépés az app/design/[frontend/adminhtml] mappa(k) tartalmának összehasonlítása. Sajnos gyakran előfordul, hogy a fejlesztő nem hoz létre saját template vagy layout fájlt, hanem a base/default/[template/layout] mappá(k)ban szereplő eredeti fájlokat módosítja.

 

Ennek javítása is hasonlóképpen történik, mint a kód esetében. A módosított fájlokat átmásoljuk a saját témánk alatt ugyanabban a struktúrában, az eredeti fájlokat pedig eredeti állapotukra revertáljuk. pl. az app/design/frontend/base/default/template/catalog/product/list.phtml-t másoljuk az app/design/frontend/rwd/theme/template/catalog/product/list.phtml elérésre, az eredetit pedig visszaállítjuk.

Layout fájlok esetében elég csak a változó részt átmásolni, nem szükséges az egész layout fájlt egy-egy rész miatt mozgatni, illetve még szebb megoldás, ha reference-szel hivatkozunk egy definiált Block-ra.

 

Template-ek esetében is érdemes felmérni annak lehetőségét, hogy tudjuk-e layout-ból számunkra megfelelő módon változtatni, módosítani. Ha layoutból módosítva azonban nem a megfelelő helyen jelennek meg a kérdéses új elemek/blokkok/template-k, a fent említett módszer (template mozgatása, változtatása) biztos megoldást jelent.

 

Tegyük fel, hogy ezeken a helyeken is minden rendben volt, a template és layout fájlok is ott kerültek módosításra, ahol ennek történnie kell (akkor ez egy nagyon szép projekt, valószínűleg a továbbiakban sem lesz vele gond). A meglévő modulok illetve template fájlok minőségét kell ellenőrizni, ezeket az alábbi szempontok alapján tudjuk megtenni, melyekre egyesével kitérünk:

 

  • Kódredundancia – kódismétlés
  • Kódrelevancia – bizonyos kódok megfelelő helyen történő tárolása
  • Installer Scriptek – minőség és megbízhatóság
  • Template fájlok – objektumhívások minimalizálása
  • Block / Controller ellenőrzés – terhelés, megvalósítás

 

 

Kódredundancia – kódismétlés

 

A kódredundancia: alatt az értendő, mikor egy adott modulon ‒ vagy akár több összefüggő modulon keresztül ‒ ugyanazt a működést valósítjuk meg, akár ugyan azzal a módszerrel, de több különböző helyen. Ha a kódban ilyet találunk, biztosan rossz helyen szerepelnek ezek a kódrészek, hiszen ezeknek optimális esetben egy helyen kell lennie, és onnan kerülnek meghívásra.

Sajnos ezt nem olyan könnyű kiszúrni, hiszen a kód nem egzakt, többféleképpen is nekifuthatunk valaminek az ellenőrzésének, így ennek a felmérése, megtalálása több időt vehet el, mint a végén az az idő, amelyet a javítására kell fordítani. Az alapvető szempont, hogy legjobb már az elején, a fejlesztés indításánál, felkészíteni az egységes működésre ezeket a folyamatokat, és ennek szellemében létrehozni a különböző megoldásokat.

 

Kódrelevancia – bizonyos kódok megfelelő helyen történő tárolása

 

Vannak kódok, melyeknek egyértelmű helyeik vannak, ilyen pl. egy új modul aloldala, action-je, aminek egyértelműen controller-be kell kerülnie, hiszen egyéb esetben nem működik. Vannak kódok azonban, amelyek funkciótól függően lehetnek Block-ban, vagy Helper-ben is, sőt, akár még Model-be is kerülhetne, de  ezeknek is megvan a pontos helye. Az általános működéshez kapcsolódó kódok azonban nagy valószínűséggel Helper-be kell, hogy kerüljenek, a keresztfunkcionalitás segítése érdekében. Jellemzően ilyenek az egy-egy modul állapotát ellenőrző kisebb metódusok, és/vagy amelyek közvetve vagy közvetlenül, de a config értékekkel dolgoznak.

 

Ezen felül kerülhetnek ide még az aktuális end user-hez kapcsolódó, de alaphelyzetben még le nem fejlesztett ellenőrzések, mint pl. egy adott típus ellenőrzése egy kiterjesztettebb regisztráció után, stb. $helper->isStudent(); $helper->isTeacher() stb. (Bár ezeket szintén akár observer-rel is meg lehet oldani.)

 

Ide lehet sorolni még bizonyos a Model-ekhez kapcsolódó „működéseket”, melyek néha eltévednek a megvalósítás közben. Jó példának tartom ide a Model exportálandó mezőit, illetve annak CSV header-eit, aminek nem helper-ben vagy block-ban a helye, hiszen bárhol ahol a Model meghívásra kerül, szükség lehet erre, aminek egyszerűbb és logikusabb módja az adott Model-ben tárolni.

Ide raknám még a Model-hez az esetleges parent-child elemek lekérését, tehát ha az egyik adott Model-nek van egy 1-* kapcsolata egy másik Model-el, azt esetleg egy $model->getChildSomethings(); metódussal a „fő” Model-ben elhelyezhető.

cikkgrafika-koderelevancia

Installer Scriptek – minőség és megbízhatóság

 

Az installer script-ek írása közben gyakran megfeledkezünk még mi magunk is arról, hogy valamilyen varázslatos és megmagyarázhatatlan módon (valaki töröl egy jellemzőt, mezőt, értéket, majd újra futtatja a script-et), időnként duplán futnak le, és így nem várt hibába ütközünk.

 

Ennek kiküszöbölése nem annyira időbeli, mint hozzáállásbeli erőfeszítést igényel. Bár valószínűleg saját script-ünk futtatásakor a saját környezetünk adataira támaszkodva készítjük el azt, érdemes ezeket mindenre felkészítve, már eleve egy ellenőrzéssel indítani.

Ha jellemzőt adunk hozzá, akkor a jellemzőt keressük először, és a hozzáadását kössük feltételhez. Tábla mezőinek manipulálásakor is érdemes ellenőrizni annak aktuális állapotát. A $installer->endSetup(); kódot, csak a 100%-ig biztos lefutáshoz illesztjük be, ha try-catch-be rakjuk az installer működését, az endSetup() ne ezen kívül, hanem a try végében helyezkedjen el, így biztosítva, hogy csak a helyes működéssel lép verziószámot modulunk.

 

Template fájlok – objektumhívások minimalizálása

 

A template fájlok (.phtml) írása során is igyekeznünk kell annak azonnali áttekinthetőségére, illetve a kód újrahasznosíthatóságára. Mit jelent ez?

 

  • Nem égetünk bele értékeket
  • Nem valósítunk meg benne működést
  • Nem hívunk a szükségesnél több metódust benne

 

Helyette:

 

  • Az értékeket/beállításokat lehetőleg már (a frontend-es kolléga támogatását elősegítve) layout szinten megadhatónak fejleszteni.
  • Mindennemű működést, ami a lekéréseken felül kerül hívásra, a Block-okban megvalósítani
  • A template-ek bizonyos szintű összetettségétől függően (pl. 2 különböző típus elágazásánál) külön template-ekbe szervezni.

 

Idetartozónak tartom még, bár valójában ez minden részében igaz a fejlesztéseknek, hogy egy-egy értéket (0, 1, 2) soha nem értékével azonosítunk, ezeket érdemes, sőt kötelező valamilyen konstansba helyezni, és így beszédes változónévvel azonnal áttekinthetővé tenni annak értékét. Erre is nagyon jó példák találhatóak a Core Magento-ban, termék Status értékek, xml config path-ek, valamilyen minimum/maximum értékek meghatározása.

cikkgrafika-templates

Azonfelül, hogy ezek sokkal áttekinthetőbbek, beszédesebbek is így, ha mindenhol ezt az értéket használjuk, arra keresni is sokkal egyszerűbb (kevesebb találat), illetve egy helyen tudjuk módosítani adott esetben.

 

Block / Controller ellenőrzés – terhelés, megvalósítás

 

A block-ok és controller-ek ellenőrzésénél két dolgot kell figyelembe venni, és ez a két dolog elég szorosan összefügg. A megvalósítás mikéntje, és a terhelés, amit ki kell állnia. Minél jobb a megvalósítás, annál kisebb a terhelés.

Amennyiben egy template fájlból a block getCollection() metódusa több alkalommal is hívásra kerül, azt jó megoldás cache-elni a block-ban, így valódi adatbázis művelet csak elsőre lesz, minden további csak a cache-elt objektumlistáig jut. Erre találunk egyébként core példákat is, amelyeket minden további nélkül lehet útmutatásként használni.

 

A controllerek esetében érdemes az egyes action-ök méretére egy pillantást vetni. Nem kívánok itt sem fontméretet sem pedig a sorok számát megadni, hogy mekkora terjedelemig megfelelő egy action, de abban azt hiszem, megegyezhetünk, hogy a szemnek kényelmesen áttekinthetőnek kell azt találnia, mind formai mind mennyiségi szempontból.

Amit még a controllerek-hez hozzátennék, hogy véleményem szerint az ezekben elhelyezett block példányosítások sem szükségszerűek, szintén meg lehet oldani a block-on belül. Ezzel máris csökkentjük annak méretét.

 

Összegzés

Ez mennyiségileg nem olyan sok dolog, hiszen mindössze 5 részletesebb és 2(1) ezektől különálló lehetséges problémafaktort tekintettünk át, de ha azt vesszük figyelembe, hogy egy-egy projekten akár nagyobb számú (értsd x > 4) fejlesztő is dolgozhat egymás mellett, modulonként akár egyszerre tízes nagyságrendű fájlokat hoznak létre/módosítanak, már nem is olyan kevés.

Ha minden ilyen fájlban csak egy ilyen apró hiba van, már az is indokolhat egy kisebb refaktorálást a projekt élesítése előtt/után. Illetve a témánkat tekintve, ezeken a pontokon végighaladva, egy részletesebb képet kapunk arról, hogy az új projektünk mennyi, és milyen problémákkal rendelkezik, melyeket meg kell oldanunk.

 

Szükséged van további segítségre? Keress minket azonnal, vagy olvass többet kódaudit szolgáltatásunkról.

 

E-kereskedelmi landing oldal: vásárlás előtt győzd meg a közönséged!

De csak erre jók?

Hogyan építsd fel őket?

Honnan tudod, hogy eléggé hatékonyak?

Ezekre a kérdésekre, és számos másikra most azonnal választ kapsz.

 

A következőkben erről olvashatsz:

  • Miért van szükséged érkeztető oldalakra?
  • Milyen landing page-eket használhatunk?
    • Leadgeneráló landing oldal
    • Click-through (átkattintási) landing oldal
  • Egyező üzenetek: légy konzisztens
  • Hogyan építsd fel az oldalad – a kötelező elemek
    • Fejléc, logó
    • Headline
    • Ajánlat, marketingszöveg
    • Illusztrációk, képek, videók
    • Social proof
    • CTA (call to action)
    • Bizalomerősítő elemek
    • Közösségi lehetőségek
  • A/B tesztelés: kezdj bele, és ne hagyd abba
  • A mobilbarátság nem választás kérdése

 

Miért van szükséged érkeztető oldalakra?

Röviden vegyük át, egy webshopnak egyáltalán miért lehet szüksége arra, hogy egy plusz lépést beiktasson a vásárlási folyamatba.

Elsőre ez kontraproduktívnak tűnhet, hiszen az ügyfél lassabban jut el a konverzióig, több ideje van meggondolni magát, elállni vásárlási szándékától.

Ha futtatunk valamilyen kampányt – akár hírlevélben, közösségi médiában, keresőkben és így tovább – akkor nem minden esetben szerencsés egyből a termékoldalra irányítani, aki a hirdetésre kattint.

Minél komplexebb egy ajánlat, annál több meggyőzésre van szükségünk ahhoz, hogy a lehető legnagyobb arányban konvertáljanak leadjeink. Egy vizespohárnál nem kell túl sokat győzködnünk a vásárlót, valamilyen pénzügyi szolgáltatásnál vagy nagyobb értékű terméknél viszont már szükség lesz arra, hogy végigvegyük az összes előnyt, hogy miért jó az ügyfélnek, ha pénzt ad nekünk, egyenként végig kell vennünk lehetséges panaszait és így tovább.

Minderre egy webáruház termékoldalán nincs, vagy legfeljebb korlátozottan van csak lehetőségünk. A landing page funkciója tehát egy ilyen kampány esetében az, hogy megerősítse az elköteleződést, és a leadet már vásárlásra készen továbbítsa a termékoldalra.

webshop-landing-page-mobil 

Milyen landing page-eket használhatunk?

Landing page: -ből rengeteg fajtát ismerünk. Egy webáruháznak elsősorban az úgynevezett Click-Through oldalakból lesz haszna, vagyis az olyan érkeztető oldalakból, amelyek a meggyőzés után arra veszik rá a leadet, hogy továbbkattintson (a termékoldalra).

A másik hasznos fő típus a Lead Generation, vagyis leadgeneráló landing oldal: ennek a célja általában az, hogy kontaktinformációkat szerezzünk az oldalra érkező látogatóktól: jellemzően nevet és e-mail címet, hogy így felvehessük őket a listánkra, és később kommunikálhassunk velük.

 

Leadgeneráló landing oldal

A leadgenerálás céljából készített érkezőoldal egyetlen célja az, hogy a felhasználó megadja nekünk a kapcsolati információit. Erre számos módon rábírhatjuk: kínálhatunk neki egy értékes csaliterméket.

 

Mit ajánlhatsz a látogatónak?

Valamit muszáj adnod azért, hogy minél többen megbízzanak benned, hogy elég értékesnek lássák az alkut ahhoz, hogy megadják neked a lehetőséget a későbbi kapcsolatfelvételre.

Rengeteg megoldást választhatsz, s az, hogy végül melyik mellett döntesz, függ majd attól is, hogy milyen listát akarsz építeni, milyen célközönségnek szánod az oldalt, mekkora büdzsével rendelkezel és így tovább.

tips A leggyakoribb leadgeneráló ajánlatok ezek::

  • Letölthető e-könyv
  • Regisztráció egy eseményre
  • Tanácsadás, konzultáció igénybe vétele
  • Ingyenes próbaidőszak (egy szolgáltatásnál)
  • Részvétel egy nyereményakcióban vagy versenyben
  • Valamilyen fizikai ajándék
  • Értesítések a jövőbeni akciókról, kedvezményekről, új termékekről, eseményekről stb.
  • Webinárium regisztráció

 

A leadgeneráló oldalak jellemzően rövidek, kevésbé komplexek. Nem kérünk sokat, nem is adunk túlságosan sokat, nincs tehát szükség hosszas meggyőzésre. Az ilyen oldalaknál arra koncentrál a szöveg és az azt támogató vizuális elemek, hogy a látogatónak megindokoljuk, miért éri meg az ajánlatot elfogadniuk.

 

Világossá kell tenned számukra, hogy

  • mit ajánlunk (például csaliterméket),
  • mit kérünk (például e-mail címet),
  • illetve mit kell tenniük (például kitölteni két mezőt és a gombra kattintaniuk).

 

Innen nyerünk leadeket, akiket a későbbiekben különféle kampányokkal megcélozhatunk például e-mailben vagy a közösségi médián keresztül – és a Click-Through landing oldalakra irányíthatjuk.

 

Click-Through (átkattintási) landing oldal

Az átkattintó oldal rendeltetése, hogy egy olyan oldalra továbbítsa a vásárlót, ahol már csak egy-két kattintásnyira van a vásárlástól, hogy becsatornázzuk a checkoutba.

 

Továbbíthatjuk…

  • a termékoldalra, ahol a kosárba helyezheti a terméket, és közben kapcsolódó termékeket ajánlhatunk neki (cross-sell),
  • a kosárba, ahol már ott is van a termék, így a lehető legközelebb juttatod a konverzióhoz.

 

Utóbbihoz jellemzően egyedi fejlesztéssel kell azt megoldanod, hogy a landing oldalon a gomb lenyomásával azonnal a kosárba helyezze a terméket a látogató.

 

Egyező üzenetek: légy konzisztens

Az érkezőoldalakat általában nem keresőoptimalizáljuk, sőt: elrejtjük őket a keresők szeme elől.

Ennek oka általában az, hogy a Google nem igazán szereti a hasonló tartalmakkal feltöltött, az ún. doorway oldalakra megtévesztően hasonlító érkezőoldalakat, és akár büntetést is kaphatunk miattuk. Viszont nincs is szükségünk az organikus forgalomra, a landing oldalra ugyanis kampánnyal irányítunk forgalmat.

 

Mindegy, hogy honnan irányítunk ide látogatókat, a lényeg, hogy konzisztens üzenetet közvetítsünk. Mit jelent ez pontosan?

  1. Ha a hirdetésben, levélben ígérünk valamit, akkor ennek megfelelően kommunikáljunk az érkezőoldalon is. A legelőnyösebb, ha a hirdetés CTA-ja és a headline megegyezik. Ha AdWordsben a „Kattints a legegészségesebb kutyaeledelért!” mondatot használod, akkor a landing page címe lehet, hogy „Itt találod a legegészségesebb kutyaeledelt – és ezért van szükséged rá”
  2. Ha egy adott képi világot használsz, ezt is meg kell tartanod. Ha az e-mailben a CTA mellett egy foxiról készült képet helyezel el, az érkezőoldalra nem rakhatsz macskát. Ugyanaz a kutya nézzen a látogatóra ugyanabból a kertből.
  3. A színvilágot se variáld: ha az arculati színeidet használtad eredetileg, az érkezőoldalon is ebből indulj ki, ha más kampánydizájnt, akkor ezeket.

 

A konzisztencia nem csak az első két lépésben fontos:

ha továbbítod a potenciális vásárlót a termékoldalra, akkor se zökkenjen ki, vizuálisan és szövegben is ugyanazt az élményt add neki. Ellenkező esetben csökken a bizalom. Ha ismerős környezetben tartod a felhasználót, nem vonod el a figyelmét, könnyebben irányítod és így a meggyőzéssel is egyszerűbb dolgod lesz.

 

tips Hogyan építsd fel az oldalad – a kötelező elemek:

 

Tökéletes felépítést nem fog tudni senki mutatni, a részletek rengeteg mindentől függenek – bizonyos elemek azonban viszonylag állandóak, ezekkel ismertetünk meg röviden.

folyamat

1. Fejléc, logó

Segít a konzisztencia megtartásában, ha a cég, a webshop, a kampány logóját használod a fejlécben: a felhasználó így tudni fogja, hogy jó helyen jár.

 

2. Headline

Szintén az üzenet egységességét biztosítja, de emellett más funkciója is van. A headline-ban meg kell ragadnod a látogató figyelmét: kommunikálnod nemcsak azt, hogy jó helyen jár, de azt is, hogy jól jár vele, ha tovább olvas, ha megfontolja az ajánlatodat: hogy valami értékeset készülsz adni neki.

 

3. Ajánlat, marketingszöveg

Az oldalon ideális esetben helyet kapnak a funkciók (feature), előnyök (benefit), konkrét információk a termékről, ösztönző szövegek, amelyek például a ritkaság (scarsity) érzését kelthetik és vásárlásra ösztönözhetnek. Emellett még számos elemet belefoglalhatsz: a sales szövegek írása külön művészet, s jelen útmutatónkban nincs lehetőségünk a különféle fogások részletes ismertetésére.

Ami egy profi termékajánlatnál különösen fontos: koncentrál arra, hogy milyen előnyökkel jár a vásárló számára, ha megveszi a termékedet. Az, hogy egy sportkocsi 200 km/h sebességgel tud repeszteni, tulajdonság, feature.

Az viszont, ha ettől szabadnak érzi magát, ha régi emlékeket él újra vagy éppen úgy érzi magát, mint egy felszálló űrsiklóban: mindez valódi előny, mivel arról szól, mit érez majd, miért lesz jobb személyesen a vásárló számára, ha megveszi, amit kínálunk.

A termékleírásban pedig pontosan ezt kell neki kommunikálnunk.

 

4. Illusztrációk, képek, videók

Használhatsz számos szemléltetőelemet vagy éppen olyan dekorációs elemet, amelyek segítenek neked a meggyőzésben. De mindig csak annyit használj, amennyire feltétlenül szükséged van: ha egy képnek nincs konkrét funkciója (például, hogy egy adott pontra, egy CTA-ra irányítsa a figyelmet), akkor hagyd el. Ha a videó csak elterelné a figyelmet, ne használd.

Használhatod ezeket arra is, hogy bemutasd az előnyöket (például egy termékbemutató videóban), vagy éppen arra, hogy kézzelfoghatóbbá tedd egy ajánlatodat (például egy letölthető e-könyv esetében mellékelhetsz egy képet magáról a könyvről, amely valójában nem létezik).

A termékről mindig egyedi, jó minőségű fotókat tegyél fel. Általában elég a termékoldalon interaktívvá tenni a megtekintést: az érkezőoldalon arra kell figyelned, hogy egyértelművé tedd, mit kínálsz, és arra, hogy azt egyúttal vonzóvá is tedd.

 

5. Social proof azaz a közösség visszajelzése

Ha a vásárlóid küldtek már neked pozitív visszajelzéseket az adott termékről, amelyet az érkezőoldalon értékesíteni akarsz, ezeket mindenképpen használd fel.

Ezek lehetnek írásos értékelések, amelyek e-mailben, a közösségi csatornáidon keresztül vagy éppen hozzászólásban érkeztek: mindegy, a lényeg ugyanis az, hogy a pozitív vélemények segítenek meggyőzni a hezitálókat.

Ha vannak olyan cégek, amelyek már megvásárolták, aktívan használják a terméket, a logóikat használd fel az oldalon. Stockfotókat pedig, amelyeken ismeretlen statiszták mosolyognak, soha ne használj: ez csak rontja a hiteledet, hiszen minden látogatód rögtön felismeri az ilyen fogásokat. Ha teheted, kérj inkább valódi fényképekkel együtt testimonialokat.

 

6. CTA

A call-to-action az az elem, amelyet a legpontosabban kell megtervezned. Nem mindegy, hogy

  • hová rakod,
  • milyen a mérete,
  • mekkora,
  • mit írsz rá,
  • milyenre színezed,
  • hány van belőle.

Ezek közül sok mindent csak teszteléssel finomíthatsz megfelelően, de néhány tippet azért adunk.

 

Az elhelyezésnél követendő irányelv:

minél komplexebb az ajánlat, annál lejjebb kerüljön a fő CTA. Egy hosszú oldalon belül többet is elhelyezhetsz, mert az egyes látogatókat különféle pontokon győzheti meg a szöveged.

 

Használd a teret bölcsen:

tedd a CTA-t jól észrevehetővé (ebben persze a lehetőleg a háttérrel kontrasztos színnek is szerepe van), és szeparáld el megfelelően minden más tartalomtól. Irányítsd rá a figyelmet, de csak lehetőleg a megfelelő pillanatban.

A gomb színének meghatározásakor jól teszed, ha odafigyelsz a színelméletre, színpszichológiára. A látogatót már azzal is befolyásolhatod, ha megfelelő színeket használsz – a biztosítók például a kéket használják gyakran, mert az a bizalomérzést erősíti, míg a piros, narancs különféle árnyalatai a vásárló sürgetésében segítenek neked.

A CTA felirata mindig legyen konkrét: a „Tovább” felirat túlságosan általános, bizonytalanságban tartja a felhasználót, ezért kevesebben fognak rákattintani. Ne csak egyszerűen mutasd meg az ajtót, mondd meg pontosan a potenciális vevőnek, mi fog történni, ha belép rajta. Ha azt írod, hogy „Megveszem az X-et”, „Letöltöm az e-könyvet”, „Tovább a fizetéshez”, az sokkal nagyobb konverziót hozhat a CTA-dnál.

 

7. Bizalomerősítő elemek

Ilyenek lehetnek a különféle tanúsítványok, díjak és hasonló elemek, amelyek erősíthetik a felhasználó bizalmát a termék iránt. A testimonialok mellett adott esetben az is fontos, hogy a szakma elismerje a terméket, hogy komolyabb véleményformálók is elismerjék azt, mert ez tesz hitelessé téged és a termékedet.

 

8. Social lehetőségek

Ne felejtsd el szerepeltetni az oldalon a különféle közösségi oldalak ikonjait. Engedd, sőt ösztönözd, hogy a látogatók megoszthassák ismerőseikkel az oldalt, mert így nemcsak több látogatót szerezhetsz, de a social proof terén is erősíthetsz.

 

A/B tesztelés: kezdj bele, és ne hagyd abba

Tökéletes landing oldal nem létezik, a hatékonyságát azonban mindig fokozhatjuk. Ehhez nem kell mást tennünk, mint egy-egy elemet adatvezérelten módosítani.

Kétszámjegyű konverziónövekedést is elérhetünk egyszerűen azáltal, hogy egy gomb helyét vagy színét megváltoztatjuk, vagy egy szót lecserélünk a headline-ban: esettanulmányok százai bizonyítják ezt. De honnan tudhatod, mit kell módosítanod?

Erre jó az A/B tesztelés: elkészítesz két szinte megegyező érkezőoldalt, melyeken csak egy elem különbözik. Adott a régi oldal (A), s egy olyan, amelyen kipróbálsz egy változtatást (B).

E kettőt egyszerre futtasd: a beérkező látogatókat véletlenszerűen oszd el a kettő között, hogy a legtermészetesebb eredményeket kapd. Az A és B verziók fussanak egy időben, hogy az eredményeket ez se befolyásolja – elég, ha csak belegondolsz, hogy mi történne az eredményekkel, ha az egyik oldalt a karácsony előtti, a másikat az azutáni héten tesztelnéd.

A teszt fusson legalább egy hétig és lehetőleg gyújtsd be szignifikáns mintát, mondjuk ezer látogatónyit. Ebből már látni fogod, hogyan alakulnak a konverziós értékek.

Az A/B teszteket soha ne hagyd abba: mindig van olyan elem, amin javíthatsz egy keveset. De egyszerre csak egyet futtass, mert így szerezheted a legbiztosabb adatokat.

A webshopoddal kapcsolatos A/B teszetlésről ebben a cikkünkben írunk: A/B tesztelés webáruházban: 10 dolog, amit érdemes tesztelned

AB teszt

A mobilbarátság nem választás kérdése

A landing page-eket ugyan általában nem keresőoptimalizáljuk, mégis szükség van arra, hogy tökéletesen jelenjenek meg mobilon.

A közösségi hirdetésekre egyre többen kattintanak okoseszközökön, e-mailjeinket már többségében ezeken olvassuk, a kereséseket is kisképernyőről indítjuk inkább, mint desktopról. Mindez pedig azt jelenti, hogy szinte bármilyen kampányt futtass is, látogatóid jelentős része, jó eséllyel a többsége, mobileszközön jeleníti majd meg a landing oldalt.

Értelemszerűen erre fel kell készülnöd, és úgy kialakítanod az oldalt, hogy mobilon is kényelmesen megjeleníthető legyen. Arra is ügyelj, hogy a desktop és mobil verziók konverziós arányait és más mérőszámait külön vizsgáld, és a teszteket is ennek megfelelően futtasd.

 

Elkezdeni semmiség, fenntartani megéri

Nem tagadom, lesz munkád vele, hogy az első érkezőoldalaidat megalkosd. A gyakorlat azonban idővel gyorsabbá tesz, a tesztek és visszajelzések tapasztalatokkal ruháznak fel.

Emellett pedig azt fogod látni, hogy a kampányaidnak magasabb a megtérülése, hogy a konverziós arány javul, a bevétel nő. Több embert győzöl majd meg ugyanis arról, hogy valóban megéri nálad vásárolniuk.

Nem kell minden termékednek saját érkezőoldal – de ha valamilyen hirdetési kampányt futtatsz, a landing page annak szinte kivétel nélkül létfontosságú eleme.

A legjobb, ha az elsőt még most elkezded megtervezni, már ha olvasás közben még nem gondoltad ki, hogyan is rakod össze.

 

Problémák a Magento RWD sablonnal és hogyan sikerül ezeket megoldanunk

Bevezetés

Aki már foglalkozott Magento frontend fejlesztéssel, annak nyilván nem kell bemutatnunk az RWD (Responsive Web Design) theme-et. Ez a Magento alapcsomaggal utazó reszponzív template, amellyel már mobile-ready webshopokat építhetünk fel.

Azért írom, hogy mobile-ready, mert nem mobile-first. A mobile-first ugyanis elsődlegesen a mobileszközökön való kifogástalan működést célozza meg, míg a mobile-ready alapvetően desktop funkciójú mobilos „áthallással”.

Projektjeink kapcsán megrendelőik (jogosan) egyre többször azzal a kéréssel fordulnak hozzánk, hogy webshopjukat a desktop nézet mellett a mobilra is 100%-ig optimalizáljuk UI/UX szempontból is.

A 21. század egyik nagy vívmánya az okostelefon, és ezzel együtt az internetezési szokások gyökeres átalakulása. A rohanó világban egyre többen okostelefonjukat, tabletjüket használjak a gyors információszerzés mellett a webes vásárlásokhoz is. Emiatt kiemelten fontos, hogy a mobilon vásárlást gyorsan elvégezhessük, a dizájn pedig letisztult, egyszerűen áttekinthető legyen.

Erre pedig mondjuk ki őszintén, csak bizonyos mértékig használható az RWD theme. Hogy miért is, arra a cikkben részletesebben ki fogok térni. Több projektünk után végül úgy döntöttünk, hogy bár az RWD alapjain, de egy saját template-et építünk fel a Bootstrap framework segítségével.

 

Megvalósítás

Melyek tehát azok a pontok, amelyek alapján az RWD nem megfelelő választás egy 21. századi, mobile-first webshop kialakításához?

 

  • Mobile-ready, nem mobile-first (elsődlegesen a desktop nézetet támogatja)
  • Elavult grid rendszer (az RWD egy jó pár éves, saját fejlesztésű grid rendszert használ, amivel nehézkesen valósíthatók meg egyedi mobil felületek – a NILA ezzel szemben az egyik legkorszerűbb frontend framework-ot, a Bootstrap-et használja – 12 oszlopos grid rendszere, a flex támogatással a legjobb választás gyors fejlesztéshez)
  • Nem moduláris (Nincs lehetőség az aloldalak, layoutok külön módosítására, minden egy CSS fájlból van kezelve)
  • Nincs OOP CSS (Mivel csak egy fordított CSS fájlt tartalmaz az RWD sablon, ezért nehézkesen módosíthatók akár csak az alapbeállítások is – szín, betűtípus stb.)
  • Gyenge böngésző támogatottság (nincs kifejezetten OSX/iOS támogatás)

 

A NILA sablon dizájnja

Grafikusunk az RWD demo alapján alakította ki az Aion NILA sablon megjelenését. Próbáltuk még letisztultabbá és áttekinthetőbbé tenni, valamint, ahogy már említettem, a szemlélet mobile-first alapú. Ez azt jelenti, hogy mind dizájnban, mind megvalósításban lentről építkezünk felfelé. Színvilágban a kékes-szürke irányt választottuk, ettől lett a végeredmény igazán minimalista.

 

Új skin létrehozása

Az első lépésben létrehoztunk egy új skint az RWD csomag alatt. Azért nem egy új csomagot használtunk, mert a NILA template struktúrája az RWD-re támaszkodik, így gyorsabban és egyszerűbben tudtunk haladni a fejlesztéssel.

 

rwd vs nila sablon struktúra

 

 

A gyakorlatban ez úgy nézett ki, hogy a számunkra szükséges template-eket, layoutokat override-oltuk a NILA skin alól, a struktúra többi részét pedig az RWD alól kezeljük a template jelenlegi verziójában.

Ahogy említettem, a megvalósításhoz frontend oldalról a Bootstrap framework legfrissebb verzióját használtuk (3.3.6), a CSS-t pedig LESS-szel valósítottuk meg az objektum orientáltság függvényében. A NILA csomagolt verziója csak a fordított CSS fájlokat fogja tartalmazni.

Frontend oldalról mindegyik oldal és aloldal új csínt kapott, egységes CMS megjelenítést hoztunk létre, valamint kiemelt figyelmet fektettünk az e-mail template-ek, valamint a nyelvesítés megvalósítására is (hu_HU)

 

Mélyvíz – lássuk a kódszintű felépítést!

 

Ugorjunk fejest a mélyvízbe. A teljesség igénye nélkül most bemutatom a NILA felépítését kód szempontból is.

 

Könyvtárszerkezet

 

NILA theme: app/design/frontend/rwd/nila

 

NILA skin:: skin/frontend/rwd/nila

 

A skin mappánk több almappából épül fel.

 

  • aion: a NILA skin saját CSS / JS fájlok, amelyek az oldal megjelenését befolyásolják
  • css: email-inline.less az email template-ekhez használt megjelenés
  • images: alapértelmezett RWD template képek
  • img: a NILA témához tartozó képek
  • vendor: third-party könyvtárak és modulok mappája (Bootstrap, Fontawesome, Owl.Carousel)

 

 

Grid rendszer

Az RWD sablon rendszere egy saját fejlesztésű grid rendszeren alapul, amely csak korlátozottan használható mobile-first oldalak fejlesztéséhez.

 

Példa:

 


@media only screen and (min-width: 480px) {
  .customer-account-login .col2-set .col-1,
  .customer-account-login .col2-set .col-2 {
    padding-top: 0;
    margin-top: 20px;
  }
  .customer-account-login .col2-set .col-1 {
    padding-right: 20px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 20px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (min-width: 770px) {
  .customer-account-login .col2-set .col-1 {
    padding-right: 0;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 60px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (max-width: 479px) {
  .customer-account-login .col2-set .col-1 {
    padding-bottom: 30px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-top: 30px;
    border-top: 1px solid #ededed;
  }
}

Ahogy láthatjuk, a grid rendszer mobil töréspontok deklarálása nem az elfogadott töréspontokhoz igazodik, hanem egyedi pontokat hoz létre: 479, 770, de a kódot átnézve további idegen töréspontokra is találhatunk:


@media only screen and (max-width: 535px) {...}
@media only screen and (max-width: 525px) {...}
 

 

A NILA grid rendszeréhez a Bootstrap framework-öt választottuk, amely mobile-first szemlélettel készült, és igazodik a szabványos töréspontokhoz, és ezzel az elterjedt felbontások támogatásához:

(http://getbootstrap.com/css/#grid)

 

 


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

 

 

rwd vs nila grid

 

 

Less fájlok

Template-ünket úgy építettük fel, hogy az minél modulárisabb és könnyen módosítható legyen. Minden oldal, CMS oldal saját LESS fájlt kapott, így a template-et moduláris szinten tudjuk módosítani, valamint új projektek eseten nem szükséges az egész template-et felhasználni, csak a módosítandó layoutokat.

A template egységes elemei, így például a fejléc, láblééc, és a gombok megjelenése szintén egy különálló LESS fájlba kerültek, valamint létrehoztunk egy BASE.less fájlt a változók, funkciók, mixinek tárolására.

 

rwd vs nila less fájl

 

A frontendre csak a nila.css fájl kerül ki, ez pedig a fordítás előtt így épül fel a moduláris less fájlokból:

  • Base.less
  • Deafult.less
  • Module.less

 

 

rwd vs nila könyvtár

 

Új oldal esetén csak hozzá kell fűznünk a module_neve.less fájlt a nila.less-hez, és fordítás után már a nila.css tartalmazni fogja az új vagy módosított megjelenést.

 

Javascript

A NILA sablon JS oldalról nem tartalmaz különösebb módosítást az RWD-hez képest, a Bootstrap javascript plugin-jai mellett csupán az OwlCarousel.js-t használtuk fel a főoldali újdonságok slider-hez.

 


   jQuery("#home-products-grid").owlCarousel({
        autoPlay: false,
        items : 5,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3],
        navigation: true
    });

 

Ahogy láthatjuk, a slider-ben alapesetben 5 terméket jelenítünk meg, ezután pedig a további termékek slide-olással tekinthetők meg. Ha más számú terméket szeretnénk megjeleníteni, azt megtehetjük admin felületről, az alábbi sor módosításával, valamint a javasript „items” értékének módosításával:

 


   $content = '{{widget type="catalog/product_widget_new" display_type="new_products" products_count="5" template="catalog/product/widget/new/content/new_grid.phtml"}}';

 

Template override

 

Mivel a NILA jelenlegi verziója az RWD csomagon alapszik, ezért csak azokat a template-eket / layout fájlokat módosítottuk, amelyekre az egyedi megjelenéshez szükségünk volt. A fejlesztések későbbi szakaszaiban a NILA ki fog válni az RWD csomag alól, és különálló csomagként fog funkcionálni.

 

  • CMS
  • Home
  • Category
  • Product
  • Cart
  • Checkout
  • Wishlist
  • Dashboard
  • Account

 

A NILA sablon egyik legnagyobb előnye tehát a moduláris felépítés. Míg az RWD téma módosítása nehézkes, a NILA template-et percek alatt testre tudjuk szabni a base.less es default.less fájlok módosításával.

 

 

További mobil optimalizációk

Mint említettem, template-ünket mobile-first szemléletben építettük fel, a cél a minél egyszerűbb használhatóság megvalósítása volt mobil eszközökön is. Mivel több elem nem, vagy csak nehézkesen használható mobil nézetben (pl. táblázatok, kosár, checkout, érintési felületek), ezért egy egyedi modul segítségével azonosítani tudjuk a felhasználó eszközét, és ennek megfelelően mobil és desktop blokkokat betölteni.

 

Modulunk alapját a széles körben ismert MobileDetect PHP könyvtár adta.

 


<?xml version="1.0"?>
<config>
    <modules>
        <Aion_MobileDetect>
            <version>0.1.0</version>
        </Aion_MobileDetect>
    </modules>
    <global>
        <helpers>
            <aion_mobiledetect>
                <class>Aion_MobileDetect_Helper</class>
            </aion_mobiledetect>
        </helpers>
    </global>
</config>

 

Mobil detektálása:

 


public function isMobile($userAgent = null, $httpHeaders = null)
{
        if ($httpHeaders) {
            $this->setHttpHeaders($httpHeaders);
        }
        if ($userAgent) {
            $this->setUserAgent($userAgent);
        }
        // Check specifically for cloudfront headers if the useragent === 'Amazon CloudFront'
        if ($this->getUserAgent() === 'Amazon CloudFront') {
            $cfHeaders = $this->getCfHeaders();
            if(array_key_exists('HTTP_CLOUDFRONT_IS_MOBILE_VIEWER', $cfHeaders) && $cfHeaders['HTTP_CLOUDFRONT_IS_MOBILE_VIEWER'] === 'true') {
                return true;
            }
        }
        $this->setDetectionType(self::DETECTION_TYPE_MOBILE);
        if ($this->checkHttpHeadersForMobile()) {
            return true;
        } else {
            return $this->matchDetectionRulesAgainstUA();
        }
}

 

Függvényünket bármelyik templateünkben a következő módon hívhatjuk meg:

 


$helper = Mage::helper('aion_mobiledetect/data');
if($helper->isMobile())
{
  echo “is mobile”;
} 

else 
{
  echo “is not mobile”;
}

 

Ez a megvalósítás lehetőséget ad számunkra, hogy a reszponzív nézetek mellett mobilra egyedi blokkokat is betölthessünk, amelynek teljesen eltérő a szerkezete a desktop felépítéstől. Ezeket a blokkokat a böngészőnk csak akkor fogja letölteni, ha az adott eszközről használjuk az oldalt. Ezzel a módszerrel elkerülhetjük az elemek felesleges betöltését.

 

Safari / iOS támogatás

Az alap RWD téma egy másik nagy hibája, hogy gyenge a böngésző támogatottsága. Megrendelőink egyik igénye, a Windows-os böngészők támogatása mellett (IE10+, Chrome, Firefox, Opera) az OSX-en és iOS-en való Safari böngészőket is támogassuk.

Mivel sajnos a Safari alapértelmezetten több érteket másképp kezel, mint a Chrome, így az általános less fájlok egyszerű módosítása nem oldotta volna meg a problémát.

Egy egyszerű példánál maradva, a Safari a “display: flex” értéket is másképpen kezeli, mint a Chrome vagy Firefox böngészők, ezért a következő módosítást kellett eszközölnünk:

 


.aion-dashboard-wishlist {
 .cart-item {
 display: -webkit-flex;
 -webkit-flex: 1;
 -webkit-box-flex: 1;
 }
}

 

[ Megjegyzés: Safari böngésző esetén további problémát jelent a form-ok formázása, mivel mind az OSX mind az iOS a native form elemeket jelenít meg. Designereinkkel egyeztetve végül úgy döntöttünk, hogy az egyedi / Bootsrap form elemek helyett OSX/iOS renszerek alatt meghagyjuk a form elemek native megjelenését a jobb UX élmény érdekébben. ]

 

A megoldás a fentebb már említett MobileDetect modul volt, melyet kiegészítettünk egy Safari detektálással is:

 


/**
* This method checks if browser is Safari / Desktop
* @return bool
*/
public function isBrowserSafari()
{
    $agent = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : "";
        if (stripos($agent, 'Safari')
            && stripos($agent, 'iPhone') === false
            && stripos($agent, 'iPod') === false
            && stripos($agent, 'Chrome') === false) {
            $this->setBrowser(self::BROWSER_SAFARI);
            return true;
        }

     return false;
}

 

Ezt az alábbi módon használhatjuk fel:

 


$helper = Mage::helper('aion_mobiledetect/data');

if($helper->isBrowserSafari()) 
{
    $body_class = "__browser_safari";
} 

else
{
    $body_class = "__browser_other";
}

 

Ennek a segítségével lehetőségünk nyílt kifejezetten csak OSX/Safari böngészőkre optimalizált CSS módosításokat végezni, amely módosítások nem befolyásolják a Windows-os böngészők megjelenítését sem.

 


/** This less file support OSX/Safari browser compatibility!*/
@import "base";
.__browser_safari {
 … egyedi customizaciok
}

 

Összegzés

 

A NILA sablon az RWD-hez képest nagyon sok javítást és egyedi megoldást hoz, amivel a Magento webáruházunk igazán sikeres lehet. A template-ünket úgy alakítottuk ki, hogy bármilyen webáruhazat gyorsan és könnyen egyedire szabhassunk használatával.

A NILA sablont jelenleg még fejlesztjük és házon belüli kisebb projektekben teszteljük, de hamarosan dobozos formában is elérhető lesz a nagyközönség számára is. Erről pedig természetesen majd itt a blogon értesülhetsz először!

 

Így népszerűsítheted hatékonyan webáruházadat, hirdetési büdzsé nélkül!

Mindezt ugyanis tudtára kell adnod a célpiacodnak is. Ha senki sem tud róla, hogy milyen nagyszerű blogbejegyzéseket írsz, hogy milyen problémákat oldasz meg a termékeiddel, akkor a keresőkben sem rangsorolsz majd jól (hiszen hiányzik a felhasználói feedback, amelyet a Google a legkomolyabban értékel).

Az alábbiakban tehát egy teljes útmutatót adunk neked ahhoz, hogy milyen technikákat használhatsz fel branded, termékeid és tartalmaid népszerűsítésére: a közösségi médiától a linképítésig.

 

Erről fogunk beszélni:

Hogyan használd ki a közösségi médiát?

  • Tippek minden csatornára
  • Webshop a Facebook-on
  • LinkedIn: szakmai csatornán szakmai tartalom
  • YouTube: mozgóképpel mindenkit megragadhatsz
    • Youtube SEO
    • Milyen videós tartalmakat érdemes készítened?
  • Twitter: indíts diskurzust!
  • Pinterest: interaktív katalógusod
  • Legyen képed hozzá: Instagram
    • Hogyan használd az Instagram-ot?
  • A kihasználatlan Tumblr
    • Válassz egy konkrét témát
    • Tumblr és SEO

Webáruház és keresőmarketing: hogyan rangsorolj jól?

  • Használd az árösszehasonlító oldalakat
  • Helyezd magad a Google Places-re
  • Keresőoptimalizáld a webáruházadat
  • Figyeld az analitikát
  • Optimalizálj mobilra
  • Szerezz értékeléseket

Linképítés: turbózd fel a SEO-t, légy látható, szerezz organikus forgalmat

  • Kérj értékeléseket az oldaladról!
  • Helyezd el a hivatkozásodat az aláírásodba
  • Ahol csak tudod, említsd a márkaneved (brand mention)
  • Bloggerek és véleményvezérek

Büdzsémentes promóciós ötletek

  • Adj valamit megosztásokért cserébe
  • Próbálkozz a virális tartalmakkal
  • Affiliate marketing: használd ki a viszonteladást
  • Használd ki a tartalom erejét

Végső konklúzió: a népszerűsítés nem drága, de kemény munka

 

Hogyan használd ki a közösségi médiát?

 

Tippek minden csatornára

Mielőtt részletesen átvennénk, hogy az egyes csatornákon hogyan érvényesülhetsz a leghatékonyabban, van néhány tipp, amit jobb, ha minden esetben megfogadsz:

  • A bemutatkozásod legyen rövid és lényegre törő.
  • A biódban mindig add meg a webáruház linkjét.
  • Profilképként használd a logód, az arculati színeket, így konzisztens élményt adsz a fogyasztóknak.
  • Soha ne spammelj.

 

Webshop a Facebookon

Kezdjük az elején: a saját, személyes Facebook profil is felhasználható a webáruház népszerűsítésére, de ha lehet, ne alakítsuk át a profilunkat olyanná, amely egyszerűen megoszt minden terméket az áruházból. Az ilyeneket ismerőseink egy idő után aligha fogják megnézni, kattintani, sokan valószínűleg le is tiltanak.

A személyes profilt hagyjuk meg személyesnek: osszunk meg olyan tartalmakat, amelyek valóban oda valók. Ilyen lehet persze egy-egy releváns termék, amiről úgy gondoljuk, hogy ismerőseinknek is tetszene, valamiért érdekesnek találják majd, esetleg más ismerősöktől származó testimonialok – bejegyzések, tweetek ‒, a sajtómegjelenések, amelyekre büszkék vagyunk és így tovább.

Emellett osszunk meg fotókat, kommenteljünk, összességében éreztessük, hogy a monitor mögött továbbra is egy emberi lény ül, nem pedig egy szkript, amely szeretne a saját ismerőseink torkán vásárlásokat lenyomni.

De a webshop hivatalos Facebook oldala sem arra való, hogy termékekkel spammeljük tele.

Néhány évvel ezelőtt, ha követtünk egy oldalt a közösségi oldalon, még jó eséllyel posztjai nagy részével találkoztunk az idővonalunkon. Ennek az időnek vége, a céges oldalak elérése már jóval kisebb, a felhasználók számára az oldal olyan tartalmakat igyekszik mutatni, amelyekkel nagyobb eséllyel interakcióba lépnek, lájkolnak, kommentelnek és így tovább. A termékek linkjei ritkán ilyenek.

Az oldalon tehát – ha hirdetni nincsen pénzünk – olyan tartalmakat érdemes megosztanunk, amelyeket célközönségünk érdekesnek találhat.

Ha például fonalat árulunk kötéshez, horgoláshoz, akkor meg kell kérdeznünk magunktól: mi az, ami releváns, és tényleg érdekli a közönséget?

Nem a termékek sora, hanem például a különféle minták. Útmutatók, hogyan valósítsák meg hobbiprojektjeiket. Kreatív és eredeti ötletek. Személyes történetek arról, hogyan készült el egy-egy bonyolult darab.

Az indirekt promóció sokkal jobb eredményeket hozhat. Eközben persze termékeket is oszthatunk meg vagy akár akciókat. A cél az, hogy minél több követőnk találja érdekesnek a tartalmakat, mert így többek oldalán is jelenünk majd meg – így ahelyett, hogy egy-két ember látná csak a száz terméket, amelyet naponta posztolunk, százak látnak egyet, s ebből nagyobb eséllyel lesz majd vásárlás.

A B2C, vagyis kifejezetten a fogyasztókat célzó kommunikációban a Facebook nélkülözhetetlen eszköz akkor is, ha nincsen pénzünk hirdetni: a HubSpot adatai szerint a cégek 70%-a képes e csatornáról ügyfeleket szerezni.

 

LinkedIn: szakmai csatornán szakmai tartalom

A LinkedIn funkciója: egy üzlet esetében egészen más. Bár a működési elvek hasonlóak, igen messze áll a Facebook-tól: olyan felület ez, ahol szakemberek lépnek kapcsolatba egymással, szakmai tartalmakat osztanak meg és elsősorban networkingre, kapcsolatépítésre használják.

Felejtsük el tehát azt, hogy a termékeinket reklámozzuk a segítségével.

Ehelyett igyekezzünk bővíteni a hálózatunkat.

Keressünk a segítségével olyan embereket, akik segíthetnek a népszerűsítésben (például véleményvezéreket, akiknél vendégposztokat jelentethetünk meg egy népszerű, releváns blogban).

Érdemes különféle csoportokhoz is csatlakoznunk, amelyek a témába vágnak: beszélgetni azokkal, akik hasonló területen üzletelnek és tapasztalatokat gyűjteni, illetve olyan csoportokat keresni, ahol célközönségünk a problémáit beszéli meg – és ezekre, ha valóban rendelkezünk ilyennel, megoldást kínálni.

Állapotfrissítéseket megoszthatunk itt is, azt javasoljuk azonban, hogy ezek is nagyon releváns és értékes tartalmak legyenek: a LinkedIn nem a mémek terepe, hanem olyan felület, ahol a nem szakmailag releváns posztok nem számíthatnak népszerűségre, tehát egészen más stratégiát kell választanunk, mint a Facebook esetében.

 

YouTube: mozgóképpel mindenkit megragadhatsz

A YouTube elképesztő lehetőségeket tartogat bármely webáruház számára, még úgy is, ha hirdetésre nincsen büdzsé, és nem közvetlenül a termékeinket akarjuk reklámozni.

Az értékesítés ugyanis remekül felpörgethető különféle kreatív tartalmakkal, amelyeket aztán a webáruház oldalain is felhasználhatunk.

Ilyen tartalmak lehetnek például a terméktesztek, útmutatók (hogyan kell egy terméket használni?), vagy éppen a tippeket és trükköket bemutató videók (Tudtad, hogy a termékkel ezt is meg lehet csinálni?).

Lásd korábbi cikkünket: 11 tipp, hogyan javíts a termékoldalaidon, hogy több konverzió legyen

 

webáruház marketing csatornák

 

Youtube SEO

A legnépszerűbb videómegosztót a Google üzemelteti, természetes tehát, hogy kihasználhatod a keresőoptimalizálásban rejlő lehetőségeket is.

Ehhez figyelned kell arra, hogy

  • a videó címébe belefoglald a legfontosabb kifejezéseket, kulcsszavakat,
  • hogy egyedi és informatív leírást készíts a videóhoz, amelyben szintén megtalálhatóak lehetőleg a long-tail és LSI kulcsszavak,
  • a leírásban linkelj a termék oldalára, amelyet bemutatsz, és a videóban mondd is el, hogy ott a hivatkozás: az átkattintások hasznosak a linképítésben,
  • használj címkéket (tag), hogy így csalogasd magadhoz a videókat böngésző felhasználókat,
  • mérd fel, hogy a közönséged milyen hosszú videókat szeret fogyasztani, és aszerint készítsd el azokat, hogy többen nézzék végig őket,
  • helyezz el hivatkozásokat releváns tartalmaidra a videón belül is.

 

A nagyon releváns és népszerű YouTube videók akár a Google találati listájának első oldalán is megjelenhetnek, természetesen képpel együtt – anélkül, hogy egy forintot is fizetned kellene ezért az előkelő helyezésért, amely rögtön magára vonja a figyelmet.

 

tips Milyen videós tartalmakat érdemes készítened?:

Webáruházad célközönségétől függ elsősorban, hogy milyen tartalmak érdekelhetik őket elsősorban.

Edukációs: mutasd be vizuálisan, hogy egy-egy termék hogyan készül, hogyan kell használni, hogyan kell kijavítani az esetleges hibákat – vagy egyáltalán mire jó. A lényeg, hogy értékes információkat adj át azoknak, akiket érdekelhet a termék.

Problémamegoldó: útmutatók, melyekben bemutatod, hogyan oldhat meg a célközönség egy problémát, mondjuk a terméked használatával, de nem kizárólag.

Szakértői interjúk: olyan tartalmak, amelyek a szakmailag érdeklődő közönséget érhetik el.

Termékbemutatók: olyan videó, amely nem reklámként, hanem szórakoztató és hasznos módon mutatja be és adja el a terméket.

 

Twitter: indíts diskurzust!

Magyarországon ugyan kevésbé népszerű a szolgáltatás, mint pl. az angolszászoknál, ennek ellenére adott célközönségeknél jól működhet, ha beszélgetéseket, diskurzust akarsz elindítani.

A Twitter remekül használható arra, hogy láthatóságodat növeld a piacon, és ezzel építsd a brandedet: ha olyan beszélgetéseket kezdeményezel, amelyek megmozgatják a közösséget, könnyen tematizálhatod is azokat.

Megteheted azt, hogy egyes felhasználókat szólítasz meg (véleményvezéreket például) egy üzenettel. Feltehetsz nyílt végű kérdéseket, amelyekre a közönséged lelkesen válaszolhat. Figyelheted a számodra releváns beszélgetéseket, és ezzel értékes információkat gyűjthetsz arról, milyen problémái vannak a közönségednek, hogyan igyekeznek megoldani őket, milyen stílusban kommunikálnak és így tovább.

Saját csatornádon pedig lehetőleg érdekes, kreatív és releváns tartalmakat ossz meg, ahogyan a Facebook esetében is: lehetőleg olyasmit, ami valamilyen formában interakcióra buzdít.

 

Pinterest: interaktív katalógusod

A Pinterest-tel viszonylag keveset foglalkoznak a magyar cégek, pedig aktív felhasználói bázisa nagyobb, mint a LinkedIn-é és a Twitter-é (nagyjából 780 ezer magyarral).

Itt a vizualitásé a főszerep:

a Pinteresten: olyan tartalmakat osztanak meg az emberek, amelyek elsősorban gyönyörködtetnek, vizuális gegeket alkalmaznak vagy éppen infografika formájában adják át az információkat.

Remek felület ez arra, hogy a webshop akár katalógust készítsen a termékeiből – egy interaktív, esztétikus és megosztható katalógust.

Akár kész termékoldalakat is készíthetünk itt, a képek mellett előnyökkel, funkciókkal, árral.

Érdemes külön táblát (board) létrehozni a testimonialoknak, vásárlói véleményeknek is, amelyek népszerűek lehetnek a megosztók körében és megerősítik a cégünkkel szemben érzett bizalmat.

Versenyeket is szervezhetünk itt: arra kérhetjük a felhasználókat, hogy osszanak meg bizonyos tartalmakat, használják a megfelelő címkéket és hashtag-eket, ezzel népszerűsítve minket, termékeinket, valamilyen nyereményért cserébe.

 

Legyen képed hozzá: Instagram

Az Instagram az a felület, ahol átadhatjuk az érzést, hogy milyen egy-egy terméket használni. Anélkül, hogy reklámnak tűnnének megosztásaink, úgy népszerűsíthetjük azokat, hogy kedvet csinálunk a megvásárlásukhoz.

Egy ruhákat árusító webáruház például kiválóan használhatja a felületet egyszerűen úgy, hogy megszokott élethelyzetekbe helyezik modelljeiket és a termékekkel együtt fotózzák őket, azokat állítva diszkréten a középpontba.

Az Instagram népszerűsége egyre csak növekszik, nem véletlenül, hiszen egy nagyon egyszerű eszköz arra, hogy életünket, mindennapjainkat dokumentáljuk, létrehozzuk a fotóalbum modern változatát – ezt pedig a webshop is kihasználhatja.

A cél az, hogy olyan fotókat tegyünk közzé, amelyek pozitív reakciót váltanak ki és könnyen elterjedhetnek – a motiváló, inspiráló gondolatok és vizuális elemek különösen népszerűek.

Igen fontos, hogy jól használjuk a hashtag-eket, mert az Instán ezzel növelhetjük leghatékonyabban a láthatóságot.

 

Hogyan használd az Instagram-ot?

  • Pozitív, inspiráló üzeneteket, termékfotókat publikálj, akár vízjellel ellátva (lehetőleg ezzel nem rontva a felhasználói élményt), hogy így is láthatóvá tedd branded.
  • Futtass versenyeket, nyereményakciókat, ha a te hashtag-eddel jelölik meg a fotóikat a felhasználók vagy éppen a te termékeiddel fényképezkednek.
  • Teszteld a közönséged: az általános gyakorlat szerint naponta néhány alkalommal posztolhatsz, de az aktivitás attól is függ, hogy milyen közönséggel akarsz kommunikálni.

 

A kihasználatlan Tumblr

A Tumblr-en nemcsak egyszerűen láthatóságot növelhetsz és tartalmakat oszthatsz meg, linképítésre is remekül alkalmas a felület. A Tumblr-es marketing hasonló az Instagram-oshoz, annyi különbséggel: az egyszerű üzenetekre és nagyrészt a vizuális tartalmakra épít.

 

Válassz egy konkrét témát

A Tumblr-en vezetett blogok általában nagyon specifikusak, neked is érdemes tematizálni saját tartalomfolyamodat.

Ajánlott előre elkészítened legalább 10-20 posztot, így megerősítheted a témát, felépítheted a tartalmi bázist, akár egy blog esetében, ahol szintén ajánlott előre feltöltened néhány poszttal az adatbázist – így az először rád találó felhasználókat könnyebben veheted rá, hogy kövessenek, mert nem csak egy bizonytalan megosztást látnak tőled, hanem tudni fogják, hogy rendszeresen publikálsz (és azt is, hogy mit).

Az itt futtatott mikroblogok egyszerűek, a tartalom dominál. Épp ilyen könnyen fel is tölthetünk bármit, a használat egyszerű, akár a Twitter-nél, azt leszámítva, hogy itt többféle tartalmat is publikálhatunk: szöveget, képet, gif-et, audioanyagokat, videókat, idézeteket.

 

Tumblr és SEO

A platform a rangsorolásban is a segítségedre lehet. Ha ügyesen használod a keresőkifejezéseket és az értékes tartalmakat, könnyű szerrel szerezhetsz jó helyezést a találati oldalakon.

Hivatkozásokat is elhelyezhetsz termékoldalaidra és más tartalmaidra, ezzel – és a megosztásokkal – erősítve webáruházad linkprofilját.

 

Webáruház és keresőmarketing: hogyan rangsorolj jól?

 

Említettünk már néhány praktikát, hogy a közösségi oldalak segítségével hogyan erősítheted meg pozíciódat a keresőkben. Adunk néhány tippet, hogy ezen túl mivel kerülhetsz még feljebb a találati listákon.

 

Használd az árösszehasonlító oldalakat

Ma már hazánkban is rendkívül népszerűek azok az oldalak, amelyek segítenek a felhasználóknak jobb áron megtalálni a terméket, amit keresnek. Azok a termékek, amelyek itt megjelennek, nagyobb eséllyel rangsorolnak jól, tekintve, hogy ezek az oldlalak eleve nagyon erős helyezéssel bírnak.

Itthon az Árgép, az Árukereső, az Olcsóbbat.hu a legnépszerűbbek, ha pedig külföldi piacra célzol, érdemes a nemzetközi összehasonlító oldalakon megjelenned termékeiddel. Vannak ingyenesek, illetve olyan oldalak is, ahol fizetned kell a megjelenésért: ilyenek a Google Shopping, a Price Grabber vagy éppen a Shopzilla és az Amazon Product Ads.

Biztosat csak akkor tudhatsz, ha kipróbálod, hogy melyik hogyan működik a számodra, de ha megtalálod a jót, szinte biztosan megtérülő befektetésről van szó, hiszen a több organikus találat segítségével több vásárlást generálhatsz.

 

webáruház marketing keresőptializálás

 

Helyezd magad a Google Helyek-re

A Google Helyek (Google Places) lehetőséget kínál arra minden üzletnek, hogy saját oldalt hozzon létre, amely a Google találati oldalain is megjelenik majd a lokális találatok között.

Persze kérdés, hogy egy e-kereskedelmi weboldal mit adjon meg helyként? Hiszen fizikai üzlet a legtöbb esetben nincsen mögötte.

Lehet ez az áruátvétel helye, a postafióké vagy akár az üzemeltetőé: a lényeg az, hogy létezzen az oldalunk, mert így aki Budapesten keres rá egy a miénkhez hasonló webáruházra, nagyobb eséllyel köt ki nálunk.

 

Keresőoptimalizáld a webáruházadat

Nemrég alaposan kiveséztük a webáruház termékoldalainak keresőoptimalizálását, ezért erről most csak címszavakban beszélünk. (Lásd: Így optimalizálhatod termékoldalaidat (konkrét tippek és kritériumok)

Ha azt akarod, hogy a Google és más keresőmotorok előnyben részesítsenek a konkurenciához képest, nem elég a megfelelő kulcsszavakat használnod.

  • Eredeti és releváns, de főleg egyedi tartalommal kell oldalaidat feltöltened.
  • Meg kell adnod a metaadatokat, figyelve a long tail kifejezésekre is.
  • Multimédiás tartalmakat is használnod kell: a videók, mint azt már a YouTube-nál említettük, jól rangsorolnak.
  • Oda kell figyelned linkprofilodra: hogy ki és honnan hivatkozik rád, és kerülnöd a black hat, vagyis a Google által tiltott technikákat.

 

Figyeld az analitikát

Az adatelemzésnél hasznosabb tevékenységet nem is végezhetsz: már csak egyszerűen a Google Analytics integrálásával is rengeteg olyan mérőszámot figyelhetsz, amelyek segítenek neked hatékonyabbá tenni az oldaladat.

 

tips Néhány tipp, hogy mit kell figyelned::

  • Lepattanási arány: ha túlságosan magas, az azt jelenti, hogy olyan közönség érkezik az oldaladra, akik számára nem ideális az ajánlatod – vagy nem kommunikálod azt jól az oldalon. Ilyenkor érdemes megnézned, jól csatornázod-e a látogatókat és megfelelő üzenetet közvetítesz-e.
  • Exit rate: az oldalelhagyók azok, akik az oldaladon maradnak, elolvassák az ajánlatot is, de végül nem konvertálnak. Ha ilyen emberből sok van, az azt jelentheti, hogy az ajánlatod releváns, de nem elég meggyőző – baj lehet a sales szöveggel, de akár az oldal felépítésével is, mert lehet, hogy egyszerűen túl bonyolult nálad rendelni. (Ilyenkor érdemes hőtérképes vizsgálatot is készíteni.)
  • Legnépszerűbb oldalak: figyeld, melyik oldalakra érkezik a legtöbb látogató organikusan, hol a legnagyobb a konverzió. Ezeket az oldalakat tekintsd mintának, és ezeket helyezd előtérbe a megfelelő csatornákon, ha maximalizálni akarod a bevételed.
  • Vásárlói viselkedés: figyeld, hogy az oldaladra látogatók, a vásárlók hogyan viselkednek. Hány oldalt tekintenek meg egy látogatás alkalmával, mennyi időt töltenek el az egyes aloldalakon, hová kattintanak, az oldal mely részén lépnek ki, ha így tesznek.

A mérőszámokról, amelyet figyelned kell, ebben a cikkünkben olvashatsz bővebben: Mit kell mérned, ha webáruházat üzemeltetsz, és hogyan javíthatod az eredményeket?

 

Optimalizálj mobilra

Röviden szólunk erről is, hiszen mára mindenkinek evidens kell legyen. A keresési találatokban csak azoknak az oldalaknak van esélyük jó helyezést elérni, amelyek mobilbarátak: úgy jelennek meg az okoseszközökön, hogy a felhasználók számára a használat, navigáció, tartalomfogyasztás kényelmes, egyértelmű és gyors legyen.

Emellett érdemes arra is figyelni, hogy a tartalmaidat mobil-optimalizáld: ha rákeresnek egy adott terméktípusra, a te videóid, bejegyzéseid, termékoldalaid bukkanjanak fel a találati listákon.

 

Szerezz értékeléseket

A termékoldali keresőoptimalizálásnál szóltunk arról is, hogy mennyire fontos a vásárlói értékelések használata. Ezek folyamatosan frissülő tartalomként jelennek meg, de akár közvetlenül is kijelezheti őket a Google (mondjuk csillagok, számok formájában) a találati oldalon közvetlenül a cím alatt, így megerősíthetik a pozíciódat, növelhetik a vásárlók beléd vetett bizalmát.

 

Linképítés: turbózd fel a SEO-t, légy látható, szerezz organikus forgalmat

A linképítés még ma is nagyon is élő technika: mindössze valamivel komplexebbé vált, ma már ugyanis a tartalommarketing biztosítja az üzemanyagát. Ha értékes tartalmakat gyártasz, és azokat megosztják, az segít erősíteni a linkprofilodat. Ha linkkatalógusokba erőlteted be a hivatkozásaidat anélkül, hogy egyedi, releváns tartalmat is helyeznél melléjük, akkor viszont a Google meg fog büntetni: ez ilyen egyszerű.

 

De hogyan ösztönözheted, hogy beszéljenek rólad?

A közösségi platformokról beszéltünk már: a Google már jó pár éve figyeli a közösségi megosztásokat és algoritmusa értékeli, ha minél többen publikálják bejegyzéseidet.

Hasznos infó:

Bár a Google+ aktív felhasználóinak száma jóval alacsonyabb, mint a többi hasonló közösségi oldalé, a Google (mivel a saját szolgáltatásukról van szó) erősebbnek értékeli az itt megjelenő megosztásokat, s még a találati oldalakon is megjeleníti azokat.

 

Kérj értékeléseket oldaladról!

Most nem a testimonialokról beszélünk: keress fel szakmai fórumokat, és kérd arra a szakértőket, hogy értékeljék az oldaladat, adjanak róla véleményt.

Egyrészt természetesen rengeteg hasznos információhoz juthatsz így arról, hogy min kellene még javítanod, hogyan optimalizálhatod tovább az oldaladat, hogy jobb felhasználói élményt adj és magasabb konverziót érj el.

Másrészt viszont a hivatkozásod is megjelenik, ha szerencséd van, a válaszadók is hivatkoznak oldaladra, mikor tanácsot adnak.

Ezek a hivatkozások pedig nagyon erősek lesznek, ugyanis rengeteg egyedi és releváns tartalom között, erős oldalakon kapnak helyet.

 

Helyezd el a hivatkozásodat az aláírásodba

Ha aktív vagy szakmai fórumokon vagy olyan közösségi oldalakon, ahol a posztjaid, hozzászólásaid alatt az aláírás is megjelenik, akkor ebbe mindenképpen foglald bele a webáruházad linkjét: minden egyes megjelenés helyet kap linkprofilodban, megerősítve azt, ráadásul ebben az esetben is mindig egyedi tartalommal karöltve.

Nem csak a főoldaladat erősítheted így: releváns tartalmat is linkelhetsz, amelyre valóban rá is kattintanak a felhasználók, így például egy jól megszerkesztett, az adott közönségre célzott csaliterméket, mint egy e-bookot.

 

Ahol csak tudod, említsd a márkaneved (brand mention)

Nem kifejezetten linképítési technika, mégis hasznodra van a keresőoptimalizálásban. Ha a márkaneved többször jelenik meg releváns kontextusban, azt a Google is értékeli, már csak a Látens Szisztematikus Indexelés (LSI) miatt is, amely segít szinonimaszótárat építeni a keresőmotor algoritmusának, és jobban megérteni, adott kontextusban mire utalnak egyes kifejezések, nevek.

Ha Amazonon vagy eBayen értékesítesz, mindenképpen szerepeltesd a brandet a termékoldalaidon, a termékleírásokban! Ily módon az ott vásárlók fejében is összekapcsolhatod brandedet a termékekkel, és legközelebb talán már közvetlenül rád keresnek majd.

Az ilyen oldalakon üzemeltetett boltjaidnak mindig ugyanazt a nevet add, mint saját külön weboldaladnak, használd a logódat is, és igyekezz konzisztens élményt nyújtani: ha lehet, dizájnelemekkel és tartalommal egyaránt.

Ha pedig a weben valahol úgy említenék meg a brandedet, hogy nem hivatkoznak rád, kérd meg erre a publikáció gazdáját, adj neki egy hivatkozást, amit szívesen látnál elhelyezve az oldalon. Ha vonakodik, esetleg cserébe magad is felajánlhatsz neki egy említést. (A brandemlítések követésére online ingyenesen elérhető eszközök garmadáját használhatod, amelyek az új említések megjelenésekor értesítenek is, akár a Google Alerts.)

 

Bloggerek és véleményvezérek

Keress fel már kiépített közönséggel bíró tartalomgyártókat, és ajánld nekik saját tartalmaidat, vagy éppen kérd fel őket valamilyen együttműködésre, ami mind a kettőtöknek előnyös lehet. Nagy látogatottságú blogjaikon egy-egy hivatkozás is rendkívül értékes lehet neked, nagy hasznára van a linkprofilodnak, és ezzel együtt számos látogatót is hozhat.

Vendégblogolással is kitűnhetsz:

szakmai tartalmakat publikálhatsz releváns oldalakon, ahol a szerzőnél szintén szerepeltetik majd az általad megadott oldal linkjét (nem mellesleg ezzel személyes brandedet is megerősítheted).

 

Büdzsémentes promóciós ötletek

Egy frissen induló webshopnál feltételezhetjük, hogy nem állnak rendelkezésre nagyobb összegek hirdetésre, kampányok futtatására – az online marketingnek hála azonban szerencsére teljesen ingyenesen is megoldhatod üzleted népszerűsítését.

Használd az alábbi néhány trükköt, és egy forintot sem kell pluszban költened arra, hogy a felhasználók szeme elé kerülj és megnöveld a konverziódat.

 

webáruház marketing pénz nélkül

Hagyd életben a malacot! Rengeteg ingyenes marketingeszköz közül válogathatsz.

 

1. Adj valamit megosztásokért cserébe

Ha büdzséd nincs is, egy-egy ingyenes terméket bármikor felajánlhatsz (hacsak nem sokmilliós sportkocsikat árulsz – de akkor nem ebből a cikkből szereznél ötleteket).

Ajánlj fel egy ingyenes terméket azért cserébe, ha a felhasználók a közösségi csatornákon hozzád kapcsolódó tartalmakat osztanak meg, a te hivatkozásaidat terjesztik, olyan hashtag-eket használnak, amelyek hozzád kapcsolhatóak.

A nyereményakciók persze sokak számára eleve gyanúsak, ezért érdemes a felhívást testimonialokkal, felhasználói véleményekkel megerősítened, és már az első akció után erőteljesen kommunikálnod azt, hogy a nyertes valóban megkapta nyereményét.

 

2. Próbálkozz a virális tartalmakkal

A tartalomgyártás nincs ingyen, hiszen időt és energiát kell belefektetned – ez azonban bőségesen megtérülhet, ha sikerül valamilyen virális tartalmat készítened, amelyet kompenzáció nélkül is megosztanak az emberek.

Ebben az esetben a megosztásért cserébe te az élményt vagy értéket adod: egy kalkulátort, amellyel kiszámolhatnak valamilyen számukra fontos dolgot (pénzügyi termékeknél például ezek népszerűek), vagy valamilyen szórakoztató jellegű, humoros tartalmat.

Hogy mi a virális, azt reálisan kell tekintened: ha szűk a célpiacod, akkor nem kell százezres nagyságrendű megosztásokat várnod ‒ elegendő az is, ha a szakmai közösségben, a releváns célcsoporton belül sokan megismerik a neved, ha megjelensz a neked fontos platformokon és fórumokon.

 

3. Affiliate marketing: használd ki a viszonteladást

Ha neked nincsen pénzed hirdetni, szervezd ki a terjesztést. Hozz létre egy viszonteladói programot, amelyben a tényleges vásárlások után bizonyos százalékot a bevételből annak adsz, akinek az eladás köszönhető.

Fejlesztői szempontból számos különféle megoldás létezik egy ilyen program megvalósítására: érdemes webáruházad útmutatóit átböngészned, milyen kész megoldásokat használhatsz fel.

Miért hasznos ez neked?

Elsősorban azért, mert nincsenek azonnali költségei: lemondasz ugyan a bevételed egy részéről, ugyanakkor forgalmat generálsz, s a korábban már nálad vásárlókat utólag, amikor a hirdetésre már büdzsét különítesz el, sokkal kisebb befektetéssel bírhatod rá újra a konverzióra. Emellett pedig a nevedet is többen megismerik majd és értékes partnereket szerezhetsz.

 

4. Használd ki a tartalom erejét

A tartalommarketing magasabb szinten már komoly elkülönített költségvetést követelhet meg, a kezdetekben azonban te magad is gyakorolhatod, s ebben a fent részletezett közösségi média felületek lesznek a segítségedre: a segítségükkel ugyanis ingyenesen terjesztheted a tartalmaidat.

 

Milyen tartalmakat készthetsz könnyedén kezdőként is?

  • Forgathatsz videókat, amelyeket feltöltesz a YouTube-ra, tippeket adva, bemutatva termékeidet és így tovább.
  • Írhatsz blogot, ahol történetmeséléssel adod el a termékeidet, útmutatókat, részletes szakmai anyagokat írsz, vagy éppen trendeket elemzel.
  • Készíthetsz infografikákat (erre léteznek online ingyenes megoldások is, rengeteg template közül válogathatsz a megfelelő oldalakon), s ezeket megoszthatod Instagram-on, de még inkább Pinterest-en.
  • Kiadhatsz sajtóközleményt, ha valamilyen akcióba kezdesz. Ha ezt eléggé érdekesen fogalmazod meg, akkor néhány nagyobb megjelenést könnyen szerezhetsz magadnak.
  • Az influencer marketing segítségével terjesztheted a tartalmakat: jobban sikerült tartalmaiddal véleményvezéreket, iparági szakértőket kereshetsz fel, azokat felajánlva nekik, mint hasznos anyagot, s kis szerencsével kapsz is néhány megosztást – ezzel pedig rengeteg új látogatót.

 

Végső konklúzió: a népszerűsítés nem drága, de kemény munka

Ha most indítottad el webshopodat, akkor sem kell kétségbe esned: anélkül szerezhetsz magadnak rövid úton követőket, megosztásokat, látogatókat és végül vásárlókat, hogy akár egy forintot is ráköltenél bármilyen kampányra.

De ez nem azt jelenti, hogy nem kell kampányban gondolkodnod. Az online platformok és eszközök kimeríthetetlen lehetőségeket kínálnak a népszerűsítésre, de tudatosan kell ezeket használnod, a tartalmak előállításába és terjesztésébe pedig az elején, amíg ki nem tudod szervezni az ilyen munkákat, rengeteg munkaórát fektetned.

Ez már csak azért sem baj, mert később pontosan tudni fogod, hogy milyen mérőszámokat kell figyelned, hogy mitől jó egy tartalom, és hogy megfelelően zajlik-e a terjesztés: vagyis nagyobb rálátásod lesz a munkafolyamatokra.

Addig is pedig kezdd el kihasználni a kétirányú webes kommunikációt, végy részt a diskurzusban, és irányítsd aktívan a beszélgetéseket, hogy azok végre rólad szóljanak – ebben fenti tanácsaink lesznek a segítségedre.

 

Magento (1.9) EAV a gyakorlatban (frontend)

A Magento alatt ez a következőképpen néz ki: 

  • entity tábla (meghatározza az entity-t)
  • attribute tábla (meghatározza a tulajdonságot, annak típusát, egyéb opciókat, pl.: source model, type, input, label)
  • value tábla (ez valójában típusonként szét van választva, többek között az indexelhetőség, keresés miatt pl.: catalog_product_entity_int, catalog_product_entity_varchar stb.)

A tulajdonságokat tárolhatnánk a fő-táblában is, nem?

Az EAV adatmodellben az elemekhez való új tulajdonságok felvitele során nem kell az eredeti entity táblát módosítani, így egyrészt elkerülhetők a túl nagy táblák, ezzel a lekérdezések sebessége is gyorsabb lesz, másrészt pedig a listáknál a felesleges adatok nem jelennek meg, csak amelyeket mi hozzáadunk a collection-höz. A cikk során egy modult fogunk készíteni, admin és frontend felülettel, EAV megoldással.

Miután a webáruházunkat feltelepítettük a szerverre, és konfiguráltuk azt (base url, database name, database user stb.), minden megjelenik rendeltetésszerűen, elkezdjük a fejlesztést.

Modulunk definilásához, az app/etc/modules könyvtárban kell létrehozni egy a module nevével megjelölt xml fájlt. Az én esetemben ez az Aion_Items.xml, a codePool pedig local, de a community codePool-ban is elhelyezhetnénk.

Az xml a következőképpen néz ki:

 

<?xml version="1.0"?>
<config>
    <modules>
        <Aion_Items>
            <active>true</active>
            <codePool>local</codePool>
            <depends>
                <Mage_Core/>
            </depends>
        </Aion_Items>
    </modules>
</config>

 

Ez még nem elég, a module még cache-ürítés után sem fog megjelenni, az admin-felület modul-listájában sem. A következő lépés, hogy az xml-ben definiált modult, a codePool-ban megadott könyvtárban létrehozzuk. Ez ebben az esetben, az app/code mappában jelent egy local könyvtárat (amennyiben még nem létezik), azon belül egy Aion/Items mappaszerkezetet. Tehát a végső elérésünk ebben az esetben app/code/local/Aion/Items.

module_path

 

A következő lépésekben a fő irányadók az általános modulkészítés szabályai, pár eltéréssel. Ha nem jut eszedbe éppen valami, nem szégyen puskázni a Magento core modulok tartalmából :)

Hozzuk létre a modul config.xml fájlt. Haladjunk lépésről lépésre:

 

<?xml version="1.0" encoding="UTF-8" ?>
<config>
    <modules>
        <Aion_Items>
            <version>0.0.1</version>
        </Aion_Items>
    </modules>
</config>

 

Definiáljuk a modellek, resource modellek elérhetőségét, illetve az entity táblá(ka)t a modulunknak. Folytatólagosan a </config> node elé helyezzük el a következőket, közvetlenül a </modules> node után:

 

<global>
    <models>
        <aion_items>
            <class>Aion_Items_Model</class>
            <resourceModel>aion_items_resource</resourceModel>
        </aion_items>
        <aion_items_resource>
            <class>Aion_Items_Model_Resource</class>
            <entities>
                <article>
                    <table>aion_items_article</table>
                </article>

 

Nem zártuk még le az <entities> node-ot, továbbra is ezen belül maradunk, és meghatározzuk a többi, EAV adattáblát, típusonként:

 

            <article_datetime>
                <table>aion_items_article_datetime</table>
            </article_datetime>
            <article_decimal>
                <table>aion_items_article_decimal</table>
            </article_decimal>
            <article_int>
                <table>aion_items_article_int</table>
            </article_int>
            <article_text>
                <table>aion_items_article_text</table>
            </article_text>
            <article_varchar>
                <table>aion_items_article_varchar</table>
            </article_varchar>
            <article_char>
                <table>aion_items_article_char</table>
            </article_char>
        </entities>
    </aion_items_resource>
</models>

 

Majd pedig a helper-ek, block-ok elérése, definiálása következik:

 

<helpers>
    <aion_items>
        <class>Aion_Items_Helper</class>
    </aion_items>
</helpers>
<blocks>
    <aion_items>
        <class>Aion_Items_Block</class>
    </aion_items>
</blocks>

 

Most, hogy a tábláink létre is jöjjenek, szükség lesz az erőforrások megadására, ami az installer és adatbázis-kapcsolat meghatározását jelenti, folytatólagosan a </blocks> alá tehetjük, de az számít, hogy ezek egy szinten legyenek.

 

        <resources>
            <aion_items_setup>
                <setup>
                    <module>Aion_Items</module>
                    <class>Aion_Items_Model_Resource_Setup</class>
                </setup>
            </aion_items_setup>
        </resources>
    </global>
</config>

 

Láthatóan le is zártam a node-okat, a következő lépések az alap helper (ez nagyon fontos(!), e nélkül nem fog működni a modulunk), majd a modellek létrehozása lesz. Az xml-ben megadottak szerinti helyen kell ezeket létrehozni. A modelleket tehát az Aion/Items/Model, a helper-t pedig az Aion/Items/Helper mappában.

A modulhoz tartozó default helper a Data nevet viseli minden esetben, a

Mage::getHelper(‘aion_items’) ezt próbálja meg példányosítani amely egyenértékű a Mage::getHelper(‘aion_items/data’) hívással.

Helperünk tehát az Aion_Items_Helper_Data osztálynevet, Data fájlnevet viseli, és a Mage_Core_Helper_Abstract osztályból származtatjuk.

Hozzuk létre a modelleket, és resource modelleket!

Az <entities> alatt az article-t határoztuk meg, így legyen a modellünk is ez, hozzuk létre az

  • Aion_Items_Model_Article
  • Aion_Items_Model_Resource_Article
  • Aion_Items_Model_Resource_Article_Collection osztályokat.

Mivel EAV adatmodell mellett döntöttünk, így nem a szokásos Mage_Core_Model_Resource_Abstract, és Mage_Core_Model_Resource_Db_Collection_Abstract osztályokból származtatjuk ezeket, hanem az eddigiek sorrendjében a következő osztályokból:

  • Mage_Eav_Model_Entity_Abstract
  • Mage_Eav_Model_Entity_Collection_Abstract

A resource model-ben van még egy kis változás:

 

class Aion_Items_Model_Resource_Article extends Mage_Eav_Model_Entity_Abstract
{
const ENTITY = ‘aion_items_article’;

public function __construct()
{
$this->setType(self::ENTITY)
->setConnection(‘core_read’, ‘core_write’);
}
}

 

Nem véletlenül maradt ki a felsorolásból az első modell (Aion_Items_Model_Article). Ezt továbbra is a Mage_Core_Model_Abstract osztályból származtatjuk, nincs változás. Ha megvannak a modellek, még az installer osztályt kell létrehozni. Ezt már szintén megadtuk a modul alap-konfigurációs fájljában (Aion_Items_Model_Resource_Setup). Hozzuk létre a megfelelő helyen, tartalma pedig legyen a következő:

 

class Aion_Items_Model_Resource_Setup extends Mage_Eav_Model_Entity_Setup
{
    public function getDefaultEntities()
    {
        $entityAttributes = array(
            Aion_Items_Model_Resource_Article::ENTITY => array(
                'entity_model' => 'aion_items/article',
                'attribute_model' => '',
                'table' => 'aion_items/article',
                'attributes' => array(
                    'name' => array(
                        'type' => 'varchar',
                        'label' => 'Name',
                        'input' => 'text',
                        'global' => 0,
                        //this set the attribute to store entity data separated to every store not globally
                        'visible' => true,
                        'required' => true,
                        'user_defined' => true,
                        'visible_on_front' => true
                    ),
                    'customer_id' => array(
                        'type' => 'integer',
                        'label' => 'Customer',
                        'input' => 'select',
                        'global' => 1,
                        'visible' => false,
                        'required' => true,
                        'user_defined' => true,
                        'visible_on_front' => false,
                        'source' => 'aion_items/article_attribute_source_customer'
                    ),
                ),
            )
        );

        return $entityAttributes;
    }
}

 

Ezeket a tulajdonságokat fogja létrehozni a telepítő lefutáskor az entity típushoz. A fenti tulajdonság opciókon felül, természetesen van más lehetőség is, de mivel ezek jelen esetben nem térnek el default értékeitől, nem szükséges megadni.

A customer_id tulajdonságnál látható, hogy megadtuk a source opciót, így ehhez szükségünk lesz egy source modellre. Hozzuk létre tehát a megadott helyen és néven, az app/code/local/Aion/Items/Model/Article/Attribute/Source mappában a Customer.php fájlt, tartalma pedig legyen a következő:

 

class Aion_Items_Model_Article_Attribute_Source_Customer extends Mage_Eav_Model_Entity_Attribute_Source_Table
{
    public function getAllOptions()
    {
        if (!$this->_options) {
            $customers = Mage::getResourceModel('customer/customer_collection')
                ->addAttributeToSort('lastname', 'ASC')
                ->addAttributeToSort('firstname', 'ASC');
            foreach ($customers as $customer) {
                $name = [$customer->getFirstname(), $customer->getLastname()];
                $this->_options[] = ['value' => $customer->getId(), 'label' => join(' ', $name)];
            }
        }
        return $this->_options;
    }
}

 

Ahhoz, hogy ezek után létrehozzuk a táblánkat, már csupán az installerünk kell létrehozni. Ezt a saját modulunk alatti sql, azon belül pedig a <resources> node alatt definiált mappában kell megtenni. Mivel ebben az esetben ez az <aion_items_setup>, így a mappa is  aion_items_setup lesz.

A modulunk config.xml fájljában korábban megadtuk a verziót, <version> node-ban, ez lesz az installer-ünk verziószáma. Hozzunk létre tehát egy install-0.0.1.php fájlt az app/code/local/Aion/Items/sql/aion_items_setup mappában.

Ennek a tartalma a következő:

 

try {
    $this->startSetup();
    $this->createEntityTables('aion_items/article');
    $this->addEntityType(Aion_Items_Model_Resource_Article::ENTITY, [
        'entity_model' => 'aion_items/article',
        'attribute_model' => '',
        'table' => 'aion_items/article',
        'increment_model' => '',
        'increment_per_store' => '0'
    ]);

    $this->installEntities();
    $this->endSetup();
} catch (Exception $e) {
    Mage::logException($e);
}

 

Ha ezzel megvagyunk, készen áll a modul a telepítésre. Mielőtt azonban lefuttatnánk, nézzük meg a mappa- és fájlszerkezetünket, mely a következőképpen néz ki:

 

files_in_module_1

 

 

Hogy modulunk installer-e lefusson, az admin felületen System -> Cache management menüpont alatt, ürítsük a cache-t. Amennyiben sikeresen lefutott az installer, a következő táblákat kell látnunk az alap táblákon felül az adatbáziskban.

 

eav_tables

 

 

Hogy biztosra menjünk, kapcsoljuk be a logolást az admin-felületen az installer futtatása előtt, illetve utána nézzük meg a var/log mappát, exception.log vagy system.log fájlok találhatóak-e benne. Ezenfelül az eav_attribute táblában az attribute_id szerint csökkenőbe rendezve láthatjuk, hogy a customer_id, és name jellemzőink létrejöttek-e, illetve mellette az entity_id mezőben láthatjuk, hányas ID-t kapta az új entity típusunk. Rákattintva meg is tekinthetjük azt.

Ha eddig minden rendben zajlott, csináljunk egy frontend oldalt a modulunknak, hogy letesztelhessük, minden helyesen működik-e. A <global> node alatt, de még a </config> node előtt helyezzük el a következő kód-blokkot:

 

<frontend>
    <routers>
        <aion_items>
            <use>standard</use>
            <args>
                <module>Aion_Items</module>
                <frontName>aionitems</frontName>
            </args>
        </aion_items>
    </routers>
</frontend>

 

A frontend oldali megjelenítéshez szükségünk van még layout, controller, block, és template fájlra. Ugyan ezen <frontend> node alá helyezzük el a layout fájl definiálását:

 

<layout>
    <updates>
        <aion_items>
            <file>aion/items.xml</file>
        </aion_items>
    </updates>
</layout>

 

Ezek után a fájlt hozzuk létre annak helyén (app/design/frontend/rwd/default/layout). Fontos, hogy a modulunkhoz tartozó alap template fájlokat mindig a témához tartozó default alatti layout könyvtárban hozzuk létre, hogy a későbbi módosításkor annak másolatán, ne pedig az eredeti fájlon hajtsanak végre módosításokat. Ugyanez érvényes a template fájlokra is.

 

<?xml version="1.0"?>
<layout version="0.1.0">
    <aion_items_index_index translate="label">
        <label>Aion Items</label>
        <reference name="root">
            <action method="setTemplate"><template>page/1column.phtml</template></action>
        </reference>
        <reference name="content">
            <block type="aion_items/list" name="aion.items.list" as="aion_items_list" template="aion/items/index.phtml"/>
        </reference>
    </aion_items_index_index>
</layout>

 

Ha ez is megvan, jön a template fájl és a block. Template fájlnak az xml-ben az aion/items/index.phtml-t jelöltük meg, így egy szinttel fentebb, az app/design/frontend/rwd/default/template/aion/items mappában helyezzük el az index.phtml fájlt, majd az app/code/local/Acion/Items/Block könyvtárban helyezzünk el egy List.php fájlt amelynek tartalma a következő legyen:

 

class Aion_Items_Block_List extends Mage_Core_Block_Template
{
    /**
     * @return \Aion_Items_Model_Resource_Article_Collection
     * @throws \Mage_Core_Exception
     */
    public function getArticleCollection()
    {
        $articles = Mage::getModel('aion_items/article')->getCollection()
            ->addAttributeToSelect('*');

        return $articles;
    }
}

 

Most térjünk vissza az index.phtml template fájlra, és egyelőre legyen a következő a tartalma:

/** @var Aion_Items_Block_List $this */
$articles = $this->getArticleCollection();
Zend_Debug::dump($articles->getData(),'articles');

 

Hogy megjelenjen a collection tartalma, már csak egy controller-re van szükségünk, hozzuk létre az IndexController.php fájlt az app/code/local/Aion/Items/controllers mappában, az alábbi tartalommal:

 

class Aion_Items_IndexController extends Mage_Core_Controller_Front_Action
{
    /**
     * @return $this
     */
    public function indexAction()
    {
        $this->loadLayout();
        $this->renderLayout();

        return $this;
    }
}

 

Ezután ismét ürítsük a cache-t az admin-felületről, és a frontenden hívjuk meg a modulunkhoz tartozó url-t (a példabeli esetben ez a /aionitems/ ami egyenértékű a /aionitems/index/index/ hívással). Ha minden jól ment, akkor valami hasonlót kell látnod:

 

frontend_display

 

 

Ez eddig szuper, de semmi sem jelenik meg lényegében, hiszen nincs semmilyen adat a táblában. Hogy szemléletesebb legyen a példa, írjunk még egy data-installer-t, hogy láthassuk, működnek-e a jellemzőink is megfelelően.

Az egyik előző képen látható volt egy data mappa, ennek a mappának pontosan ez a szerepe, a nem rendszer-szintű módosításokat ezeken keresztül tudjuk megoldani. Szerkezetben az sql könyvtárhoz kapcsolódik, így ezen belül is szükség van egy aion_items_setup almappára.

A „sima” installer-script-hez képest még annyi eltérés van a működésben, hogy az ezen struktúra alatt lévő fájlokat a Magento egy data- előtaggal keresi.

Tehát az app/code/local/Aion/Items/data/aion_items_setup mappában hozzunk létre egy (mivel már az install-0.0.1.php lefutott) data-upgrade-0.0.1-0.0.2.php nevű fájlt, és az app/code/local/Aion/Items/sql/ mappában szintén egy upgrade-0.0.1-0.0.2.php nevű fájlt. Ez utóbbiban csak megjelöljük, mi történik és hol. Tehát az upgrade-0.0.1-0.0.2.php a következőt tartalmazza:

 

/** @var Aion_Items_Model_Resource_Setup $this */
try {
    $this->startSetup();
    //app\code\local\Aion\Items\data\aion_items_setup\data-upgrade-0.0.1-0.0.2.php
    $this->endSetup();
} catch (Exception $e) {
    Mage::logException($e);
}

 

Az app/code/local/Aion/Items/data/aion_items_setup/data-upgrade-0.0.1-0.0.2.php pedig a következőket tartalmazza:

 

/** @var Aion_Items_Model_Resource_Setup $this */
try {
    $defaultStoreId = Mage::app()->getDefaultStoreView()->getId();
    $attributeSet = Mage::getResourceModel('eav/entity_attribute_set_collection')
        ->addFieldToFilter(
            'entity_type_id',
            Mage::getModel('eav/entity')
                ->setType(Aion_Items_Model_Resource_Article::ENTITY)
                ->getTypeId()
        )->addFieldToFilter(
            'attribute_set_name',
            'Default'
        )->getFirstItem();
    $articles = [
        [
            'store_id' => $defaultStoreId,
            'name' => 'Article name 1',
            'attribute_set_id' => $attributeSet->getId(),
        ],
        [
            'store_id' => $defaultStoreId,
            'name' => 'Article name 2',
            'attribute_set_id' => $attributeSet->getId(),
        ]
    ];
    foreach ($articles as $article) {
        Mage::getModel('aion_items/article')->setData($article)->save();
    }
} catch (Exception $e) {
    Mage::logException($e);
}

 

Ez még nem elég. Ha frissítünk, nem fut le az új installer, de már le sem kell írnom, hogy a cache-t ürítsük :) Ezenfelül pedig ugye még a modulhoz tartozó config.xml fájlban a <version> node alatt szereplő 0.0.1-et növeljük 0.0.2-re, majd frissítsük az oldalt. Ha minden rendben ment (és reméljük, hogy igen), akkor a következőt kell látnod az adatbázisban:

 

data_installed

 

 

Az aion_items_article_varchar táblában pedig külön szerepelnek a nevek az entitásokhoz tartozóan.

 

data_eav_installed

 

Ha minden rendben ment, a frontenden a frissítést követően a következőt láthatjuk:

 

frontend_display_data

 

Összegzés

Azt hiszem, nem mondok nagy butaságot ha kijelentem, hogy az EAV egy nagyon hasznos ugyanakkor  komplex dolog, amire az esetek nagy részében nincs szükség. A többnyire kis, illetve közepes fejlesztések ‒ mivel általában eleve több, egymáshoz kapcsolódó tábláról van szó ‒ nem indokolják ezt a szerkezeti felépítést.

Érdemes azonban ezt már az elején lefektetni, mivel ‒ ahogy a Magento maga is teszi saját ezen struktúrában tárolt adataival ‒ ezeket lehet egy generált, a szükséges adatokat megjelenítő összesítő táblában tárolni (flat). Igen időigényes és költséges lenne egy már meglévő, nagy számú komoly táblaszerkezetet EAV struktúrába átültetni.

 

11 azonnal használható e-kereskedelmi e-mail marketing kampány és a 6 leggyakoribb hiba, amit el kell kerülnöd

A statisztikák, a tanulmányok egyértelmű adatokkal szolgálnak:

  • A brit direktmarketing-szövetség szerint minden egyes e-mail marketingre költött font (vagy éppen forint) 38-at hoz vissza. Ez hatalmas ROI-t jelent.
  • Más adatok szerint a ROI 44,25-szörös is lehet.
  • Négy év alatt az e-mail által behozott vásárlók száma a négyszeresére nőtt, ma 7%-kal a leghatékonyabb csatorna a keresőkből érkező forgalom mögött.
  • Sőt, az amerikai fogyasztók harmada szerint az e-mail van a legnagyobb hatással vásárlási szokásaikra.
  • Az e-mail segítségével behozott új vásárlók élettartam-értéke 12%-kal magasabb is az átlagnál.

Önmagában a megtérülési adatok miatt is kijelenthető: aki nem használ e-mail marketinget webboltja online marketingjében, az direkt lemond a bevételről. Sokan azonban nem azért nem alkalmazzák, mert nem tudják, hogyan fogjanak hozzá.

Ezen fogunk most segíteni: megosztunk minden best practice-t és gyakori hibát, hogy azonnal elkezdhesd e-mailek segítségével feltornászni webáruházad bevételeit.

 

Kinek küldj e-mailt?

Szükséged lesz egy adatbázisra.

A jó listának számos kritériuma van, a legfontosabbak ezek közül: lehetőleg legyen minél nagyobb, naprakészebb és tisztább.

Az első a második kettővel némi ellentmondásban van, de ezt rövid úton tisztázzuk.

A naprakész adatbázisban nem szerepelnek olyan címek, amelyek már halottak, ahonnan az e-mailjeink rendszeresen lepattannak, ahol a spam mappában landolnak. Ha ilyen címekre küldünk nagy mennyiségű levelet, arra előbb-utóbb a szolgáltató is felfigyel majd.

A tiszta lista is fontos: a leiratkozás normális jelenség, az iparági benchmarkok szerint 1,3-0,5% körül teljesen elfogadhatóak az adatok. Aki egy-egy e-mailünkről leiratkozik – feltéve, hogy minőségi levelet küldünk ki – az nagy valószínűséggel egyébként sem volt a célközönségünk, felesleges pénzt pazarolnunk arra, hogy ajánlatot tegyünk neki.

A listaépítés külön tudomány, annyit azonban itt is leszögezhetünk: a listavásárlás a legrosszabb, amit csak tehetünk (és jogi szempontból is aggályos az adatvédelmi szempontok miatt).

Egy bölcs webshopüzemeltető saját listát épít: feliratkozó űrlapokat helyez el oldalain, követőit is feliratkozásra kéri, köszönő és landing oldalain elkéri az e-mail címeket, rendezvényeken is leadeket gyűjt, marketingcsalikat alkalmaz és így tovább.

A listát pedig folyamatosan karban is tartja: megtisztítja a leiratkozóktól, az inaktív címektől, azoktól, akikhez egyszerűen nem ér el az üzenet.

 

kinek küldjük e-mailt

 

Hogyan mérj?

 

Hogy mik a számodra fontos mérőszámok, azt látatlanban nem mondhatjuk meg, azt viszont igen, hogy általánosságban mit figyelhetsz egy e-mail marketing kampánynál.

 

A legfontosabb számok:

 

Lepattanási arány:

Kérdés, hogy egy adott listán hány embert érsz el egyáltalán e-mail-jeiddel – és hányan vannak azok, akiknek eleve a spam mappájába kerül a levél, illetve meg sem érkezik, mert nem aktív az e-mail cím, amelyre a levelet küldöd. A lista tisztítása azért is fontos, hogy ezt az arányt csökkentsd, ellenkező esetben a szolgáltatók feketelistára rakhatnak, mint spammert.

Megnyitási arány:

Milyen erős a branded? Mennyire bíznak benned? Jó időben küldöd ki a leveleket és elég érdekes tárgymezőket írsz? Ezekre a kérdésekre kaphatsz választ, ha figyeled a megnyitás arányt, és aktívan teszteled is a különféle megoldásokat.

Átkattintási arány:

Ez ad választ arra, hogy mennyire hatékonyan irányítod a felhasználó figyelmét, hogy mennyire jó CTA-kat (call to action) használsz a levélben, illetve, hogy eleve milyen jó az ajánlatod. Ha az átkattintási arány magas, az azt jelenti, hogy nemcsak jól szegmentált, releváns ajánlatokat küldesz ki, de ügyesen is vezeted el a kattintásig a fogadó felet.

Célkonverzió:

Ha ugyanazt a jó ajánlatot adod, amire a levélben kattintott a felhasználó, ha konzisztens élményt kap és lehetőséget adsz az azonnali, egyszerű konverzióra, akkor ez az arány valószínűleg magas lesz. Azért fontos, mert ez az, ami a bevételedet adja.

 

hogyan mérjük, e-mail marketing

 

Milyen e-mail típusokat kellene küldened?

 

Marketing e-mailből rengeteg különféle típust ismerünk, s ezeket a webshopok is sikerrel alkalmazhatják – feltéve, hogy ismerik lehetőségeiket.

 

Lássuk tehát, milyen e-mail típusokat kellene használnod:

 

1. Hírlevél

A legalapvetőbb fajta, egyben természetesen az egyik leggyakoribb is. Célja az, hogy az újdonságokkal megismertesd a célközönségedet. Sokszor a többi típust is tévesen hírlevélként említik, holott ennek a fajtának jól behatárolható rendeltetése van: a tájékoztatás.

Emellett azonban hasznos, mivel szinte bármit belefoglalhatsz. Az alapját az olyan információk adhatják, mint hogy milyen új ajánlatok, termékvonalak jelentek meg a boltban, milyen szezonális akciókat vezettél be, mi történt a céggel, milyen új funkciókat vezettél be és így tovább.

A hírleveleket elkészíteni is igen egyszerű, még különösebb dizájnnal sem kell foglalkoznod (sokan egyszerű szövegként küldik ki, egy jól megírt szöveggel ez is rendkívül hatékony lehet), elég, ha legyártasz előre egy olyan template-et, amely illeszkedik a brand arculatához. Ebbe később bármilyen hírt beilleszthetsz és kiküldheted a listádra.

A hírlevélnek ugyanakkor vannak hátrányai is. Elsősorban az, hogy nem fókuszálják az olvasó figyelmét egyetlen ajánlatra. Erre már egy másik típus való.

 

2. Dedikált e-mailek

A dedikált e-mail egyetlen célja, hogy egyetlen dologra fókuszálja az olvasó figyelmét.

Ez lehet egy termék vagy szolgáltatás, de akár egy felmérés vagy egy közelgő esemény is.

Ezek a levelek általában egyetlen jól kiemelt CTA-t tartalmaznak, amely jól elkülönül környezetétől.

Megtervezése szintén kevéssé bonyolult:

ha az alapvető megjelenés illeszkedik az arculatba, mással felesleges is foglalkozni, mivel a cél az, hogy ne tereljük el, hanem összpontosítva irányítsuk a figyelmet.

 

3. Üdvözlőlevelek

Az első e-mail, amelyet a webshopodba újonnan regisztrálók kapnak: egy kiváló alkalom arra, hogy ne engedd el a kezüket, hanem bevezesd őket a brand rejtelmeibe.

Itt nemcsak ajánlatokat adhatsz (releváns termékeket, ha már vásárolt), de bemutathatod neki, hol találhat még meg, hogyan használhatja oldaladat, milyen funkciók vagy kedvezmények azok, amelyekről esetleg nem tud.

 

4. Lead-gondozó levelek

Olyan e-mailek, amelyek segítenek aktívan tartani korábbi vásárlóidat.

Szegmentált e-mailekkel különféle tartalmakat küldhetsz, például egy adott terméktípusról edukálhatod őket.

A perszonalizáció segítségével olyan automatikus e-maileket küldhetsz ki, amelyek mindenki számára a legrelevánsabb tartalmakat küldik ki, amelyek a legnagyobb eséllyel lesznek hasznosak a számukra.

Ezzel aktívan tarthatod őket: új tartalmaid fogyasztására, megosztására veheted rá, miközben életben tartod a brandet elméjükben.

 

5. Különleges alkalmakra szánt levelek

Az évfordulók, születésnapok vagy éppen a különféle ünnepek nagyszerű alkalmat jelentenek arra, hogy megszólítsd a vásárlókat, ugyanakkor nagy veszélyt is rejtenek magukban.

Ilyen alkalmakkor ugyanis mindenki igyekszik speciális ajánlatokat adni: az e-mail fiókokat elárasztják az e-mailek minden karácsonykor, ám ezek legtöbbje egyszerű „mindenkinek ugyanazt” típusú levél, amelyet meg sem nyitnak, gyakorlatilag spamnek számít.

Neked tehát különlegesnek kell lenned.

Felhívni a figyelmet a leveledre. A tárgymezőben ne a kedvezményeket emeld ki, ne azt írd, milyen remek terméket ajánlasz. Igyekezz megmutatni, hogy milyen előnnyel bír ez a vásárló számára: hogy végre különleges ajándékkal lepheti meg a nagymamát, hogy a gyerekeknek életre szóló élményt szerezhet, vagy éppen, hogy idei születésnapján úgy ünnepelhet, ahogyan még soha máskor.

 

e-mail típusok

 

Hogyan alkalmazd ezeket a marketing módszereket a gyakorlatban?

A főbb típusokon belül természetesen szabad kezed van, és ezektől el is térhetsz, ha jó ötleted van: mindez legfeljebb iránymutatásul szolgál, hiszen hosszú távon te magad tapasztalhatod meg, hogy egyedi közönséged mit szeret.

Melyek azok az e-mailek, amelyek magas megnyitási és átkattintási arányt hoznak? Amelyeknél kevés a feliratkozó és amelyek szemmel láthatóan megdobják az eladásokat?

Mindezeket hosszú távon kell figyelned, és ecommerce e-mail marketing kampányodat eszerint finomhangolni.

Az alábbiakban adunk néhány konkrét tippet is arra, hogyan teheted ezt meg.

 

Konkrét e-mail kampányötletek, amiket azonnal kiküldhetsz

 

1. Értesítő új árukról

Meglévő vásárlóid újraaktiválására kiváló módszer, ha rendszeresen értesíted őket az újonnan érező árukészletről.

Persze ezt is érdemes úgy tenned, hogy mindig a legjobb ajánlatot adja: ha van egy legalább alapszinten szegmentált listád, akkor a korábbi vásárlások alapján határozd meg, kit mi érdekelhet a legjobban, és úgy szerkeszd meg az e-maileket, hogy csakis a nekik érdekes ajánlatokat lássák.

Nem árt, ha az új termékeidről képet is küldesz, mert ezzel jobban felkeltheted a figyelmet, több átkattintást érhetsz majd el. De arra is figyelj, hová irányítod a látogatókat.

Ha mondjuk egy e-mailben három terméket mutatsz be, és mindegyikhez tartozik egy CTA hivatkozás, akkor az a három ne a webshop főoldalára vigyen, hanem a konkrét termékoldalakra.

Ellenkező esetben a felhasználó úgy érzi majd, hogy becsaptad, és nemcsak lepattan majd az oldalról (hiszen munkát adsz neki azzal, hogy az őt érdeklő ajánlatot meg kell keresni), hanem a konkrét termékoldalra se megy el.

 

2. Véleménykérés

Két oka is van annak, hogy időről időre érdemes kikérned a vásárlóid véleményét.

  • Az első, hogy ezzel rengeteg hasznos adathoz juthatsz: egy perc alatt kitölthető kérdőívvel is meg tudod határozni, mennyire értékelik jónak, relevánsnak, értékesnek kampányaidat, termékeidet, oldaladat. Ha a felhasználó megmondhatja, mi nem tetszik neki, és erre oda is figyelsz, azt nagyra értékelik.

(Ebből akár külön tartalmat is gyárthatsz: a felmérés eredményeit közzéteheted, és leírhatod, milyen változtatásokat tervezel a webshopban a felhasználói élmény javítása érdekében.)

  • A második, hogy így erősítheted a „közösségi visszaigazolást” (social proof): a már megrendelt termékek értékelését kérheted a felhasználóktól, és ha minőségi termékeket árulsz, valószínűleg ezek jók lesznek majd. Ezek pedig bizonyítékként, eladásösztönzőként szolgálnak majd a hezitáló vásárlók számára (és a keresőoptimalizálásban is segítenek).

Viszont nem árt figyelned arra, hogy valamilyen ösztönzőt kínálj fel: az értékelésért cserébe mondjuk egy következő alkalommal beváltható, egyszeri kedvezményt. Így a korábbi vásárlók reaktiválását is végezheted egyszerre.

 

3. Születésnapi e-mail

kampány ötletek

 

A születésnapi e-maileket regisztrált felhasználóid adatait használva könnyedén automatizálhatod. Személyessé teheted, és nemcsak jó kívánságokkal halmozhatod el őket: vásárlásra is ösztönözheted.

Ha ilyenkor felkínálsz valamilyen kis ajándékot, egy a születésnap alkalmából adott egyedi kedvezményt.

tips Ötlet:

Egy terméket annyi százalék kedvezménnyel vehet meg, ahány éves), az hatékony cross-sell módszerekkel együtt jól fokozhatja a forgalmad.

Emellett a márkádat is szerethetőbbé teszi, ha jól csinálod. Születésnapi e-maileket szinte mindenki küld, de a legtöbb ilyen automatizált levélben semmi személyes vagy kedves nincsen.

 

Figyelj tehát arra, hogy

  • Jól írd meg a szöveget, ne tűnjön úgy, hogy csak a rendszer kíván boldog születésnapot vagy csak eladni akarsz az ünnepeltnek.
  • Használj szép képeket, olyan vizuális megoldásokat, amelyek pozitív hatással lehetnek ügyfeledre.
  • A CTA legyen figyelemfelkeltő és ösztönző, a „Kattints és megkapod az ingyen tortádat” például egy jó megoldás.

 

4. Termék-utánkövető e-mail

Mekkora a termékeid élettartama? Fél év, vagy éppen tíz?

És utánanyúlsz a vásárlónak, hogy amikor a termék élettartama lejár, megint nálad vásároljon?

Több éves élettartam után már az is bőven lehet, hogy teljesen elfelejt téged a vásárló. Ha viszont figyeled, hogy ki mikor és mit vásárol, és eszerint automatizálsz leveleket küldesz ki, azzal visszaszerezheted őket.

Egy jó példa:

Mondjuk 5 évre tervezett matracokat árulsz. Öt év után a rendszer érzékeli, hogy a termék élettartama lejárt. Ilyenkor kiküldhetsz egy levelet, amelyben felkínálod, hogy ha most váltana egy jobb, újabb modellre a vásárló, akkor ezt kivételesen 10 százalék kedvezménnyel teheti meg.

 

5. Útmutató az újaknak

A legtöbben két dolog közül választanak, mit tegyenek az újonnan regisztráltakkal.

  1. Nem tesznek semmit.
  2. Kiküldenek egy kemény sales levelet.

Mindkettő rossz megoldás:

parlagon hagyni a potenciált épp annyira nem szerencsés, mit egy új leadnek egyből megpróbálni lenyomni a torkán a termékeidet.

Ami ehelyett a hasznodra lehet: ha felkínálsz egy lehetőséget arra, hogy maga válassza ki, mit akar tenni.

Az e-mailben bemutathatod a különféle lehetőségeit: hol találja a termékeket, hol olvashatja a blogot, hol talál esetleg videókat, hol követhet a közösségi médiában és így tovább.

 

6. A kosárelhagyók ösztönzése

Azon kívül, hogy az oldaladon hogyan akadályozhatod meg a kosárelhagyást, most arról is szó lesz, hogyan teheted ezt meg e-mail segítségével.

Ha azt látod, hogy valaki, aki korábban megadta már neked a címét, a kosárba helyezett egy vagy több terméket, de nem vásárolta meg azokat, várj 24 órát. Ha nem tér vissza, emlékeztesd e-mailben arra, hogy a termékei még mindig a kosárban várják. Ez egy egyszerű emlékeztető.

Ezután ismét várj 24 órát, és küldj még egy e-mailt, ha közben nem következett be a konverzió: ebben már kifogásokat kezelsz. Kérdezd meg, miért nem vásárolt, írd le a leggyakoribb okokat a levélben és kezeld őket még ott helyben.

Végül küldj egy harmadik levelet is, amelyben már kedvezményt adsz – de ezzel várj három napot. Ha lehet, kedvezmény nélkül vezesd vissza magadhoz a vásárlót, de ennél többet ne várj ezzel az ajánlattal, mert ekkor még emlékszik rád, és hogy miért akart vásárolni.

 

A leggyakoribb hibák

 

Mi a legrosszabb, amit egy listával tehetsz? Hogy nem használod. A második az, hogy rosszul kezded el felhasználni, ez ugyanis rövid úton értéktelenné teheti számodra.

A leggyakoribb hibák általában gyakorlatlanságból eredek: a webshop szeretne jó e-mail kampányt futtatni, de nincs meg hozzá a tudás és tapasztalat a cégben, hogy ezt megtegyék. Ezért most sorra veszünk néhányat, hogy te elkerülhesd őket.

Hiányzik a konzisztencia.

Ha e-mailt küldesz, legyen nyilvánvaló, hogy tőled érkezett. Ne csak szóban, vizuális elemekkel is erősítsd meg, hogy te vagy az – emlékeztesd a felhasználókat, hogy azért kapták a levelet, mert feliratkoztak hozzád.

Ha átkattintást kérsz, akkor az e-mail és az érkezőoldal is hasonlítson egymásra: szövegben és megjelenésben egyaránt érvényesítened kell ezt, mert ha egy teljesen más üzenettel és vizualitással bíró oldalra vezeted a potenciális ügyfelet, eljátszod a bizalmát.

Nem szegmentálsz.

Valahogyan mindenképpen érdemes a kiküldött leveleket szegmentálni: ha más nem, hát aszerint, hogy melyik e-mailt honnan szerezted. Ha valaki a blogon iratkozott fel, vásárláskor tette ezt meg vagy éppen a csaliterméket töltötte le, máris lehet egy általános elképzelésed arról, milyen tartalmak és ajánlatok foghatják meg jobban.

Nem mérsz.

Mindig figyeld a mérőszámokat, és hosszú távon figyeld, hogy az egyes megoldások hogyan válnak be. Ha csak annyit változtatsz, hogy a következő e-mailednek más lesz a feladója vagy más stílusban írod meg a tárgymezőt, és ez jelentősen változtat az eredményeken, máris rendkívül értékes adatokkal gazdagodtál.

Nem vagy elég konkrét.

Ha kiküldesz egy ajánlatot, mit kérsz a potenciális ügyféltől? Milyen CTA-t használsz? Mindig pontosan írd le, hogy ha kattint, akkor hová érkezik, mi fog történni, mit ajánlasz neki. Ne csak az ajtót mutasd meg, azt is mondd el neki, hol találja majd magát, ha benyit.

Nem figyelsz eléggé a szövegre.

Egy jó marketing szöveg akár magában, grafikai megoldások nélkül is képes eladni egy terméket vagy szolgáltatást. Egy webshopnál persze általában előny, ha az ajánlathoz képet is mellékelsz, emellett azonban a szövegre is nagy hangsúlyt kell fektetned: alkalmaznod a meggyőzési alapelveket, amelyek legyőzhetik a hezitálást és ösztönzik a vásárlást.

Csak eladni akarsz.

Ne csak ajánlatokat küldj, mert így könnyen egy lapra kerülsz minden más webshoppal, aki e-mailt használ az eladásösztönzésre. A cél az, hogy a listádon lévők ne csak egyszerűen fogadják, de akár már várják is leveleidet.

Ehhez egyrészt értékes tartalmakat is kell nyújtanod a számukra, másrészt pedig olyan ajánlatokkal megkeresni őket, amelyek a szegmentálásnak köszönhetően ténylegesen érdekesek csak nekik. Használd ki a nem sales jellegű tartalmakat, mert így könnyebben magadhoz kötheted őket: ajánld levélben blogodat, videóidat, közösségi csatornáidat.

 

e-mail kampány hibák

 

A legfontosabb tennivalód

 

Nos, ez nem más, mint hogy elkezd használni az e-maileket.

Senki sem képes tökéletes kampányt felállítani, pláne elsőre: ehhez hosszú távon meg kell ismerned a közönséged és a megfelelő technikákat.

Ne félj attól, hogy egyetlen e-maillel elrontod az esélyeidet.

Ilyet nem tehetsz, és ha keményen dolgozol, figyeled az adatokat és elszántan viszed a kampányt, megtanulod majd, hogyan kezeld a problémákat.

A legfontosabb tehát, amit tenned kell: küldd ki az első leveledet még ma, és figyeld, hogyan teljesít – majd kezdj ötletelni, hogyan lehetne még jobb. Ebben pedig az itt leírt útmutató lesz majd a segítségedre.

 

A/B tesztelés webáruházban: 10 dolog, amit érdemes tesztelned

Erről fogunk beszélni:

  • Mi az az A/B teszt?
  • Mire alkalmazhatsz A/B tesztet?
  • A teszt menete
  • Mit érdemes tesztelned?
    • Vizuális elemek
    • CTA
    • Navigáció
    • Popup ablakok
    • Sürgető megoldások
    • Fizetési megoldások
    • Űrlapok, kitöltendő mezők
    • Regisztráció
    • Szöveg
    • Ajánlatok
  • És minden más

 

Kezdjük az elején a történetet: mi az az A/B teszt?

Ahogyan neve is mutatja, az A/B teszt egy próba, mely során egy adott elem két különféle változatát próbálod ki. Például az egyik oldalon kék, a másikon piros CTA gombot használsz. Az egyiken felül, a másikon jobb oldalt helyezed el a keresőmezőt.

 

Egy jó A/B teszt kritériumai a következők:

  • Egyszerre csak egy elemet tesztelj – különben nem fogod tudni, minek köszönhetőek a változások.
  • A két oldalt párhuzamosan futtasd, egy időben – könnyen hatással lehet az eredményeidre, ha néhány nap csúszással tesztelsz. A teszt fusson legalább egy hétig.
  • Dolgozz szignifikáns mintával: a közvélemény-kutatások esetében 1000 főnél húzzák meg a határt, neked is ez az optimális.
  • A két oldalra érkező látogatókat véletlenszerűen oszd el: ha szegmensek, csatornák vagy bármilyen más módszer szerint válogatsz, torzulni fognak az eredményeid.

 

A tesztelésből egyértelműen kiderül, hogy a látogatóid, vásárlóid a kettő közül melyik megoldást kedvelik jobban: melyik ösztönzi őket az oldalon maradásra, átkattintásra, feliratkozásra vagy éppen vásárlásra.

De nem csak az eredményeid lesznek jobbak. A cégedben dolgozók munkamoráljára is pozitívan hat, hogy nem megérzésekre kell alapozni, és az eredményeket nem úgy kérik számon rajtuk, hogy csak találgathatnak: ehelyett pontos adatokkal, precíz analitikával dolgozhattok. A marketingesekre, fejlesztőkre, dizájnerekre az ilyesmi lelkesítőleg hathat, hisz nem engeded el a kezüket eredményeket követelve.

 

Mire alkalmazhatsz A/B tesztet?

Gyakorlatilag bármire.

A weboldaladon nincsen olyan elem, legyen az szöveg, grafika, dizájn vagy funkció, amelynek hatékonyságáról tesztelés nélkül biztos lehetsz.

tips Hogy hogyan végezheted el a tesztet hatékonyan:

 

Rendszerint úgy, hogy szakemberre bízod. léteznek akár ingyen is kipróbálható eszközök, amelyek segítenek neked (ilyen például az Optimizely). Ha azonban egy komplex webáruházzal dolgozol, akkor szükséged lesz egy fejlesztőre, különösen azért, mert csak így lehetsz biztos abban, hogy a fenti kritériumok maradéktalanul megvalósulnak.

Az alábbiakban egy listányi ötletet olvashatsz arról, milyen elemeket vethetsz alá A/B tesztnek. Ezek közül egyszerre akár többet is futtathatsz, de el kell fogadnod, hogy egyszerre mindent nem leszel képes kielemezni. Ne terheld túl magad adatokkal, igyekezz minél jobb eredményeket elérni úgy, hogy emberileg feldolgozható mennyiségű információt gyűjtesz be és hasznosítasz.

A tesztelést limitálhatja a látogatószám is: ha egy oldalon egyszerre 3-4 tesztet végzel, akkor a látogatók már 6-8 felé oszlanak meg, ami a teszt időtartamát rendkívül hosszúra nyújthatja. Már ha szignifikáns mintával akarsz dolgozni.

(Igen, azzal akarsz.)

 

A teszt menete

Először szándékaidat kell tisztáznod: mit szeretnél elérni?

Nem mindegy, hogy egy oldalon több ideig akarod marasztalni a látogatókat, vagy egyáltalán nem számít, hogy meddig maradnak, ha végrehajtanak egy adott cselekvést.

Ha megvan, mit szeretnél, vedd sorra az érintett oldalak főbb elemeit, és priorizáld őket fontosság szerint. Egy feliratkozási oldalon a szöveg, a CTA (Call to action) és az űrlap mindennél fontosabb. Egy cikk vagy blogbejegyzés esetében a multimédiás megoldások, a szöveg egyes tulajdonságai (hossza, stílusa stb.) tesztelendők. Egy webáruház főoldalán figyelhetsz arra, hogyan jelennek meg a termékek, hol a keresőmező, hogyan működnek pop-up ablakaid.

Már a prioritások meghatározásakor is figyelheted az analitikát: ha például azt látod, hogy a látogatók nagy része eljut az oldalon a CTA gombig, de nem kattint rá, azon kell elgondolkodnod, mi okozhatja ezt.

A teszt elindításához végy egy már létező oldalt, például egy termékoldalt. Válassz ki egy elemet, amelyet illetően bizonytalan vagy: egy CTA-t, egy szöveget, egy kitölthető űrlapot. Készíts belőle egy új változatot, próbáld hatékonyabbá tenni, és meg is van az A és B oldalad.

 

teszt menete

 

Mit érdemes tesztelned?

 

1. Vizuális elemek

Egy termékoldalnak a vizuális források a lételemei. A személyes vásárlásban az a jó, hogy az árut megfoghatjuk, megnézhetjük minden szögből, minden érzékszervünkkel megvizsgálhatjuk. Az online vásárlásnál pedig az eladónak arra kell törekednie, hogy ezt az élményt a lehető legjobban átadja. Ha bőrövet árulsz, használj olyan képeket vagy készíts olyan videót, hogy a monitor előtt is érezze a valódi cserzett bőr illatát a látogatód.

Kérdés persze, hogy milyen megoldások működnek a legjobban. Ajánlott, hogy használj minél több és minél jobb minőségű képet. Ez adott, de a lehetőségeidnek koránt sem érsz a végére, viszont mindent nem zsúfolhatsz egy oldalra.

Használhatsz

  • elforgatható modelleket,
  • hosszabb bemutató videókat,
  • infografikát,
  • 10-15 másodperces demókat,
  • de akár hangfájlt is.

Ezeket a megoldásokat pedig mind tesztelheted, akár tartalom szerint is: nem mindegy mondjuk, hogy egy bemutatóvideót ágyazol az oldalba, vagy egy how-to videót tippekkel.

 

vizuális elemek

 

2. CTA ‒ vajon mire kattintanak leginkább a látogatók?

Általában azt szeretnéd, hogy a felhasználó rákattintson valamire. Ezt nem olyan egyszerű elérni, mint elsőre gondolnád. Milyen tulajdonságai is vannak egy CTA-nak? Pozíció, méret, forma, szín, szöveg… És ezek mind nagy hatással lehetnek a konverzióra.

Ha rossz helyre teszed a CTA-t kevesebben fognak rákattintani. (Az általánosan elfogadott szabály szerint minél komplexebb az ajánlat, annál lejjebb kerül az oldalra.) De az is lehet, hogy két-három CTA is elfér az oldalon, mert a célközönség egyes tagjai az oldal más pontjain jutnak elhatározásra.

Ha túl kicsi a CTA, nem lesz eléggé észrevehető, ha túl nagy, riasztó.

A szín kérdése is fontos: a színelmélet alapján egyes színek sürgetőileg hatnak, mások a biztonságérzetünket erősítik és így tovább. De az is lehet, hogy egyszerűen a CTA nem üt eléggé el a környezetétől ahhoz, hogy észrevehető legyen…

A szöveget pedig a végtelenségig finomíthatod: minden egyes szónak jelentősége van, más hatást vált ki a közönségedből.

 

cta

 

3. Navigáció

Egy oldalon belül is számos különféle navigációs elemet alkalmazhatsz, hogy megvizsgáld, melyikre hogyan reagál a közönséged.

Kérdés lehet:

  • Hogy a jobb vagy bal oldalra helyezd-e a kategóriákat.
  • Hogy lenyíló menüt használj-e, vagy esetleg valamilyen lebegő megoldást.
  • Akár azt is tesztelheted, hogy egy menün belül mely kategóriákat helyezd előre, melyek legyenek inkább szem előtt, mert egyesek több kattintást hozhatnak.
  • Ha breadcrumb (morzsamenü) navigációt használsz, ebből is többféle létezik (megtett út, hierarchia vagy attribútumok szerinti).

 

navigáció

 

Ebben az esetben azt kell figyelned, hogy a felhasználók mennyi időt töltenek az oldalon, hány aloldalt néznek meg, hogy hogyan viselkednek, vagyis az oldalon belül mire kattintanak. Ha az egyik megoldásnál több az átkattintás más oldalaidra, és kevesebben hagyják el az oldalt, akkor megtaláltad a jobb navigációt.

 

4. Popup ablakok

A popup ablakokat sok mindenre használhatod:

  • hogy feliratkozást kérj,
  • közösségi megosztásra biztass,
  • hasonló tartalmakat vagy termékeket ajánlj,
  • hogy megakadályozd, hogy egy azonnali kedvezménnyel megakadályozd, hogy elhagyják az oldalad.

 

pop up

 

Nem mindegy azonban, hogy milyet használsz – az egész oldalt eltakaró ablakot, vagy diszkréten az alsó sarokban megjelenőt?

Mikor jeleníted meg a felugró ablakot? Egy adott idő után, vagy akkor, ha a felhasználó valamilyen cselekvést végez, esetleg akkor, ha tétlenséget érzékelsz?

 

5. Sürgető megoldások

Próbáld ki, hogyan hat a vásárlóidra egy kis sürgetés!

Kimerítő részletességű cikkben írtunk arról, hogyan teheted meg ezt finoman: jelezve, hogy egy adott ajánlat csak egy bizonyos ideig érvényes (akár számlálóval), kijelezve a darabszámot vagy másként. Lásd: 5 stratégia a vásárlói halogatás leküzdésére

Létező termékoldalaidból készíts olyan változatokat, ahol elhelyezel egy-egy ilyen elemet – de arra figyelj, hogy egyes oldalaid ne állítsanak eltérő dolgokat. A felhasználónak zavaró lehet, ha kétszer néz meg egy oldalt, és egyszer limitált időt lát egy ajánlatnál, másodszor pedig már sehol sincs a számláló.

Ha tehát fogsz egy korábban számlálót nem tartalmazó termékoldalt, készíts két olyan változatot, amelyek különféle módon mutatják a limitált ajánlatot (az egyik mondjuk aktív számlálóval, a másik egyszerűen a határidővel), és figyeld, emelkedik-e a konverzió a korábbi adatokhoz képest, illetve melyiknél mennyivel.

 

sürgetés

 

6. Fizetési megoldások

Egyes webáruházakban négy-öt oldalon kell keresztülverekedje magát a vásárló, amíg fizethet és megrendelheti a terméket, máshol ehhez egy-két oldal is elegendő.

A túlságosan sok oldal növelheti a kosárelhagyók számát, ezért érdemes kipróbálnod, tudsz-e valahol rövidíteni a folyamaton, és tesztelni a több és kevesebb oldalas megoldásokat.

Ez különösen fontos tényező lehet, ha sok látogatód érkezik mobilról: ők általában türelmetlenebbek, jelentősen csökkenti felhasználói élményüket, ha több oldalon keresztül kell egy folyamatot elvégezniük. Az ő esetükben kipróbálhatsz például egy olyan megoldást, ahol az egész folyamatot egyetlen oldalon bonyolíthatják.

 

fizetési megoldások

 

7. Űrlapok, kitöltendő mezők

Egyes tanulmányok szerint minden egyes plusz kitöltendő mezővel körülbelül 10 százalékkal csökken a konverziós arányod.

A felhasználók nem szeretik, ha túl sok adatot kérsz el – ugyanakkor ezeknek az adatoknak a későbbi szegmentálásnál nagy hasznát láthatod az e-mail marketingben.

Kísérletezz tehát azzal, hány adatot kérhetsz el „büntetlenül” – a név és az e-mail cím mellé kérhetsz-e például pozíciót, cégnevet, várost vagy irányítószámot?

Az érzékenyebb adatokra még inkább igaz, hogy kevésbé szeretik megadni őket – teszteld azt is, hogy jobban jársz-e kötelezően kitöltendő mezőkkel (talán valamivel kevesebb megkeresést, de pontosabban szegmentálható listát kapsz), vagy opcionális kitöltéssel (minél több e-mail címmel, de hiányos adatokkal).

 

űrlap

 

8. Regisztráció

Azzal, hogy regisztrációt kérsz a vásárláshoz, általában jelentősen növeled a kosárelhagyók és visszafordulók arányát. Adott esetben azonban lehet, hogy ez olyan veszteség, amelyen végül többet nyersz.

Lehet, hogy így kevesebb vevőd lesz, őket azonban később hatékonyabban célozhatod meg újra: több adattal rendelkezel majd, több csatornán is keresheted őket, komolyabban alapozhatsz korábbi viselkedésükre.

Márpedig olyanokat, akik korábban nálad vásároltak, mindig költséghatékonyabban érhetsz el és konvertálhatsz újra, mint új vásárlókat. Teszteld tehát a kötelező és opcionális regisztrációt, és számold ki, hosszú távon vajon jobban megéri-e feláldozni néhány újonnan érkezőt a később könnyebben reaktiválható vásárlókért cserébe.

 

regisztráció

 

9. Szöveg

Teszteld, hogy milyen szövegek működnek jól termékoldalaidon! A hosszú, történetmesélés vagy a rövidebb és lényegre törő szöveg hoz nagyobb konverziót?

Milyen stílusban írsz?

Ha üzleti szolgáltatásokat kínálsz nagyvállalatoknak, a hivatalos hangnem talán több vásárlót hoz neked, ha viszont gördeszkákat árulsz, a lazább stílussal valószínűleg jobban jársz.

Kipróbálhatod a negatív és pozitív hangvételt is. A „Vedd meg most!” és a „Kosárba, különben lemaradsz!” között óriási a különbség. Egyes vásárlói szegmensek negatívan reagálhatnak az ilyen sürgetésre, más körökben az ilyen „nyomulós üzenet” jócskán növelheti a konverziót.

Milyen oldalcímeket használsz? Nem mindegy, hogy kreatív vagy informatív megoldásokkal kelted fel a figyelmet.

 

szöveg

 

10. Ajánlatok

Nem mindegy, hogy milyen ajánlatokat teszel a felhasználóknak. Írtunk már róla, hogy a kosárelhagyások jelentős részéért az információk visszatartása felel, sokszor a szállítási költségé.

Lehet, hogy sokan rakják majd a kosárba a terméket, ha nem látják, hogy még rá kell fizetniük a szállításra, de sokat ott is hagyják majd a kosárban, fizetetlenül, mert úgy érzik, becsaptad őket, ha csak a fizetéskor szembesíted őket a valódi árral.

Megteheted tehát, hogy kiírod a szállítási költséget a termékoldalra, sőt, ezt javasoljuk – ugyanakkor kipróbálhatod azt a megoldást is, hogy adott feltételek mellett ingyenes szállítást kínálsz fel, például akkor, ha egy adott összeghatár felett vásárolnak, vagy adott darabszámot rendelnek egyszerre.

Ezzel növelheted rendeléseid átlagos értékét, ami mellett már megéri az ingyen szállítás, és egyben el sem titkolod a költségeket – de kérdéses, hogy nem veszítesz-e így több vásárlót, és inkább megérné az, hogy egy nagyobb rendelés felé tereld őket.

 

ajánlatok

 

+1. És minden más

Gyakorlatilag nincs olyan elem, amelynek működését ne tesztelhetnéd, de ahogyan már a cikk elején is írtuk, mégsem tesztelhetsz mindent egyszerre.

Nézd meg, az adatok alapján melyek a kritikus pontok:

  • mely oldalakon fordul vissza a legtöbb vásárló,
  • melyik terméknél konvertálnak a legkevesebben,
  • egy adott változtatást követően hol zuhan vagy nő meg látványosan az aktivitás.

 

Ajánlott, hogy te is próbáld ki saját oldalad: figyeld, hová nézel, hová kattintasz, melyek azok a pontok, ahol te magad félbehagynád a vásárlást.

 

Az A/B tesztelés igazi csodafegyver lehet, egyetlen kis változtatással bőven két számjegynyi százalékkal javíthatsz egy-egy oldal konverzióján, ezt az esettanulmányok egyértelműen mutatják.

Ehhez azonban lényeges, hogy szakszerűen végezned a tesztelést – talán a legegyszerűbb, ha az e cikkben olvasható tippekkel fogsz hozzá.

 

Amennyiben egy A/B tesztelési megoldást keresel Magento webáruházadhoz, az A/B Testing bővítmény az Amasty fejlesztő cégtől jó választás lehet. Különböző split teszteket többváltozós teszteket, beállíthatod a tesztelés időkeretét, és az eredményekről részletes statisztikai jelentéseket is kapsz.

Robusztusságnak és hasznos funkcióinak köszönhetően valószínűleg a legnépszerűbb Magento bővítmény A/B tesztelésre a piacon

 

Magento A/B tesztelés, Amasty bővítmény

 

 

Jellemzők:

  • Több A/B teszt egyidejű futtatása
  • Egy termékcsoport különböző jellemzőinek tesztelése
  • Termékoldal dizájn tesztelése
  • Informatív statisztikai jelentések
  • Tesztelési időszak beállítása
  • A konverziós ráta függvényében különböző teszt variációk mutatása a vásárlóknak

 

Összegzés
Reméljük a cikkünkben említett gyakorlati példák alapján annak is meghoztuk a kedvét az A/B teszteléshez aki eddig egyáltalán nem érezte a fontosságát.

A tesztek eredményéből levont következtetések és alkalmazott módosítások jutalma az érezhető konverziónövekedés lesz.

Amennyiben bármilyen kérdésed merülne fel a cikkel témájával kapcsolatban, nyugodtan jelezd itt kommentben, vagy vedd fel velünk a kapcsolatot, szívesen segítünk!