Mi az a landing page?

Magyarra fordítva: “érkező oldal”. Sallangmentesen és leegyszerűsítve: olyan aloldala a weboldalunknak (vagy akár külön aldomain, almappa, domain), amelyen a látogató két dolgot tud tenni: bezárja az adott oldalt, vagy “konvertál”. Ez utóbbi feltételnek úgy tud megfelelni a Landing page, hogy ezen nincs se menü, se oldalsáv, se lábléc, így nem tud a látogató mást tenni: vagy bezárja az oldalt, vagy konvertál.

Mit jelent a konvertál kifejezés?

A landing oldalakat több különböző cél érdekében állíthatjuk hadrendbe, azaz többféle cél teljesülésével (érkező oldalanként 1-1 célt érdemes kitűzni) is elmondhatjuk azt, hogy konvertált a látogató.

A landing oldalak célja lehet:

• Kapcsolatfelvétel.
• Hírlevél feliratkozás.
• Vásárlás.
• Adatok megadása.
• Regisztráció.
• Termékminta igénylése.
• Konzultációs időpont foglalása.
• Stb.

Mikor használjunk landing page-t?

• Adwords hirdetések futtatásakor. Alapvető hiba, ha úgy AdWords-özünk, hogy a főoldalunkra érkezzen egy-egy fizetett látogató.
• Facebook hirdetések futtatásakor.
• 1-1 kampány során.
• Stb.

Mérés – konverziószámítás

A legegyszerűbb metódus a következő: mérni kell Google Analytics követőkóddal, hogy mennyien látják a landing oldalt, és azt, hogy mennyien teljesítik a kitűzött célt. Ha pl. 100 látogatóból 7 vásárol, akkor 7% volt a konverzió. Űrlapos konverziómérés példa.

Emellett persze fontos mérőszám az is, hogy mennyi pénz és idő befektetése árán konvertál az oldal x%-ot. Az arányszámokból pontosan látszani fog, hogyan teljesít a landing oldal.

A/B teszt.

Más néven split teszt. Ennek a segítségével lehet versenyeztetni különböző landing oldalakat. Érdemes egyszerre 2-3 verziót futtatni, és mérni a teljesítményüket. 1-1 verzió között egy kampányban csak kicsi eltérés legyen, pl.: egyiken legyen piros a gomb, a másikon zöld. Vagy egyiken legyen bemutatkozó videó, a másikon csak egy fotó legyen.

Mik a landing page követelményei?

A legfontosabb – szinte minden landing oldalon kötelező – elemek:

• Címsor – ígéret.
• Az érdeklődő problémájára való rávilágítás.
• Ütős ajánlat, ami megoldja az érdeklődő problémáját.
• “Miért tőled vásároljanak?” rész.
• Előnyök bemutatása.
• Kifogások kezelése. (akár GY.I.K. szerűen, ha sok van)
• Referenciák, ajánlások.
• Minta (ha pl. digitális termék értékesítése a cél)
• Bónusz(ok) felsorolása.
• Határidő a motiváció serkentése miatt.
• Megrendelő űrlap.
• Stb.

Mi van a 20 perces landing page videón és a zárt részen?

• Egy saját, jól konvertáló landing oldalon mutatom be a fentieket, és azt, hogyan tudsz hasonlót készíteni.
• A saját landing oldalam elrendezése letölthető, és Visual Composeres weboldaladba importálható!

    

Nem olyan rég bemutattam egy régi, AVADA kinézetet használó weboldalon a kinézet frissítését, méghozzá ún. gyerek kinézet létrehozásával egybekötve. Most meg szeretném mutatni ugyanezt a folyamatot The7 kinézettel.

A The7 frissítése+gyerek kinézet létrehozása egy kicsit egyszerűbb, gyorsabban megvalósítható.

Tudnivalók, teendők a frissítés előtt, illetve a folyamat lépései:
Ugyanazok, mint az AVADA-nál, így kérlek előbb olvasd el az ott leírtakat.

    

Több, mint 30 előre elkészített demo-ból választhatsz, ha a The7 kinézettel szeretnél weboldalt készíteni. Természetesen nem csak ilyen felépítésű lehet a weboldal, ugyanis ezeken túl is szinte bármilyen megjelenés összeállítható kinézethez tartozó a Visual Composer-rel, illetve az importált demo-k is teljesen testreszabhatóak.

A 30+ demo azért készült, hogy:

• Lásd: mennyire sokrétű ez a kinézet.
• Ha valamelyik tetszik, akkor könnyedén fel tudj építeni egy hasonlót.

Néhány The7 demo a 30-ból:

