A Facebook Debugger használata

Amikor egy cikket írunk vagy egy weboldalt hozunk létre, akkor a tartalom elkészítése mellett számos egyéb dologkra érdemes odafigyelni.

Ilyen például a meta leírás (meta description), ami a Google keresési találatok alatt található rövid szövegrészletért felel, de ide tartoznak az egyéb meta és Open Graph adatok is. Hogy mik is ezek a gyakorlatban?

A meta és Open Graph adatok felelnek azért, hogyha megosztunk valamit Facebook-on, akkor a megfelelő kép és szöveg jelenjen meg az adott weboldalhoz kapcsolódóan.

Open Graph Adatok

Az Open Graph (OG) alá a poszt címét, leírását és a képet soroljuk. Az OG kimondottan a Facebookra vonatkozik, de hasonló tagjai vannak más alkalmazásoknak is, mint például a Twitternek. Amikor ezeket az adatokat használjuk, akkor az alábbiakra érdemes odafigyelni:

OG adatok

  • OG cím,
  • OG leírás,
  • OG kép.

Az OG cím és leírás esetében arra érdemes törekedni, hogy ez megegyezzen a weboldal címének és a meta leírás követelményeinek. Ideális esetben az OG kép linkje pedig tartalmazza a fő kulcsszót.

A The Pitch online marketing blogon nemrég írunk a linképítésről egy cikket.

Ha ezt a cikket megosztom Facebookon, akkor az alábbi adatok fognak megjelenni.

Linképítés Facebook

Ez annak köszönhető, hogy az OG adatok helyesen lettek megadva WordPressen belül. Ha megnézzük a kódrészletet ebben a posztban, akkor az alábbiakat látjuk:

<meta property=”og:locale” content=”hu_HU” />
<meta property=”og:type” content=”article” />
<meta property=”og:title” content=”Linképítés tippek: kezdőknek és haladóknak” />
<meta property=”og:description” content=”A linképítés során egy adott weboldalra minél több és minél erősebb külső linket próbálunk meg szerezni. Ezzel növeljük az oldal forgalmát és hitelességét.” />
<meta property=”og:url” content=”http://thepitch.hu/linkepites-tippek/&#8221; />
<meta property=”og:site_name” content=”The Pitch” />
<meta property=”og:imagecontent=”http://thepitch.hu/wp-content/uploads/2016/08/linkepites-tippek.png” />

Ha WordPress-t használsz, akkor a Yoast SEO pluginban három mezőt kell csak kitöltened és az automatikusan legenerálja ezt a kódot. Így megspórolható sok kódolási teendő.

Yoast SEO Debugger

A Facebook Debugger

Miután megadjuk ezeket az adatokat, érdemes a Facebook fejlesztőknek létrehozott eszközét, a Facebook Debugger-t használni.

https://developers.facebook.com/tools/debug/

Debugger

Ez szolgál arra, hogy leteszteljük a weboldalunk OG adatait. Amint itt végigfuttatjuk a rendszeren a linken, a Facebook automatikusan tárolja az adatokat, így aki innentől kezdve megosztja a cikket, az már az általunk megadott infokat látja majd. Ha esetleg valamilyen adat nem stimmel, akkor pedig vissza tudunk menni a WordPressbe és módosítani tudjuk azt.

Jó tudni

Amikor először valaki megoszt egy linket Facebook-on, akkor automatikusan behúzza ezeket az adatokat a rendszer. Innentől kezdve addig, amíg valaki nem “scrapeli” újra az oldalt az OG adatokra vonatkozóan, addig a Facebook az első megosztáskor behúzott adatokat fogja megjeleníteni.

Tegyük fel, hogy írunk egy jó cikket és felrakjuk Facebookra. Ilyenkor behúzza a képet, a címet és a leírást is a rendszer. Aztán rájövünk, hogy mégis módosítani akarjuk mondjuk a képet, mert például nem jó felbontásban vagy méretarányban töltöttük fel (például levágja az alját vagy a szélét a Facebook). A képet cseréljük is WordPressen belül, de az Facebookon még nem fog frissülni. Sőt, ha valaki megosztja a linket, akkor simán lehet, hogy még a régi kép jelenik meg, mert a rendszert azt cachelte. Ilyenkor újból be kell küldeni a Debuggerbe a linket és onnantól kezdve már az új adatokat fogja a Facebook megjeleníteni.

Ha publikálsz bármilyen weboldalt vagy blogposztot, akkor javaslom, hogy közvetlenül az élesítés után futtasd át a linket Facebook Debuggeren és ellenőrizd, hogy a megosztásnál jó adatok és információk jelennek-e meg. Nem kerül többe 30 másodpercnél, de sok fejfájástól meg tudod kímélni magad hosszú távon.

A következő bejegyzés A Facebook Debugger használata elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

WordPress weboldal biztonsági mentése és automatizálása

Annál rosszabb dolog nem is történhet a weboldaladdal, hogy valamilyen oknál fogva összeomlik és elvesznek az adataid. Ez az egyik legfobb oka, hogy biztonsági mentést készíts a WordPress oldaladról. A többi okot és a “hogyan”-t és az egésznek az automatizálását ebben a bejegyzésben mutatom be.

Miért készíts biztonsági mentést a WordPress weboldaladról?

Hidd el, Te sem akarod hogy elveszítsd a weboldalad tartalmát. Mik lehetnek a problémák?

  • Feltörik a weboldalad
  • Valami probléma történik a tárhelyszolgáltatódnál
  • Te rontasz el véletlen valamit, ami után tönkre megy a honlapod
  • Átköltöztetésnél szükséged van a weboldalad fájljaira
  • WordPress, sablon vagy bővítmény frissítése közben becsúszik valamilyen hiba

Nem akarjuk, hogy ez megtörténjen, de jó elővigyázatosnak lenni.

A tárhelyszolgáltatók egyébként folyamatosan készítenek biztonsági mentést, de ha náluk van probléma, jó ha neked is megvannak a fájlok. Ráadásul nem lehet tudni, hogy milyen régi verzió van meg nekik és mennyire van rendben az a mentés.

Milyen gyakran készíts biztonsági mentést?

Ez teljesen attól függ, hogy milyen a weboldalad. Ne aggódj, nem kell mindig szenvedned vele, én olyan megoldást fogok mutatni, ami automatikusan elvégzi helyetted a biztonsági mentést.

Ha csak statikus oldalaid vannak, amik sose változnak akkor lehet, hogy elég csak havonta készíteni egy archiválást.

Ha blogolsz vagy vannak olyan oldalaid, amelyeket változtatsz, akkor sűrűbben, hetente is érdemes lehet mentést készíteni.

Ha magazin szerű weboldalad van, ahol nagyon sok cikk van, nagyon gyorsan változik a weboldalad, akkor akár naponta is érdmes lehet ezt elvégezni.

Hogy végezd el a biztonsági mentést a WordPress honlapodon?

Lehet teljesen manuálisan is elvégezni a különböző fájlok lementését, de ezt én inkább a fejlesztőknek hagynám meg, akik tökéletesen tudják mit csinálnak.

Egy átlagos felhasználónak egyszerűbb lehet egy bővítmény használata.

Általában ezeknek a bővítményeknek van ingyenes és fizetős verziója is. Én is egy ilyet fogok neked megmutatni.

Ha nagyon sok pénzt termel a honlapod, nagyon gyorsan változik a tartalom akkor lehet megéri a prémium verzióra váltani vagy egy nagyon profi tárhelyszolgáltatót választani, ami több helyre menti le a weboldalad adatait.

Mi jelenleg ingyenes bővítményt használunk és ezt nyugodt szívvel ajánlom Neked is.

Ez az UpdraftPlus.

UpdraftPlus használata

Ebben a bővítményben az a nagyon jó, hogy elképesztően egyszerűen lehet használni. Nézzük is a lépéseket

1. UpdraftPlus telepítése

Menj a Bővítmények–>Új hozzáadása menüpontra és keress rá az “UpdraftPlus”-ra

Kattints a telepítésre. Ez elkezd tölteni egy kicsit, ami után rákattinthatsz a kép “Bekapcsol” gombra.

Ezután a felső eszköztárban és a Beállítások–>UpdraftPlus Backups menüpontban tudod elérni a bővítményt.

updraftplus-telepitese

2. Hova mentse a bővítmény a weboldalad adatait

A beállítások fülre kell kattintanod.
updraftplus-beallitasok

Többféle integrációval rendelkezik a bővítmény. A leglényegesebb számodra a Dropbox, Google Drive és talán az Amazon S3 lehet.

Ez tőled függ mit használsz. Egyébként is megéri használni valamilyen felhő alapú tárhelyet.

Válaszd ki melyiket szeretnéd és kattints a “Változások mentése”-re.

Fontos, hogy elsőnek kattints a változtatások mentésére mielőtt összekapcsolod autentikációval vagy bármivel a weboldalad és a tárhelyet ahova menteni szeretnéd az adatokat.

Ezután kell összekapcsolnod a weboldalad és a tárhelyet.