Korábbi videók a témában:

• Link 1.
• Link 2.

    

A Go Pricing – WordPress Responsive Pricing Tables bővítménnyel remek csomagösszehasonlító táblázatokat lehet készíteni, amelyeket aztán bármelyik aloldalon el lehet helyezni egy ún. gyorskóddal.

A bővítmény nem ingyenes, 25$-ba kerül.

Mire jó ez?

A bővítmény segítségével több szolgáltatást vagy terméket lehet egymás mellé állítani, és átlátható formában összehasonlítani. Tipikus felhasználási területe a csomagajánlatok látványos és átlátható összehasonlítása, mint pl. itt, a videós oldalon is:

A cikkhez tartozik egy videó is, amelyet PROFI PLUSZ tagsággal tudsz megtekinteni.

A The7 kinézet rendelkezik egy ikonkészlet támogatással, egészen pontosan a http://fontawesome.io/icons/ oldalról lehet ikonokat integrálni pl. a menüpontok és almenüpontok nevei elé.

Az alábbi, INGYENES, ~3 perces videón bemutatom a “hogyan?” kérdésre a választ:

Amennyiben kiválasztottál egy fizetős kinézetet a themeforest.net oldalon, vásárlás előtt regisztrálnod kell az oldalra. Erre azért van szükség, mert vásárlás és fizetés után a felhasználói fiókodba belépve fogod tudni letölteni a kinézetet.

Az alábbi videón bemutatom lépésről-lépésre a következőket: hogyan kell kosárba tenni a kinézetet, illetve a PayPalon keresztül hogyan tudsz bankkártyával fizetni, illetve ezek után hogyan tudod letölteni a kiválasztott és immáron megvásárolt kinézetet:

Képzeljük el az alábbi helyzetet: adott egy ~2,5 éve készült weboldal, amely AVADA kinézetet használ, és még csak nem is Child (gyerek) kinézettel működik. Igazi rémálom egy ilyen régi rendszert frissíteni.

A frissítés főbb lépései

Megj.: DIVI, THE7, stb. kinézetnél is hasonló metodikát kell követni!

• Nagyon figyelj, körültekintően járj el a művelet során!
• Tutira akarsz menni? Klónozd le a weboldaladat egy teszt-helyre, és végezd el ott a frissítést. Ha nincs gond, akkor frissítsd az éles weboldalt!
• Készíts biztonsági mentést a tárhelyről, adatbázisról, Avada beállításokról.
• Csinálj képernyőképeket a weboldalról, hogy egy-egy elemet könnyen vissza tudj állítani, ne csak emlékezetből lásd a korábbi állapotot.
• Mentsd el a főoldalad HTML kódját.
• Mentsd el a widgeteket.
• Hozz létre gyerek-kinézetet.
• Állj át a gyerek-kinézetre.
• Töltsd le a legújabb AVADA kinézetet.
• Frissítsd a fő – AVADA – kinézetet FTP-n keresztül.
• Ellenőrizd a kinézet beállításait, illetve a weboldalt.
• Állíts helyre minden “elromló” funkciót.
• Frissítsd a bővítményeket és a WordPress-t is.
• Ellenőrizd az összes bővítmény és widget megfelelő működését.
• Ha bármilyen egyéb probléma felmerül, orvosold.
• Készíts ismét biztonsági mentést a weboldalról.

Az alábbi, közel 21 perces videón végigmutatom a fentieket egy AVADA-frissítés után igazán szana-széjjel csúszó weboldalon.

    

A másik blogomon már mutattam egy módszert a weboldalunkhoz tartozó legfontosabb adatok rendszerezéséhez.

Most azt mutatom meg, hogy melyek a legfontosabb adatok, amelyeket össze kell gyűjteni a weboldalunkkal kapcsolatban. Ezt azért kell megtenni, hogy bármelyikre is legyen szükségünk, kéznél legyen.

WordPress belépő felület:

• Elérhetősége
• Felhasználónév
• Jelszó

Domain-tárhely admin felülete:

• Belépő oldal elérhetősége
• Felhasználónév
• Jelszó

FTP hozzáférés:

• Szervernév
• Felhasználónév
• Jelszó

MySQL adatok

• Adatbázis név
• Felhasználó név
• Jelszó
• Hosztnév

E-mail címek:

• Webes felület elérhetősége
• Felhasználónév
• Jelszó

Az alábbi videón bemutatom, hogy az általam preferált tárhelyszolgáltatónál hogyan tudjuk a fenti adatok többségét (nyilván a WordPress admin adatait mi fogjuk megadni, amikor telepítjük a WordPress-t) összegyűjteni, illetve hogyan tudunk e-mail címet generálni a domainünkből, és azt hol tudjuk használni.