A Dropboxnál ez egyszerű, mert csak a “Hitelesítés ezzel: Dropbox:” mellett lévő gombra kell kattintanod. Ha be vagy jelentkezve a Dropbox fiókodba akkor pillanatok alatt kész lesz. Ha nem, akkor jelenkezz be és utána egyszerű lesz az egész.
updraftplus-dropbox-osszekapcsolas

A Google Drive-nál kicsit bonyolultabb a hitelesítés. Ezen az oldalon mutatják be a beállítást. Ha mindenképp a Drive-ot szeretnéd használni csináld meg mindenképp. Egyébként a Dropbox-szal való összekapcsolás nagyon egyszerű.

Beállíthatsz itt még pár dolgot, akár emailt is tudsz magadnak küldetni, hogy sikerült-e a mentés. Be tudod állítani azt is, hogy mi legyen benne a mentésbe, de hagyj mindent bepipálva.

Biztonsági mentés elkészítése

Ezek után nincs más dolgod, mint visszaugrani az aktuális állapot fülre majd rákattintani a “Mentés most” gombra. Felugrik egy ablak, hagyd úgy a pipákat, ahogy vannak.

biztonsagi-mentes-elinditasa

A mentés bele fog telni 10-15 percbe. Közbe semmiképp ne lépj ki az oldalról!

Ha ez meg van kész is a biztonsági mentésed.

Amennyiben probléma lenne az oldaladdal a Dropbox-ban (vagy ahova mented) meg lesznek a régi mentéseid. A visszaállításról itt nem lesz szó. Mindenképp lépj kapcsolatba probléma esetén a tárhelyszolgáltatóddal. Biztosan tudnak segíteni.

Biztonsági mentés automatizálása

Ha sikerült, megvan a mentés akkor ideje ezt automatizálni, hogy többé ne kelljen hozzányúlnod.

Vissza kell lépned a “Beállítások”-ra és az első két beállítást át kell állítanod. Meg kell adnod, hogy milyen időközönként hány mentés legyen. Nálam heti 1 mentés van.

Ne felejts el kattintani az oldal alján a mentésre.

biztonsagi-mentes-automatizalasa

Ha ezzel megvagy kész is vagy a beállításokkal. Reméljük nem lesz szükség helyreállítani a weboldalad, de hidd el, hogy ha beüt a probléma áldani fogsz, hogy szóltam a biztonsági mentésről.

A következő bejegyzés WordPress weboldal biztonsági mentése és automatizálása elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

ActiveCampaign – A legjobb hírlevél küldő és email marketing rendszer?

Minden kezdő és haladó marketingesnél előjön az email címek gyűjtésének a kérdése. Nem untatlak vele, hogy ez mennyire fontos, mert a csapból is ez folyik. Igazából nem is az a kérdés, hogy gyűjtsd-e őket, hanem az, hogy milyen email marketing rendszerrel, milyen hírlevél küldővel tedd meg ezt. Mi (és sokan mások is) az ActiveCampaign rendszerét használjuk.

ActiveCampaign hirlevélküldő – Miért válaszotttam?

Nagyon sokat keresgéltem, míg megtaláltam a számomra leginkább legmegfelelőbb hírlevélküldő szoftvert. Megkérdeztem egy csomó online vállalkozó ismerősöm és a Digital Marketer Facebook csoportjában marketingeseket, vállalkozókat. Nagyon értenek ezekhez a dolgokhoz, általában hozzájuk szoktam fordulni segítségért.

Itt szerintem olyan 80%-ban az ActiveCampaign-t ajánlották. Külföldön a program már a legnépszerűbb olyanok körében, akik az egyszerűséget, felhasználóbarátságot keresik egy email marketing szoftverben, úgy hogy az automatizálásokat is egyszerűen lehessen elvégezni.

De erről majd a a funkcióknál.

Magyarok körében a MarketingCommando állt át erre a rendszerre nemrég az ismertebbek közül. Wolf Gábor a következőt kommentelte róla, mikor megkérdezték mire álltak át:

wolf gábor komment

Intuitív, egyszerűen megtanulható, vizuális, de mégis nagyon sokféle automatizáció készíthető vele. Nekem is ezek a legfőbb indokaim mellette.

Megjegyzés: Mailmaster-t még nem használtam, de a különböző rendszereknek, amiket én használok, nagyon nehéz szokott lenni az integrációja, így nekem sose került számításba. Ettől függetlenül magyar piacra, lehetséges hogy jó megoldás lehet, erről sajnos nem tudok érdemben nyilatkozni. Én nem választanék magyar rendszert…

Az ActiveCampaign jellemzői

Nézzük meg a pozitívumait és később a nagyon kevés negatívumát is a rendszernek.

Egyszerűen megtanulható

Bármilyen összefoglalót, leírást olvastam a programról, kb. mindig ez volt a legelső jellemzője, hogy milyen könnyű megérteni.

Nagyon izgalmas, de közben frusztráló folyamat tud lenni egy új rendszer megtanulása.

Előtte már használtam a MailChimpet és GetResponse-t, de voltak vele problémáim. Általában csak bambultam a képernyőre és kattingattam, mert nem tudtam, hogy kellene megcsinálni egy automatizációt vagy valamilyen beállítást.

Persze elsőre az AC-hez is kellett olyan 1 óra, míg az alapokat megtanultam.

activecampaign főoldal

Meg kellett értenem, hogy mi a különbség a kampányok, automatizációk között, hogy készítsem el az első email sablonom, stb.

Egyébként nagyon jó leírásaik, videóik vannak a különböző kifejezésekről, funkciókról és ezek nagyon sokat segítettek.

Feltöltöttem a kis pici 60 fős listám (le volt vezetve, hogy kell átvinni GetResponse-ból) és bele is ugrottam az atomatizációkba.

Kezdő és haladó automatizációk

Természetesen sima kampányokat is lehet készíteni, de ezt minden normális hírlevélküldő tudja.

Itt például fogalmi zavarban voltam egy darabig. A kampány az 1 egyszerű email, amit annak a listának küldheted ki, amelyiknek szeretnéd. Az automatizációban pedig felépíthetsz többlépcsős, több email-ből álló, különböző feltételek után változó sorozatokat.

A legjobb, hogy vizuális tudod felépíteni a rendszereid. Simán húzogatni kell a feltételeket egymás alá.

Mivel a funnelem (értékesítési tölcsér) még közel se volt kész, így egy egyszerűbb automatizációval kezdtem.

Ebben egy 8 részes mini WordPress kurzusról volt szó. Ha valaki feliratkozik, akkor kezdődik az automatizáció. Ezután 1-2 naponta új email-ek mentek ki és a végén felajánlottam egy akciót a teljes kurzushoz.

Ezeket a kedvedre tudod bonyolítani. A nehezebb, több feltételes rendszerek elkészítése nem az ActiveCampaign miatt lehet bonyolult. Az elején nekem az volt a bajom, hogy nem tudtam mit akarok. Amikor már alakult a fejemben, akkor összekattingatni már nagyon könnyű volt.

Ezért nagyon jó az AC. Ha egyszerűbb automatizációak akarsz, akkor az tuti könnyen megoldható.

Egy bonyolultabb funnelhöz pedig megad minden eszközt. Egyik automatizációból átvezetni másra, megnézett-e egy oldalt, vásárolt-e, kattintott-e egy linkre, stb. Tényleg csak a képzeleted szabhat határt.

activecampaign automatizáció minta

Tag-ek/Címkék

Erről érdemes még egy kicsit többet írnom.

Alapból az emberek listákon vannak, de ezen belül is tudod rendszerezni őket. Az a nagyon jó, hogy többféle Tag-et oszthatsz ki, természetesen automatikusan.

Itt is attól függ, mennyire szeretnél ebbe belemenni. Nekem sincs még sokféle, de külön szinteken lehetnek a feliratkozóid, külön érdeklődés szerint is csoportosíthatodőket, attól függően, hogy milyen linkekre kattintottak.

Tényleg csak tőled függ milyen marketinges ötleteid akarod megvalósítani.

tag címke

Ezekkel tudod igazán “megbolondítani” a rendszereid és egy komolyabbat is felépíteni.

Ha nem vagy az elején biztos a dolgodban, kezdd el kicsiben és folyamatosan rá fogsz jönni jobb és jobb megoldásokra.

Sablonok és design

Ami még tök jó, hogy szép email sablonok és automatizáció sablonok közül is választhatsz.

Egy email-t egyébként nem szeretek túldesignolni, a szép egyszerű kinézetet szeretem.

email sablonok

Csinálhatsz HTML nélküli sima szöveges email-eket is természetesen.

Magyar nyelv

Én kevés eszközt használok magyarul, mert a leírások, útmutatók amiket használok szinte mindig angolul vannak,

Aki nem tud magabiztosan angolul, ez nagy segítség lehet. Van 1-2 hiányos fordítás, de egyébként elég jól lefordították. Direkt megnéztem a cikk írása előtt.

Így már a nyelvtudás se lehet akadálya a külföldi rendszer használatának.

Integráció a WordPress-szel és más programokkal

Természetesen készítettek egy egyszerű bővítményt WordPress-hez, ami segítségével könnyen be tudod tenni az űrlapjaid.

Egyszerűen egy API kulccsal hozzá tudod kapcsolni a fiókod. Ezt is nagyon jól elmagyarázzák.

Ami miatt mindenképp külföldi szoftvert használok az a többi programmal való integráció.

activecampaign integrációk

Minden fontosabb rendszerrel össze tudod kapcsolni, amivel még jobb automatizációkat tudsz készíteni.

Ha pedig egy új szoftvert találnak ki, akkor szinte biztos, hogy hozzákapcsolják az AC-hez.

Ügyfélszolgálat – Segítségek

Manapság minden jobb hírlevélküldő rendszernél brutálisan jó az ügyfélszolgálat.

Ez itt sincs másképp.

Élő chat-en vagy emaileken keresztül könnyen tudsz segítséget kérni.

Előtte ajánlom, hogy nézd meg a tudásanyagjaikat, mert tényleg nagyon sokat segítenek. Igaz, ezek csak angolul vannak.

Ami óriási előny a többi hasonló programmal szemben, hogy vannak blogok, Facebook csoportok, amelyek az ActiveCampaign-ről szólnak.

Amibe én benne vagyok az az Automation Nation. Ez az Active Marketer blog Facebook csoportja. Itt nagyon okos és hozzáértő ember van, így nagyon jó segítséget tudsz kapni.

Negatívumok

Nem vitás, hogy imádom az egész ActiveCampaign-t, de találkoztam 1-2 pici hibával, amit a tisztázás kedvéért meg szeretnék Veled osztani.

Azt azért tudnod kell, hogy magasan a legjobb hírlevélküldő program és email marketing szoftver, ami szerintem most a piacon megtalálható. Ráadásul folyamatosan fejlődik, benne is szoktam lenni a béta tesztelő csapatban.

Nézzük, eddig mikkel volt bajom…

Nehezen alakítható űrlapok

Mi szeretjük a szép design-t. Szoktunk játékos grafikákat berakni, vagány hátteret, hasonlók.

Az AC-nél ezeket nem nagyon lehet kivitelezni. Lehet belerakni képet, alap elrendezést beállítani, színeket, szövegeket, menőket alakítani és kb ennyi.

Nem nagy probléma, mert így is lehet egyszerű, de szép űrlapokat készíteni, de ez nekünk már kicsit túl egyszerű.

űrlap készítő

Tényleg nem olyan nagy probléma, de egy csomó ideig kerestem, hogy lehet egyedibb űrlapot készetni.

Ami biztató, hogy dolgoznak az űrlapkészítő felfrissítésén, direkt megkérdeztem.

Egyébként azt vettem észre, hogy főleg automatizációval kapcsolatos újításokon dolgoznak többet. Ezzel én egyet értek, mert sokkal izgalmasabb és jövedelmezőbb tud lenni ha profibb marketing rendszereket tudsz létrehozni.

Email sablon készítő

Ez a másik, ami kicsit problémás volt.

Szerencsére csak 1 sablont kellett elkészítenem, de a fogd és vidd módszeres email készítő elég bugyután és bugosan működött néha.

Nagyon alap design-unk van, felül egy logó, szöveg, kép rólam és kb. ennyi. Emiatt nekem annyira nem probléma, de ha már képet akarsz beszűrni, akkor 2 szövegdobozt kell csinálnod, meg van még 1-2 bugos dolog benne.

Ami tényleg jó, hogy egyszer ezt megcsinálod és utána már nem is kell nyúlnod hozzá.

A szöveg a lényeg úgyis.

activecampaign email szerkesztő

Ez is csak egy kisebb probléma, de idegesítő tud lenni, mert ugye ezzel kezdi az ember az egészet.

Viszont miután kész a sablonod, eljön az automatizáló kánaán és meg fogod köszönni, hogy ajánlottam a szoftvert.

Ár és Trial verzió

Hihetetlen volt számomra, hogy mennyire olcsó. Elsőnek kételkedtem is benne.

Aztán gondoltam kipróbálom az ingyenes trial verziót, amit nagyon jól építettek fel.

100 feliratkozóig, ingyenesen használhatsz mindent.

A magyar szolgáltatókkal ellentétben, külföldön kb. mindenhol a feliratkozóid száma után kell fizetni havidíjasan. Kiküldhetsz email-t minden nap, nem ettől fog függeni az ár.

  • 500 főig: $9, ami ~2.600 Ft
  • 10.000 főig: $70, ami ~ 20.000 Ft
  • 50.000 főig: $225, ami ~65.000 Ft

Rajtad múlik, hogy mennyire használod ki a saját listád, ami az egyik legnagyobb értéke egy online vállalkozónak.

Szerintem ilyen alacsony áron és az ingyenes trial verzióval, mindenképp megéri kipróbálni.

Van 2 magasabb árkategóriájú opciójuk is, amiben van CRM rendszer, de én ezt még nem használtam, így sajnos nem tudok róla mit mondani.

Összefoglalás – ActiveCampaign

Mindenképp ajánlom Neked ezt a hírlevélküldő programot.

Tisztázd le magadnak, hogy mi a célod, hogy használod az email marketinget.

Azért is nagyon jó választás, mert az egyik legolcsóbb az ilyen szoftverek közül. Ha csak el akarod kezdeni, ingyenesen meg tudod tenni.

Ha már magasabb szinten vagy, van lead magneted (csali), belépő terméked, több terméked, amiket automatikusanszeretnél összekapcsolni, akkor az ActiveCampaign-nel ez menni fog.

1-2 negatívumot találtam benne eddig, de elképesztő sok pozitívumot.

Szerintem ez a legjobb választás most.

Ha kérdésed van a programmal kapcsolatban, nyugodtan tedd fel 🙂

.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:#ffffff;}.fusion-button.button-1 {border-width:0px;border-color:#ffffff;}.fusion-button.button-1 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#ffffff;}.fusion-button.button-1:hover, .fusion-button.button-1:focus, .fusion-button.button-1:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1{background: #a0ce4e;}.fusion-button.button-1:hover,.button-1:focus,.fusion-button.button-1:active{background: #96c346;}.fusion-button.button-1{width:auto;}ACTIVECAMPAIGN LETÖLTÉSE

A következő bejegyzés ActiveCampaign – A legjobb hírlevél küldő és email marketing rendszer? elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

Ingyenes Csali Landing Page WordPress weboldalra (Divi sablonnal)

.fusion-fullwidth-1 {
padding-left: px !important;
padding-right: px !important;
}

Az előző bejegyzésemben megmutattam, hogy miért is olyan jó sablon az Elegant Themes csapat Divi-je. El is hoztam neked egy egyszerű, de annál jobb csali landing page-t, amit nagyon egyszerűen át tudsz alakítani a saját csalidhoz.

Ne aggódj, ha nem Divid van, úgy is viszonylag könnyen létre tudod hozni ezt a landing page-t. Megmutatom, hogy a háttérben hogy néz az elemek összekattingatása.

Divi – könnyen be tudod másolni, amit elkészítek

Ugye a Divinek hatalmas előnye, hogy el lehet menteni layoutokat (elrendezéseket), amit oda lehet adni bárki másnak, aki ugyanúgy Divit használ.

2 kattintással be lehet tölteni egy egész oldalt akár. Átmennek a képek, szövegek, elemek egyaránt.

Ezt Te utána át tudod alakítani a saját csalidhoz. Nem kell ahhoz szövegírónak lenni, hogy 2 címet és pár előnyt fel tudj sorolni az adott csaliról, szóval tényleg mindenki fel fogja tudni használni az oldalt.

A LETÖLTÖM gombra kattintás után felugrik egy ablak, ami egy Popup-ra vezet. Ezt én a Divi saját bővítményével a Bloom-mal csináltam meg. Ha neked más email marketing szoftvered vagy popup bővítményed van, akkor valószínűleg máshogy kell megcsinálnod.

Ha Divid van akkor, könnyebb dolgod lesz.

Ha még nem vásároltad meg a sablont, de Te is rájöttél, hogy mennyire jó, akkor itt meg tudod szerezni a Developer opciót 20%-al olcsóbban (ebbe van benne a Bloom bővítmény).

Divi 20% kedvezmény - WPkurzus

Na de nézzük is, hogy másold milyen a landing page

Csali landing page – Divi sablonhoz

Tényleg egy nagyon egyszerű landing page-ről van szó. Van benne figyelemrefelkeltő cím, alcím, előnyök, kép a “termékről” és bazi nagy gomb is.

Ráadásul tettem bele egy kis társadalmi bizonyítékként szolgáló ajánlást is.

Ha nem tudod milyen csalid legyen, olvasd el ezt a bejegyzést, amiben 26 példát mutatok meg.

Amit mindenképp tenned kell, hogy megcsinálod a saját csalid és megírod hozzá a szövegeket. Mindent én se tudok helyetted megcsinálni 🙂

Át kell még cserélned a logód és ajánlom, hogy készíts (vagy bérelj fel egy grafikust) egy “megfogható” képet is a csalidról. Ez nagyon megdobja a konverziót.

Így néz ki az oldal amit le tudsz tölteni (bal oldalt pedig a felépítését láthatod)

Csali Landing Page háttér

Kattintásra nagyobb lesz

Landing Page bemásolása a Divi weboldaladba