Ha más tárhelyszolgáltatónál vagy, akkor a tárhelyszolgáltatót kell megkérni, hogy a fenti adatok közül küldje el az FTP hozzáférést, és MySQL adatokat, valamint igény szerint hozzon létre e-mail címet a domainedből, vagy legalább mutassa meg, hogy ezt hol tudod megtenni.

    

Minden bővítmény között TOP5-ös (letöltésszámot tekintve, de ha levesszük az Akismetet – ami az alapcsomag része – akkor dobogós helyen áll.) a YOAST SEO nevű, keresőoptimalizált weboldalt és tartalmat elősegítő bővítmény.

YOAST SEO telepítés

A legújabb verziót a https://wordpress.org/plugins/wordpress-seo/ linken vagy a weboldalunk admin felületén, a Bővítmények menüpont alatt lehet letölteni. Előbbi esetén manuálisan kell feltölteni a weboldalra a bővítményt, utóbbinál az említett menüpont alatt egyből telepíthetjük a bővítményt. Figyelj arra, hogy csak a YOAST SEO, vagy csak az All in One SEO Pack legyen telepítve a weboldaladon, ne legyen egyszerre mindkettő!

YOAST SEO alapbeállítások

A bővítmény aktiválása után után megjelenik az admin felületen egy “SEO” menüpont:

Első és legfontosabb lépés, hogy a “Features” fülön legyen kiválasztva az “Advanced Settings pages” résznél az “Enabled” opció. Ezzel előjönnek további opciók, mint pl. a XML oldaltérkép a Google-nek.

Az XML oldaltérkép aktiválásához a “Beállítások” => “Közvetlen hivatkozások” menübe kell menni, és rá kell nyomni ott a “Módosítások mentése” gombra. Akkor is, ha nem módosítottunk semmit a beállításokon. Ekkor jön létre az oldalunkon egy sitemap_index.xml nevű fájl, amit itt érünk el: oldalcime.hu/sitemap_index.xml – ezt a Google Search Console-on keresztül be is lehet küldeni a Google-nek, így könnyebben át tudja járni az aloldalainkat, és jobb indexelést érhetünk el.

Figyelj erre!
Ha használsz más, Google oldaltérkép generáló bővítményt, akkor azt töröld, ha aktiválod ezt a funkciót, felesleges ugyanis kettő!

Kulcsszómegadási lehetőség

Manapság már nem kell kitölteni a weboldal meta kulcsszó részeit, mert a Google nem veszi figyelembe, max. a butább konkurenseknek lehet segítség ezen meta elem. Ha mégis szeretnéd látni valamiért ezt a mezőt is, a “SEO” => “Titles & Metas” menü alatt, az “Other” fülön tudod engedélyezni a “Use meta keywords tag” résznél az “Enabled” opciót választva. Még egyszer mondom: nem ajánlom ezen funkció használatát!

YOAST SEO alapbeállítás – konfigurátor

Az alábbi helyen van egy konfigurátor, ami néhány lépésben végig vezet néhány fontos beállításon. Érdemes végigkattintgatni:

Ezen kívül érdemes végigmenni minden menüponton, és ismerkedni a beállításokkal!

YOAST SEO, vagy ALL in ONE SEO PACK?

Pár évvel ezelőtt biztos utóbbit mondtam volna, azonban mára változott a véleményem. Szerintem sokkal könnyebben, többrétűbben konfigurálható a YOAST, illetve felhasználói oldalról remek megoldás, hogy rengeteg dologra emlékeztet a tartalomfejlesztés során, hogy minél jobban optimalizált tartalmat tegyünk a látogatók elé.

További hasznos funkció, hogy a WooCommerce webshophoz is van benne támogatás, így a termékek megfelelő szövegezésében is segít.

YOAST SEO VIDEÓ

A 8 perces videót itt tekintheted meg:

    

Ha szeretnél nyomtatás gombot a bejegyzéseidbe és az oldalaidhoz WordPress weboldal esetén, akkor kövesd az alábbi videón látható útmutatót.

Példa nyomtatás gomb:

Miért nem javaslom ezt a funkciót?

Manapság a legtöbb esetben már felesleges funkció a nyomtatás, hiszen az okostelefonok révén már a “zsebünkben van” az internet, így a nyomtatás funkció használata egyre jobban kopik ki a felhasználói szokások közül.

Ha mégis szeretnél ilyen funkciót az oldaladra, kövesd a következő, 4 perces videón látottakat!