Mint már mondtam, a módszer csak akkor működik, ha Divi sablonod van. Más sablonnál azt tudod tenni, hogy megnézed az elemeket, hogy építettem fel az oldalt és megpróbálod lemásolni.

Divi esetében mindenképp nézd meg a lenti videót, amiben lépésenként elmagyarázom a bemásolás menetét.

A videón bemutattam, hogy kell ezeket beimportálni.

Letölteni pedig a lenti gombbal tudod.

Mindkettő .json fájl. Értelemszerűen az egyik az egész elrendezésé a másik pedig a popupé.

Ha szeretnél még hasonló ingyenes letöltéseket, akkor lájkold a Facebook oldalunk, mert mostanában több hasonlóval találkozhatsz.

A következő bejegyzés Ingyenes Csali Landing Page WordPress weboldalra (Divi sablonnal) elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

Elegant Themes – Divi | A legjobb WordPress sablon?

.fusion-fullwidth-1 {
padding-left: px !important;
padding-right: px !important;
}

Ha saját magadnak készíted a WordPress alapú weboldalad, akkor mindig, de tényleg mindig az lesz a legfontosabb lépésed, hogy kiválaszd a sablonod. Tőlem még mindig azt kérdezik a legtöbbször, hogy melyik sablont válasszák a honlapukhoz. Szerintem most a legtutibb választás az Elegant Themes – Divi. Mivel elég sok sablont használtam már, van viszonyítási alapom, ezért elég jól el tudom mondani a véleményem róla.

Ha érdekelnek a részletek, olvass tovább.

Az Elegant Themes – Divi WordPress sablonról általánosságban

Miért van két neve?

Azért szoktam Elegant Themes – Divi -nek hívni a sablont, mert az Elegant Themes a csapat és a Divi a fő sablon. Mind a kettőt szokták használni, de lustaságból mostantól Divi-nek fogom hívni 🙂

Ez a legtöbbet eladott sablon. Nem a Theme Forest-en vannak jelen, ahol nagyon sok sablont találhatsz, hanem teljesen külön, saját maguknak intézik a brandinget, eladásokat. Ennek az eredményét a lenti képen láthatod.

divi vásárlók száma

Igen, elég sok ember használja a sablont.

Az ő modelluk előfizetéses rendszerű. 3 különböző fizetési opció van:

elegant themes kedvezményes ár

Van 2 különböző évente fizetős opció és egy lifetime opció (nekünk ez van meg) amivel örökre tiéd a sablon.

Az első két opció között a különbség a bővítményekben és a photoshop fájlokban van. A bővítményekről később részletesen beszélek.

Van számodra egy exkluzív ajánlatom. Ha ide a lila képre kattintasz, akkor 20%-os kedvezménnyel veheted meg a Developer verziót évente $89 helyett mindössze $70-ért.

Divi 20% kedvezmény - WPkurzus

Ha úgy tervezed, hogy több mint 3 évig használod a sablont, akkor a lifetime opció éri meg. Ebben tényleg mindent megkapsz.

Ez az ár drágább, mint a Theme Forestes sablonok vagy mint az Avada (amiről itt olvashatsz bővebben). Szerintem ez a plusz összeg bőven megéri. Nézzük is meg, hogy miért gondolom így.

Teljesen magyar nyelvű és nem kell tudnod kódolni

Néhány ismertebb sablonba már integrálták a magyar nyelvet, de sokszor csak egy része magyar.

A Divinél az egész sablon magyar nyelven van. A Divi Builder, a sablon beállítások, az elemek, és az elemek speciális beállításai is.

Ha nem tudsz angolul, akkor nagyon nagy könnyebbség lehet a számodra.

Természetesen, mint minden jó WordPress sablon, ez se igényel programozói tudást. Simán kattingatásokkal és fogd és vidd módszerrel tudod elkészíteni a weboldalaid.

Divi sablon beállítások

A telepítés természetesen nagyon egyszerű, úgy működik mint a többi sablonnál (ha esetleg nem tudod, itt lépésről lépésre leírom).

Ezután el is kezdheted építeni a weboldalad.

A sablon beállításinál egy csomó opciót el tudsz végezni, amire szükséged van a weboldaladhoz. Tényleg szinte mindent be lehet állítani. Az se baj, ha nagyon nem akarsz belemélyedni, mert a főbb beállítások is jól elkülönülnek.

divi sablon beállítások

Az Elegant Themes design

A csapat híres a szép, modern, letisztul design-járól, ami most 2016-ban magasan a legmegnyerőbb. Nincs felesleges csicsázás, egyszerűek az elemek, a színösszeállításokra kell odafigyelni és arra, hogy könnyen navigáljon az olvasó.

A fő sablonuk a Divi, de itt nem állnak meg.

Ebből a sablonból mindent ki tudsz alakítani, de előre elkészítettek 87 különböző sablon oldalt. Ezeket nem kell külön megvásárolni, mindegyiket használhatod, annyi weboldalon, ahányon szeretnéd. 

divi demok

Ezeknek az alapja a Divi, de egy design rá van húzva, így ha tetszik valami akkor nem 0-ról kell építeni, hanem már egy adott weboldalból. Be kell másolnod a saját adataid, kiszedni ami nem tetszik, hozzárakni, amire még szükséged van és kész is vagy.

A fogd és vidd módszeres Divi Builder

Ez az egész sablon esszenciája.

A különböző sablonoknál az oldalaid sok féle builderrel tudod elkészíteni. A Divinél a Divi Builder-rel.

Ezt külön a sablonhoz fejlesztették ki és az egyik legjobb (ha nem a legjobb) a piacon. Ráadásul pár héten belül jön a 3.0 verzió, ami még könnyebben használhatóvá teszi az egész weboldalkészítést).

divi szerkesztő

Milyen a Divi Builder?

  • Már alapból a design-ja is csodaszép.
  • Nagyon gyors, nem kell várni a különböző lépésekre.
  • Könnyen hozzá lehet szokni. Ha már használtál más szerkesztőt, egyszerű átszokni és új felhasználóknál pedig pár óra használat után úgy érzed, mintha már hetek óta ezzel dolgoznál.
  • Logikusan, érthetően vannak felépítve a különböző hasábok és modulok.
  • Ha valamit elrontottál van visszavonás és többszörös visszavonás funkció is (másik builderekben nem nagyon)

Van pár fontosabb része, ezeket nézzük meg külön-külön.

Modulok – Elemek

A Divi a modulok szót használja arra, amire én általában az elemeket szoktam.

Ezek az olyan előre készített elemei a weboldaladnak, amire általában szükséged van.

divi modulok

Van itt minden, ami kell egy weboldalhoz. 46 különböző, előre elkészített modult tudsz felhasználni 1 kattintással.

Nagyon könnyen lehet őket alakítani, másolni.

Nem is kell elmenteni az átalakítás után, mert van egy beépített funkció, amivel egyből megtekintheted. Ráadásul megnézheted a reszponzivitását, szóval megmutatja a modul kinézetet telefonon, tableten és teljes képernyőn is.

gomb modul beállítások

Elmenthető elemek, szekciók, oldalak

Ez egy nemrégen hozzáadott funkciója a Divinek, de magasan a legkirályabb.

Elképesztő sok időt lehet vele megspórolni.

El tudod menteni az eddig elkészített elemeidet és egy másik oldalon vagy egy teljesen másik weboldalon betudod tölteni.

Ennek már egy sima gomb-nál is sok jelentősége van. Pl. van egy szín, amit használsz, forma, felirat, ikon hozzá. Ezt minden oldalon beállítani sok idő, de ha elsőnek elmented, akkor a többiben már csak egyszerűen 1 kattintással be tudod tölteni.

És ez még nem minden…

Egész szekciókat is el tudsz menteni. Van, hogy egy szekcióban van egy címed, sima szöveg, 8 ikon az egyik hasábban, a másikban kép és még kitudja micsoda. Ezt az egészet el tudod menteni és ugyanúgy betölteni később.

Nem akarok hatásvadász lenni, de még ennél is van egy jobb része az egésznek 🙂

divi elrendezések

Akár egész oldalakat is el tudsz menteni. Ráadásul, ha én elkészítek egy oldalt, ezt oda tudom neked adni, amit be tudsz tenni a saját weboldaladba. Ez adja meg az igazi erejét a Divi-nek.

A Divinek vannak előre elkészített elrendezései. Ezek ugyanúgy kész oldalak, amiket nagyon szépen megcsináltak. Ezeket is egyszerűen tudod használni.

előre elkészített elrendezések

Beépített A/B teszt

Nagyon kevés sablonban van meg ez a funkció. Nem kell külön szoftver, eszköz hozzá, a sablonon belül el tudod végezni az A/B tesztet.

Ki kell választanod egy elemet, amelyikből 2 opciót csinálsz és láthatod melyik működik jobban a beállított konverzió tükrében.

ab teszt

Sose volt egyszerűbb a tesztelés.

Bővítmények

Mint mondtam, az Elegant Themes-es készítők saját bővítményeket is készítettek, amik tökéletesen működnek a Divivel.

Ezekből 2 fontosabb van.

A Bloom egy popup plugin. Nagyon fejlett, gyönyörű sablonokat készítettek el előre, amiket könnyen átalakíthatsz.

Készíthetsz klasszikus felugró ablakot, oldalt beúszó ablakot és akár védett tartalmat is, amit csak akkor nézhetnek meg, ha megadják az email címük.

Természetesen minden fontosabb külföldi email marketing szoftverrel integrálva van a bővítmény.

bloom

A másik pedig a Monarch közösségi médi bővítmény.

Nagyon sokféle helyen tudod megjeleníteni a megosztás gombot. Popupban, bejegyzés alatt, felett, oldalt.

Szóval tényleg bárhol, ráadásul nagyon szép a design is, úgy mint az egész sablonban.

monarch

Ügyfélszolgálat és dokumentáció

Nagyon fontos, hogy ha elakadsz, hogy találod meg a megoldást?

Szerencsére mindenre kiterjedő dokumentációjuk van. Angolul van, viszont videókkal, képekkel, szöveggel próbálnak segíteni.

Ha így se menne, lehet kérdezni tőlük, amire nagyon gyorsan válaszolnak.

Erről nincs is mit beszélni, nagyon értik a dolgukat.

Összefoglalás

Külalakban és funkciókban is nagyon magas szintű az Elegant Themes – Divi sablon. Most ha kérdezik tőlem, én ezt ajánlom mindenkinek.

Igaz, hogy drágább, mint a legtöbb sablon, de ha vállalkozásnak szeretnél weboldalt készíteni, akkor meg fogja érni.

Az exkluzív 20%-os kedvezmény miatt $1-al többért tudod megvenni a Developer opciót, ami még a hülyének is megéri, ha már a Divit választod.

Divi 20% kedvezmény - WPkurzus

Így havonta 1.700 Ft-odba kerül a sablon, ami hihetetlen olcsó. Ezt bármennyi weboldalnál felhasználhatod.

Ha hosszab távra tervezel, akkor pedig megvásárolhatod a Lifetime licenszt.

Természetesen folyamatosan fejlesztik a sablont, így mindig az egyik legjobb lesz. Az új 3.0 itt lesz nemsoká, amiben már nem csak a modulos részletben tudod szerkeszteni az oldalad, hanem a legfejlettebb front-end editorral. Ez azt jelenti, hogy egyből látni fogod, amit változtatsz, mintha egy éles oldalon rakosgatnád át, méreteznéd az elemeket.

Egyszerűség, használhatóság szempontból is szinte tökéletes. Egy kezdő és egy haladó is ugyanúgy ki tudja használni a benne rejlő lehetőségeket.

Ui.: Ha a képre kattintva veszed meg kedvezményesen a Divit, akkor jutalékot kapok belőle. Mivel Te is olcsóbban jutsz hozzá, így ez szerintem elég jó üzlet. Nem ajánlanám, ha nem lenne szerintem tényleg nagyon jó sablon, így ha ezt választod, tuti nem fogsz csalódni.

A következő bejegyzés Elegant Themes – Divi | A legjobb WordPress sablon? elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

Facebook Messenger integrálása a (WordPress) weboldaladra

Sok élő chat programot ismerek és próbáltam már, de az igazán jók fizetősek. Mivel mindenki Facebook-on van, jó kérdés, hogy be lehet-e integrálni a Facebook Messenger-t a WordPress weboldaladba? Szerencsére van már erre megoldás, ezt fogom neked megmutatni ebben a bejegyzésben.

Nem kell hozzá nagy technikai tudás, Te is be tudod állítani egyedül.

Szerencsére ez ingyenes, szóval fizetned se kell egy prémium bővítményért.

A módszer nem csak WordPress weboldalon működik, de én természetesen ezt mutatom meg neked.

Hogy néz ki a Messenger a weboldaladon?

Jobb oldalt lentre kerül egy kis ikon és ha rákattintanak, lehet egyből írni. Ezt Te (vagy aki kezeli az oldalt) megkapod Messengeren és tudsz egyből válaszolni.

messenger chat

Kattintás után felugrik a látogatónak egy új ablak, amiben rá kell kattintania egy gombra, hogy folytatja a Facebook felhasználójával. Ha ezt megcsinálja, egyből tud neked írni.

facebook chat felugró ablak

Na de nézzük is, mivel lehet ezt a legegyszerűbben beállítani?

Hogy telepítsd a Facebook Messengert a (WordPress) weboldaladra?

Nem bővítményt fogunk használni, hanem egy weboldalon állítjuk be, amit szeretnénk és bemásolunk hozzánk egy kódot.

Ez az alkalmazás a Supple oldalán érhető el.

Kezdésnek kattints a narancssárga PROCEED gombra.

Facebook oldalad nevének beírása

Menj az oldaladra és másold ki az oldalad felhasználónevét.

facebook-messenger-név-beírása

Egyéb beállítások

A következő oldalra a jobb oldalon lévő kis ugráló nyíllal mehetsz.

Itt több dolgot kell beállítani.

A csúszkákkal be kell állítanod, hogy mikor írhatnak Neked. Ezután beállíthatod azt is, hogy ha ezen az időn kívül vagy, akkor email-t küldhessenek.

Beállíthatod, hogy ha változás van a Facebookkal vagy ezzel a kis applikációval akkor kapj email-t. Szerintem célszerű beállítani, hogy ne működjön rosszul az alkalmazás.

Ezután még be kell írnod az email címed is és az időzónát, de ez szerintem jóra lesz beállítva, ha Magyarországon vagy.

Messenger ikon helyzete

Következő oldalon az ikon helyzetét állíthatod be, de ez alapból a jobb alsó sarokra van állítva, így én ott hagytam.

Kód kimásolása

Ne ijjedj meg nem olyan bonyolult, mint amilyennek elsőnek látszik.

A bal oldali kód lesz a miénk.

messenger kód kimásolása

CTRL+F-ek keress egyet az oldalon. Írd be, hogy “Message Us”. Ez látszik alapból a Messenger ikon mellett.

Ha megtaláltad akkor írd át, arra amire szeretnéd. Én “Kérdésed van? Küldj üzenetet!”-re állítottam.

Ezután kattints a Copy Minified Code-ra és így kimásolja a kódot.

Kód bemásolása /body elé Avadában

Attól függően, hogy milyen sablonod van, általában van egy opció, hogy a /body elé be tudj másolni kódot.

Avadában ezt a következő úton éred el: Balol oldali menüben Avada – Theme Options – Advanced

Ide simán egy CTRL+V-vel másold be a kódot, mentsd el és kész is vagy.

facebook messenger kód bemásolása avada

Kód bemásolása bővítménnyel

Ha nem Avadád van vagy nem találod meg a saját sablonodban ezt a lehetőséget, akkor egy egyszerű bővítménnyel is meg tudod csinálni ezt a másolást.

A bővítmény neve Insert Headers and Footers. Keress rá (WPBeginners csinálta), telepítsd, aktiváld.

Bal oldali Beállítások menüben találod a nevén.

A második rublikába kell beraknod.

insert headers footers

Ha ez meg van kész is vagy 🙂

Lett egy tök jó Facebook Messenger chat-ed a weboldaladon. Várhatod, hogy írjanak a látogatóid 🙂

A következő bejegyzés Facebook Messenger integrálása a (WordPress) weboldaladra elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

Képek keresőoptimalizálása

Akár sima weboldalunk van, akár webshopunk, a képek optimalizálása és keresőoptimalizálása egy kiemelkedően fontos terület. Ennek ellenére sokan figyelmen kívül hagyják.

Mi a probléma?

Amikor egy képet feltöltünk a weboldalunkra, akkor a legtöbben egyáltalán nem foglalkoznak azzal, hogy azokat optimalizálják.

Elkészül a desing, vagy csinálunk egy fényképet és máris töltjük fel az IMG_120013.jpg-t. Ezzel viszont az a gond, hogy ebben az esetben sokszor:

  • egy az egyben, minőségoptimalizálás nélkül töltünk fel egy sok megás képet
  • nem nevezzük el / át a képet
  • nem töltjük ki a képhez tartozó leírást

Ezek alapján pedig az alábbi problémákba futunk bele:

  • a nagy méretű képeket sokkal lassabban tudják letölteni a felhasználók
  • ez rontja az oldalbetöltési sebességet
  • ezért a Google más versenytársakat előnyben részesíthet hozzánk képest, akiknek gyorsabban tölt be az oldala
  • ezen felül a Google nem tudja azonosítani, hogy a kép pontosan miről szól

A fenti problémák oda vezethetnek, hogy végső soron a képek feltöltésével nemhogy javítunk az oldalon, hanem akár ronthatjuk is az oldal keresőoptimalizálását.

Amikor képeket töltünk fel egy oldalra, akkor az alábbi elemekre kell mindenképp figyelnünk.

Nevezd el a képet megfelelően

A képeket ne ebben a formában töltsük fel:

  • IMG_1230.jpg
  • termek-jo-kicsi.jpg
  • leiras-vegleges.png

Hanem adjunk nekik magyarázó, és értelmes nevet. Például így:

  • 2012-toyota-avensis-kombi-szurke.jg
  • iphone-6s-fekete-szilikon-tok.jpg
  • wordpress-tanfolyam-leiras.png

Ez már önmagában segít abban, hogy a képek értelmezhetőek legyenek a felhasználók és a keresőmotorok számára. Nem beszélve arról, hogy később ez nekünk is hasznos lehet. Ha egy webshop üzemeltetünk, akkor ezt az elnevezést kiegészíthetjük egyéb termékjellemzőkkel is. Arra viszont ügyeljünk, hogy ne halmozzuk benne a kulcsszavakat.

Egy ilyen képelnevezés ugyanis inkább káros, mint hasznos: apple-iphone-6s-kartyafuggetlen-olcso-fekete-szilikon-tok.jpg

Érdemes olyan nevet adni a képeknek, amit ha nem tudunk megnézni, akkor maga a fájlnév alapján is megértjük, hogy az mit ábrázol.

Adj a képhez kiegészítő leírást (alt tag)

alt-text-wordpressAz alt tag abban segít, hogy plusz információt tudjunk csatolni egy képhez. Ebben a leírásban röviden elmagyarázhatjuk, hogy az adott kép miről szól.

Itt egy példa arra, hogy ez a kódban hogy néz ki:

<img src=iphone-6s-fekete-szilikon-tok.jpg" alt="Fekete szilikon tok iPhone 6S telefonhoz">

Jelen esetben ez a rész lesz az alt text ez a rész: “Fekete szilikon tok iPhone 6S telefonhoz”. Bár napról napra egyre jobbak a képfelismerő algoritmusok, de még mindig nem tartanak ott, hogy minden kép tartalmát felismerjék. Ezért kell a kép nevével és az alt texttel segíteni abban, hogy pontosan értelmezni tudják, hogy mi is van egy-egy képen.

Itt fontos tudni, hogy minden képnél érdemes kitölteni az alt textet. Igen, mindegyiknél. A céges logónál, a termékfotóknál, a header-nél, vagy épp a csapattagokról felrakott képeknél is. Ez ugyanis sokat segít abban, hogy a Google tudja, hogy mit ábrázol a kép és milyen témáról szól az oldalunk. A képek leírásainak az optimalizálása nem csak a képtalálatoknál lesznek hasznosak, hanem a szöveges találatoknál is.

Az alt textet a WordPress felületén belül “Alternatív szöveg” vagy “Helyettesítő szöveg”-ként találjuk meg, ahogy azt a jobb oldali képen is láthatod.

Optimalizáld a méretet

A legtöbb felhasználó otthagyja a weboldalad, ha az nem tölt be 3 másodperc alatt laptopon.
Mobilon ez 5 másodperc.

Mivel a Google felhasználja az oldalbetöltési sebességet mint rangsorolási faktor, ezért erre érdemes időt szánni.

Akár Photoshopban is el lehet menteni a képet webre optimalizált formában, vagy használhatod ezt az ingyenes, online tömörítő programot: tinypng.com. Ezzel szemmel látható minőségromlás nélkül lehet lecsökkenteni egy kép méretét.

Képméret optimalizálása

Ha például feltöltesz egy 2 MB-os képet, akkor annak a 60-70%-át is meg tudja spórolni, és máris egy 0,3 MB-os képet kell már csak letöltenie a felhasználónak. Ezzel pedig nagyon sok másodpercet meg lehet spórolni az oldalbetöltési sebességen.

Készíts oldaltérképet a képekhez is

Abban az esetben, hogyha a képek nem kerülnek meghívásra a weboldal forráskódjában, akkor a Google nem is fogja indexálni ezeket. Ezért érdemes egy csak képekre vonatkozó oldaltérképet létrehozni (image sitemap), amit a Google Search Console felületén tudsz bekötni.

Kép oldaltérkép hozzáadása Search Console segítségével

A technikai leírást és részleteket itt találod a képes webhelytérképeket illetően: https://support.google.com/webmasters/answer/114016?hl=hu

Ha betartod a fenti 4 szabályt, akkor jelentős lépést tehetsz a felé, hogy a képtalalátok, majd a szöveges találatok között is javuljon az oldalad helyezése.

 

A következő bejegyzés Képek keresőoptimalizálása elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

[ESETTANULMÁNY] A WPKurzus tanfolyam első kampánya

Ha Te is csináltál már termékbevezetést akkor tudod, milyen sok elemből és eszköz összehangolásából áll az egész levezénylése. Nekem most volt az első és meg szeretném Veled osztani a tapasztalataimat. Megmutatom hogy építettem fel az első kampányát a tanfolyamomnak. Bemutatom miket használtam, mi sikerült jól és azt is miben kell fejlődnöm a jövőben. Látni fogod, hogy (szinte) egyedül is mennyi mindent meg lehet csinálni a WordPress-szel és különböző online marketinges eszközökkel, szinte 0 pénzből.

Elsőnek is igazából ez nem egy termékbevezetés volt, hanem egy áremelkedés előtti nagyobb akció. Előtte még nem nagyon hirdettem a terméket.

Most volt igazából az első igazi termékbevezetési kampányom landing page-el, erre mutató hirdetésekkel, hírlevél kampánnyal, ezért ezt tekintem az első product launch-nak.

A konkrét kampányra pontosan 9.215 Ft-ot költöttem és 580.000 Ft bevételt hozott, szóval remélem tudok értékes ötleteket adni a számodra.

A végén lesz egy nagyon szép folyamatábra, amiben egyértelműbben látod, hogy is épült fel az egész, de a részleteket is leírom természetesen.

Nézzük is az előzményeket.

Miket csináltam a bevezetés előtti 8 hónapban

Ha esetleg nem ismernéd mit csinálok, itt egy gyors felzárkóztató…

A WordPress-t egyre jobban kezdik megismerni kis hazánkban. Külföldön már szinte mindenhol ezzel készítenek weboldalakat.

Egyedül elég nehéz a 0-ról megtanulni a használatát, pedig nagyon sok ingyenes tananyag van a neten. Ezekkel az egyik probléma, hogy szinte csak angolul vannak. A másik, hogy fogalmad sincs hol kezdd el és nagyon sokszor nem tudod, hogy mi is a problémád. Ezért nagyon jó, ha már valaki elmondja a “best practice”-t.

Kutatás, béta verzió

Megnéztem a magyar WP tanfolyamokat, megvettem az összes külföldit és arra jutottam, hogy ebbe érdemes még most beszállni. Egy csomó mindent tovább tudtam fejleszteni és véleményem szerint egy jobb tematikát alakítottam ki.

Mivel mások is csinálják és keresnek vele, így a piacot validáltnak tekintettem. Igaz Magyarország kicsi, de hittem magamban, hogy jobb terméket fogok létrehozni, mint a versenytársak.

Ez a keresgélés, videók elkészítésének béta verziója tartott kb. 4 hónapig. Magányos és fárasztó meló, főleg hogy a WP folyamatosan fejlődik. Volt hogy egy egész napon keresztül egy videót készítettem és ezt 1 hét múlva meg kellett ismételni. Fel kellett építeni úgy a tematikát, hogy logikusan, lépésről lépésre értsék meg az újak a működést. Nem baj, nem adtam fel és kész lett egy béta verziója a kurzusnak.

Üzleti modell

Már a kutatás közben ki kellett találnom az üzleti modellt. Ez a többi tanfolyamnál vagy membership szerű, szóval mondjuk évi díjas vagy egy összegben fizetős.

Mivel még nem teljesen kész termékről van szó, nem akartam éves díjat. Nem volt még vásárlóm így jó és vonzó ötletnek gondoltam, hogy aki az elején csatlakozik az a jövőben minden anyagot ingyenesen kap meg.

Igen ám, de védeni akarom természetesen az anyagokat így egy membership bővítménnyel levédettem az oldalt. Hát ez nem volt egyszerű menet, de így ha valaki regisztrál, bejut egy védett helyre és el tudja érni az anyagokat. A legnagyobb baj a magyar online fizetési szokásokkal van, de erről majd később…

A rendszerem felépítése főleg a Digital Marketer értékesítési modelljéből alakult ki. Erről írtam egy bazihosszú cikket, amit itt olvashatsz el.

Tesztelés

Kész az oldal, kész vannak a videók…

Ezután kerestem embereket akiknek ingyen odaadtam, hogy megtudjam milyen a fogadtatása. Ebből szereztem ajánlásokat és tudtam fejleszteni a tanácsok javaslatára.

Ami nem volt egyszerű, hogy egy weboldalkészítes tanfolyamot elvégezni nem olyan egyszerű. Az embernek el kell köteleznie magát, hogy most tényleg nekiáll és csinálja. Emiatt nem könnyű jó visszajelzést kapni.

Ilyenkor még közel nem éreztem olyannak a terméket, amilyet szerettem volna, de egy indulásnak tökéletes volt.

Látogatók szerzése

Ez már izgalmasabb feladatnak tűnt előzetesen, de közel se könnyűnek.

A célcsoport elsődlegesen a kisvállalkozók. Szeretik a marketinget, szeretnek pepecselni az oldalukkal. Valószínűleg nem tudnak olyan jól angolul, de saját maguk akarják elkészíteni a weboldaluk vagy egy kész weboldalt akarnak módosítani.

Életkort nem tudtam kitalálni, de valószínűleg 25 év felettiekről van szó.

Facebookon egyértelműen Marketing Commando-t és hasonló oldalakat kedvelőkről van szó, így a célzás már nagyjából meg is volt, ezt később lehet szűkíteni.

A WordPress-ben mivel sokmindenre van netes segítség, a SEO segítségével Google-ből is szerezhetek látogatókat, de így az elején, új domain-nel, cikkek nélkül, backlinkek nélkül ez beletelik egy kis időbe.

Ekkor kezdtem el nagyon sok bejegyzést gyártani. Ezt élvezem is, bár elég sok munka. Írtam WordPress bejegyzéseket és átlagosabb, de minőségi online marketingeseket is. Csatlakoztam marketinges Facebook csoportokhoz és az olyanokat, amik jobban sikerültek megosztottam és hirdettem is egy kevés pénzért.

Itt találhatsz 45 blog bejegyzés ötletet – nagyon jó bejegyzést lett, hozott egy csomó feliratkozót

Ezekből jött egy csomó látogató az oldalra. Természetesen raktam a weboldara Facebook pixelt, így összejött a launchra egy 3.500 fős lista.

Email lista nélkül nem nagyon lehet mostanában érvényesülni, így csináltam egy csalit (egyébként ez a cikkem az egyik legjobban sikerült a csalikról). Nem vittem túlzásba, kiszedtem a tanfolyamból 8 videót és elneveztem WPMini tanfolyamnak.

Fontos volt olyan csalit csinálni, amit tényleg akarnak az emberek. Előtte volt egy másik, sokkal gyengébb, de arra nem nagyon haraptak a halak.

Elsőnek is megcsináltam popup-nak az újat és ez folyamatosan futott az oldalakon, blogon. Betettem a bejegyzésekhez a jobb oldali widgetbe is. Ezután ezt Facebookon is elkezdtem hirdetni a jobban sikerülteket.

A sima popup eddig 254 feliratkozást hozott.

Ez konkrétan egy $25-os bővítménnyel a a Ninja Popups-al lett megcsinálva. Egyszeri fizetés, előre elkészített sablonok. A kurzusban van róla több szó. Nem kell ide havidíjas termék, ez a legjobban működő plugin jelenleg.

Pop-up csali

A Facebook hirdetés pedig 170 (vagy 213 :)) feliratkozást hozott. A méréseket eléggé összekavartam, így pontosan nem tudom melyik a jó adat. A lényeg, hogy kb 61 Ft-ot fizettem egy első osztályú email címért.

WPMini Facebook hirdetés

Hirdetéses csali

Javítási lehetőség: Következőnek pontosabban kell mérnem a számokat, hogy megtudjam az konverziók igazi árát. A másik, ami kimaradt az A/B teszt, de egy kezdő vállalkozásnál, ennek nincs is sok jelentősége. Közbe is gondolkodtam rajta, hogy erre fordítsam-e a forrásaim (idő).

A Facebook hirdetésekkel voltam néha bajba. A célcsoport a WordPress érdeklődési kör és a Marketing Commando kedvelői voltak. Ezt is lehetne jobban célozni, de kezdésnek megteszi.

Elégedett voltam egyébként az eredményekkel, jó volt látni, hogy duzzad az email lista.

Ha már az email listáról van szó…

Az ActiveCampaign nevű szoftvert használom, ami elképesztő könnyűvé tette az egész sorozat megépítését. Mindössze $9-ba kerül havonta, ami elég vicces számomra ahhoz képest, hogy mit kapok cserébe.

Az email-ek megírása annyira nem volt számomra egyszerű, de sokmindenki írt, hogy tetszett neki, így kezdésnek ez is jó volt.

Javítási lehetőség: Egy jobb minikurzus kialakítása, ami jobban körbejárja, hogy miért is ennyire jó a WordPress. Azután ezt lehet hirdetni Facebook-on folyamatosan.

Így lett egy ~440 fős email listám. Nem nagy, de minőségi emberekkel, akiket tényleg érdekel a WordPress.

Egy kevés eladás

Ebben az időben március és június között járunk. Nincs még sok bevétel, de 1-2 ember már döntött úgy hogy csatlakozik a tanfolyamhoz.

Külön nem hirdettem a kurzust, az email sorozat közben kommunikáltam, hogy “Hé amúgy van egy fizetős kurzusunk, nem akarod megvenni?”

Ezen kívül a weboldalon lehetett még megtalálni egy nagyon gyenge termékoldalt. Így utólag azon is csodálkozok, hogy van aki már akkor csatlakozott.

Persze tudtam én, hogy készítenem kell egy kampányt, de még nem volt meg a tudásom elkészíteni egy jó landing page-t, valamint még nyomni akartam magamból az értéket, hogy lássák az emberek, hogy tényleg jó dolgokat csinálok.

A branding már az elején fontos volt. Szerencsére nagyon jól meg tudtuk támogatni a jó tartalmat, jó grafikákkal. Elengedhetetlen szerintem a szép design.

Kampány kezdete, landing page elkészítése

Ekkor jött egy égi jel és a Marketingszöveg Landing Page tréningje (itt írom le az élményeimet). Erre egyből jelentkeztem és június 9-én részt is vettem rajta.

Long story short, nagyon jó volt. Megkaptam az iránymutatást az írásra vonatkozóan.

Közben jött az EB és mentem 2 meccsre is, de előtte még mindenképp meg akartam írni a landing-et. 2 nap alatt megírtam a szöveget, de a formázással bajban voltam.

Mentünk a meccsekre, de közben a testvéremmel (aki a grafikák nagy részét csinálja) meg tudtuk designolni az oldalt. Így kellett 1-2 hét mire kész lett teljesen az oldal, nem volt egyszerű, de viszonylag jónak éreztem.

Vavrek Balázsnak elküldtem, hogy nézze át és nagyon jó javítási ötleteket adott. Ezután már magabiztosnak éreztem magam, hogy ideje indulni.

A kész landing page-et itt nézheted meg – A kampányban bruttó 20.000 Ft volt a tanfolyam és volt még egy scarcity elem, hogy max 30 hely van. A magyar versenytársakhoz képest alájuk lőttem. Nem tudom ez mennyire volt jó ötlet, de muszáj voltam bővíteni a fizető vásárlóimat.

A kampány csatornái

Mivel 2 igazi csatornát építettem, ezért innen jöhetett vásárlás.

Email lista

Elsőnek is az email listámnak küldtem ki a sales oldalt. Egyből egy fél órán belül jött is az első vásárlás.

Ezek után minden nap írtam 1-1 email-t. Ez szólt kifogáskezelésről, előnyökről, “mindjárt zárunk”-ról és egyszerű oktatásról. Sajnos az elején nem állítottam be a megfelelő követést, így teljesen elszúrtam az analitikát.

Javítási lehetőség: Az elején beállítani minden követőkódot, célkonverziót, lépéseket. Ez annyira nem egyszerű, de ez is nagyon fontos hogy utána megfelelő javításokat tudjak csinálni.

Facebook kampány

Következő nap pedig elindítottam a Facebook kampányt.

Néztem nagyon sok Facebook hirdetés példát, írtam különböző headline-okat, szövegeket és Bencével csináltunk grafikákat.

Ez lett a nyertes hirdetés:

nyertes facebook hirdetés

A szöveg az elején más volt, a dátumra vonatkozóan. A lejárati dátum volt kiírva.

Összességben így sikerült a Facebook kampány:

facebook hirdetések kampány eredmények

Mindössze 9.215 Ft-tal 19 konverziót értünk el, ami a vásárlást jelenti. Ez 485 Ft eladásonként, amit elég jónak érzek. Sajnos nem találtam magyar példát milyen számok a jók egy ilyen terméknél. Ha valakinek van hasonló terméke, szóljon és meghívom egy kávéra társalogni 🙂

A hirdetések árazása egyébként elég hektikus volt. Nem nagyon tudtam, hogy konverzióra, kattintásra, egyedi megjelenésre hirdessek-e. Nem tudtam mennyit adjak egy hirdetésért. Azt se mennyiért hirdessek naponta és ezt hogy növeljem. Próbáltam edukálni magam közben, de egyszerűen nem találtam meg a legjobb módszert.

A célcsoportom a remarketing listám volt ~3500 fővel. Végül a kattintásra való optimalizálás jött be legjobban. Ez valószínűleg azért van, mert a konverzióhoz való optimalizáláshoz túl kevés adatot kap a Facebook, így nem túdja kitalálni kik a legjobb célpontok.

Volt egy gyenge próbálkozásom egy tágabb, ismeretlen csoportnak hirdetni, de ez nem nagyon vált be. Muszáj előtte valamilyen tartalommal megismertetni magam, átvinni az oldalamra, így ezután sokkal nagyobb eséllyel vásárolnak.

Javítási lehetőségek:

  • Jobb képeket és szövegeket írni, valamint jobban célozni.
  • Kipróbálni az egyedi eléréses optimalizálást.
  • Hirdetéssorozatonként 1 hirdetést csinálni. Ezt a tippet sajnos túl későn kaptam meg.
  • Több hirdetést kipróbálni
  • Még több embert átirányítani a weboldalra előtte

Költségek, eredmények, problémák

Közvetlenül 9.215 Ft-ba került a kampány, de azért vannak közvetett költségek is. Megmutatom ezek hogy alakultak.

Költségek

A következő táblázatba mutatom be, hogy mi mennyibe kerül.

WordPress – 0 Ft
Domain és tárhely – 25.000 Ft/év – Netmasters
Prémium sablon – 17.000 Ft – Avada
Tagokat kezelő bővítmény – 29.000 Ft/év – Memberpress
Email marketing szoftver – 31.000 Ft/év – ActiveCampaign
Pop-up szoftver – 7.500 Ft – Ninja Popups
Számlázás – 20.000 Ft/év – Számlázz.hu
Videók tárhelye – 12.000 Ft/év – Amazon S3
Képernyővideó készítése – 43.500 Ft – Camtasia
Mikrofon – 19.000 Ft – Samson Go Mic
Indulás: 87.000 Ft . Évente: 117.000 Ft/év

Így az első évben 204.000 Ft költségem van, de a következőben már csak 117.000 Ft lesz.

Havonta kb. 17.000 Ft-ba kerül a működésünk az első évben.

Itt még nem számoltam a hirdetési költségeket. Eddig ~32.000 Ft-ot költöttem, ami szerintem nagyon alacsony. Ezt sokkal jobban meg kell tolni.

Nem tudom milyen másik vállalkozás dolgozik ilyen kcsi költségekkel, de én elég boldog vagyok, hogy ezt csinálom.

Eredmények

A végén 29 eladás lett. Ez bruttó 580.000 Ft.

Ugye 19 eladás Facebook hirdetésből és 9 valószínűleg az email-ek hatására érkezett. Lehetséges, hogy van a 2 között átfedés, mert mondjuk megnyitott valaki egy email-t, nem vásárolt, de utána 2 nappal később felugrott neki a Facebook hirdetés és így csatlakozott. A remarketing csodája.

Nem tudom, hogy lehetne pontosan kiszámolni, az átfedéseket, de most megelégszek ennyivel.

A következő képen vizuálisan is bemutatom, hogy milyen lépések kellettek végigvinni a kampányt. Ezeket a lépéseket bármilyen vállalkozásnál le lehet másolni.

kampány folyamatábra

Problémák

Leírtam pár javítási lehetőséget, de egyet külön kiemelek.

Ez pedig az online fizetés és számlázás kérdése.

Az online fizetés híve vagyok, de eléggé nehéz ezt még bevezetni itthon, így banki átutalást is megadtam lehetőségként.

Még jó, hogy így tettem mert 14-en fizettek PayPal-lal és 15-en átutalással.

A bajom az volt, hogy nem tudtam automatikusan beforgatni a fizetést a számlázz.hu-hoz. A MemberPress-től nem tudtam hogy kellene átküldeni automatikusan a fizetési adatokat. A másik baj az volt, hogy nem lehetett magyar rendszert (mint a Barion) integrálni a MemberPress-hez.

Bármennyire is megszerettem a bővítményt, ezt a jövőben mindenképp meg kell oldanom, mert az automatizálás elképesztő fontos számomra.

A jövő

Sikeres kampánnyá alakult az első igazi launchom, de nincs megállás.

Új termékek készülnek, bónuszok és új videók, amelyekkel mégjobban szeretném segíteni a már meglévő és jövőbeli tagokat.

A legnagyobb probléma a tanoncoknak az oldalak összerakásával van. Szerencsére most fejlődik a 2 legkirályabb sablon (Avada és Divi – Elegant Themes) és át lehet majd adni másoknak előre elkészített elemeket és sablonokat. Ilyeneket gyártunk jelenleg, amelyek egyszerűek, de szép grafikával rendelkeznek és szinte mindenhol használhatóak. Ez a magyar piacra lesz gyártva, a magyar viszonyokhoz.

A kampányos megoldás jelenleg nagyon jól működik, így egy évben 4 hasonlót tervezek, valamint egy értékesítési tölcséres automatizált rendszer a végső cél, hogy folyamatosan menjenek az eladások. Ezekhez még el kell készíteni az elemeket, email automatizációkat, rendszereket.

Összegzés

Megpróbáltam lépésről lépésre bemutatni a kampányt. Remélem sikerült ötleteket ellesni, amit Te is tudsz majd hasznosítani a saját kampányaidnál.

Én nagyon boldog vagyok, hogy sikerült ezt így megcsinálni és a jövőben is hasonló eredményeket szeretnék elérni. Jó volt ezt leírni, később biztos érdekes lesz visszanézni, hogy gondolkoztam ebben a szakaszban.

Most az elsődleges cél a termék tökéletesítése és a jelenlegi tagok kiszolgálása. Ha ezekkel megvagyok lehet továbblépni az új kampányra.

Ha valami hozzáfűznivalód vagy kérdésed van, írj kommentet nagyon szívesen válaszolok. Ha tetszett a bejegyzés oszd meg kérlek, hogy mások is profitálhassanak belőle.

Ui.: A linkjeim egy része affiliate link, mert egy okos marketinges használja őket. Ez neked nem kerül pluszba, (sőt van hogy kedvezményt kapsz) de nekem nagyon sokat számít ha használod.

https://rbfitnesskft.activehosted.com/f/embed.php?id=9&5797769955405

A következő bejegyzés [ESETTANULMÁNY] A WPKurzus tanfolyam első kampánya elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.

WordPress.com átalakítása WordPress.org weboldallá lépésről lépésre

Ha eddig az ingyenes WordPress.com-on lévő bloggal kezdted ez, de úgy érzed hogy itt az idő saját tárhelyre és domainre váltani, de nem akarod elveszíteni az eddigi bejegyzéseid, akkor jó helyen jársz. Ebben a bejegyzésbe pontosan megmutatom, hogy alakítsd vidd át a blogod saját tárhelyszolgáltatóra.

A WordPress.com és WordPress.org közötti különbségeket ebben a bejegyzésben magyaráztam el. Ha már elolvastad, akkor tudod, hogy a .org sokkal több lehetőséget ad a weboldaladnak. Bővítményeket telepíthetsz, sablonra húzhatod fel az oldalad, több funkciót használhatsz, minta .com-os verzióval.

Megmutatom, hogy hogy vidd át a tartalmad az új weboldalra, úgy hogy nem veszíted el a keresőből szerzett látogatóid és ne tűnjön el semmi, amit nem szeretnél?

Készen állsz?

Akkor kezdjünk is neki!

Mi kell a költözés előtt?

Szükséged lesz egy domain névre és egy tárhelyre. Ebben a bejegyzésben adok tippeket tárhelyszolgáltató választásához, de lustáknak leírom, hogy a Netmasters-t ajánlom.

Nem árt egy WordPress.com-on lévő blog sem, amit szeretnél átvinni az új weboldalra. 🙂 Innen fogod átvinni a bejegyzéseid, oldalaid, képeid, hozzászólásaid az új honlapra.

Jelentkezz be a régi blogod adminisztrátori kezelőfelületére és el is kezdhetjük.

1. lépés – WordPress.com adatok exportálása

A bal oldali menüből keresd ki az Eszközök menüpontot és kattints az Exportálásra.

wordpress.com exportálás

Ez egy új oldalra fog vinni, ahol $129 dollárért nagyon szívesen megcsinálják neked a következő pár lépést 🙂

Természetesen mi az ingyenes verziót választjuk.

wordpress.com exportálás ingyenes

Ezután nem is kell mást tenni, mint az összes tartalmad kiexportálni a gépedre. Ezt fogjuk később importálni az új weboldalunkra.

wordpress.com exportálás mind

2. lépés – WordPress telepítése

Miután megvásároltad a domained és hostingod (tárhely) fel kell telepítened a WordPress-t.

Ebben a videóban megmutatom a WordPress telepítését. Nagyon egyszerűen lépésről-lépésre megmutatom, hogy menj rajta végig.

Ha sikerült feltelepíteni, jól funkcionál minden, ideje beimportálni a régi blog tartalmát.

3. lépés – Tartalom beimportálása az új weboldaladra

Nagyon jó hírem van, mert ugyanúgy az Eszközök menüpontba kell mennünk csak nem az exportálásra, hanem az Importra kell kattintanunk.

tartalom importálása

Ezután a WordPress Importer bővítményt kell feltelepítened, ami segít beimportálni a tartalmakat. Ezt telepítsd fel és aktiváld.

wordpress importáló

Ha sikerült elindítani a bővítményt, akkor meg kell keresned a korábban letöltött XML fájlt, amit importáltál.

wordpress importálás

Ezután a régi bejegyzéseidet az új oldalon lévő felhasználóhoz rendelheted vagy akár létre hozhatsz egy újat. Ne felejtsd el a csatolmányokat is letölteni és importálni, hogy a képeid is átkerüljenek.

importálás

Ha mindent jól csináltál átment minden az új oldaladra.

Remélem Te is úgy döntesz, hogy lépsz egy szintet és elkezded az igazi WordPress oldalad. Ha szeretnél segítséget, itt tudsz jelentkezni hozzánk.

A következő bejegyzés WordPress.com átalakítása WordPress.org weboldallá lépésről lépésre elsőnek ezen a webcímen jelent meg: WPKurzus | WordPress tanfolyam.