Divi, Elementor, Avada Builder vagy WPBakery oldal cseréje

A „klasszikus” oldalépítők ma már sok esetben több gondot okoznak, mint a használatbavételkor várható előnyük volt sok éve. Érdemes ezért ezektől megszabadulni.

Bevezető a weboldalak megújításáról

A cikk továbbolvasása előtt érdemes a korábbi, témába vágó anyagokat átnézni:

• WordPress kinézetcsere, avagy weboldal megújítás – a teljes folyamat
• Régi weboldal megújítása: 20 pontos teszt, hogy aktuális-e!
• Miért váltottam lassabb kinézetről GeneratePress-re a saját oldalaimnál? Itt válaszolok erre a kérdésre. És arról is írtam konkrét példákat, hogy milyen előnyökkel járt a váltás.

Mi az az oldalépítő? Miben más, mint a WordPress kinézet (theme)?

Az oldalépítő a tartalom szerkesztésére szolgál, míg a kinézet a weboldal megjelenését adja meg.

Vannak olyan „oldalépítő+kinézet” kombinációk, amiket csak egyszerre lehet cserélni (pl.: DIVI + DIVI Builder), de olyanok is, amelyeket egyenként is lehet cserélni. Utóbbira példa az Elementor és a WPBakery: mindkettőtől meg lehet úgy válni, hogy először megújítjuk a weboldal megjelenését, majd utána apránként kiváltjuk az oldalépítőt is.

Mi a gond a klasszikus oldalépítőkkel?

A legnépszerűbbekről írok pár szót.

Divi

A legnagyobb gondom a lassúsága (gamer laptopom van, de DIVI-ben való tartalomszerkesztéskor iszonyat lassú néha a böngésző) mellett az, hogy a kinézethez láncol. A Divi Builder a legjobban a Divi-vel működik, ami önmagában egy robosztus rendszer, amit nem érdemes használni. Régen ezt ajánlották a marketingesek. Én soha, senkinek nem ajánlottam.

Elementor

Ezzel a legnagyobb gond, hogy karbantartáskor számtalan esetben elszáll a weboldal, és korábbi verzióra kell visszaállni. Emellett kismillió kiegészítő van hozzá, amit a „kollégák” szívesen fel is pakolnak, amellyel még tovább mélyítik a szakadékot a WordPress és az Elementor kompatibilitása között. Manapság ezt ajánlják a marketingesek. Én soha, senkinek nem ajánlottam. Olyannyira nem, hogy nálam kizáró ok, ha ezzel kérnek egy új weboldalt. Mert ugye ajánlották nekik…

A fentieken túl többször találtak biztonsági rést is az Elementorban.

Illetve még egy dolog:
Az Elementor One fejlesztéssel nagyon afelé mennek a fejlesztők, hogy még jobban magukhoz láncolják a weboldakat, és függőségi viszont alakítsanak ki. Ez nyílt forráskódú (WordPress) rendszernél szerintem nem jó, illetve vállalkozóként sem építenék olyanra, akit nem lehet lecserélni.

Avada Builder

A probléma ezzel kb. az, mint amit a Divi-nél írtam.

Egyébként az Avada sztorija üzletileg szuper, érdemes elolvasni.

WPBakery Page Builder

Sok száz weboldalt csináltam ezzel az oldalépítgetővel, mert stabilan működött, működik ma is. Az én logikámhoz ennek a működése állt a legközelebb nagyon sokáig. Addig, amíg nem találtam bizonyítottan jobb megoldást.

Ma már az a legnagyobb gondom ezzel, hogy sokkal-sokkal lassabban lehet vele tartalmat szerkeszteni/másolni/kezelni, mint a ma használt legjobb (Gutenberg, lásd lejjebb) megoldással.

Amikor WPBakery-s oldalakat szerkesztek úgy érzem magam, mint amikor az autópályáról lehajtva ismét 50 km/h-val kell haladni. A „megszokott” tempó helyett kb. állóhelyzet érzetet ad.

Imádtam anno a WPBakery-t, de sajnos eljárt az idő felette.

Ezen felül ma már nem a leggyorsabb megoldás a végeredményt tekintve sem. És mivel a látogatói élmény fontos, ezért ma már nem használom új oldal készítésekor. Kb. 3-4 évvel korábban ajánlottam utoljára ezt az oldalépítőt.

Egyéb oldalépítőkről általánosságban

A fentiek a legnépszerűbb tartalomszerkesztő megoldások. Van ezeken kívül sok másik, amelyek többségére a fentiek közül egy vagy több megállapítás igaz. Pluszban az, hogy mivel nem olyan elterjedtek a kisebb oldalépítők, ezért sokkal több merülhet fel kompatibitás téren, mint a fentiekkel.

Csak a Gutenberg jó, és a Divi, Elementor stb. rossz?

Természetesen nem, még ha a fenti vélemény elsőre egyoldalúnak is tűnhet.

Az olyan megoldások, mint az Elementor vagy a Divi, önmagukban nem „rosszak”, sokkal inkább az a probléma, ahogyan használják őket: túl sok bővítmény, nem megfelelő optimalizálás, illetve a hosszú távú karbantartás hiánya.

Sok projektben találkoztam már azzal, hogy a rengeteg kiegészítő és frissítés után az oldal instabillá válik. A Gutenberg + GeneratePress irány ezzel szemben egy letisztultabb, stabilabb és gyorsabb alternatívát kínál.

Sok éve azt látom, hogy egy gyors kinézettel kombinált Gutenberg megoldás hosszú távon sokkal fenntarthatóbb és jobb weboldalt eredményez.

Átálláskor nem veszik el a tartalom!

Ha valaki felismerte, hogy szeretné lecserélni az oldalépítgetőjét, és megkeres, sok esetben a legnagyobb félelme az szokott lenni, hogy az oldalépítő váltáskor elveszik a weboldal tartalma.

Ettől nem kell tartani, mert:

1. Rengeteg weboldal megújítást csináltam, pontosan tudom, hogy mi az optimális menete egy-egy ilyen munkának.
2. A folyamatban akár több pontos is csinálok biztonsági mentést, így nem fordulhat elő adatvesztés.

A megoldás: Gutenberg szerkesztő + GeneratePress kinézet

A Gutenbergre épülő GeneratePress kinézetnek rengeteg előnye van, és sok potenciál van benne más kinézetekkel szemben.

A WordPress sok éve átállt a Gutenberg szerkesztőre, de csak pár éve érte el azt a szintet, ahol azt mondtam: ejha, felesleges külön oldalépítő, mert ez tud mindent, ami egy szép weboldal elkészítéséhez szükséges!

GeneratePress bemutató

Írtam a másik blogomon a GeneratePress kinézetről részletesen, amely az alap, Gutenberg nevű WordPress oldalépítőt használja, a GenerateBlocks nevű bővítmény miatt pár hasznos blokkal kiegészítve. Ezek sokkal gyorsabb, egyszerűbb használatú weboldalt eredményez a robosztus oldalépítőkkel szemben.

Hasznos link (cikk a másik weboldalamon):
Hasznos Gutenberg (blokkszerkesztő) tippek – alapbeállítások

Előre elkészített design-ok

Ahogy sok népszerű kinézetnél, a GeneratePress-nél is gondoltak arra, hogy előre elkészített, komplett design-okból is lehessen válogatni. A Gutenberges verziók egymással szabadon keverhetőek. A mintákat itt találod: http://generatepress.com/site-library/

GeneratePress alapú weboldal referenciák

Az utóbbi 3-4 évben több mint 100 GeneratePress projekten vagyok túl. Egy válogatás a munkáimból:

• Tűz- és munkavédelem: https://tuz-es-munkavedelem.hu/
• Shrimpy Food Bar: https://shrimpy.hu/
• KarrierRajt: https://karrierrajt.hu/
• MatekCoach: https://matekcoach.hu/
• Préselt érmék: https://preselterme.hu/ (saját, hobbi weboldal)
• Nimród-Derringer Fegyverszaküzlet: https://nimrodderringer.hu/
• Autóbehozatal Németországból: https://abn.hu
• Marosy Franciska zongoratanár: https://zongoratanar.eu/
• Kelemen Inez masszázs: https://kelemeninez.hu
• Gjenbruksgjengen: https://gjenbruksgjengen.no
• Dr. Bátki Hanna ügyvéd: https://www.ugyvedbatki.hu/
• GL Solution Mérnökiroda: https://glsolution.hu/
• Natdom Kft.: https://natdom.hu/
• Dr. Koczka Erika ügyvéd: https://koczkalegal.hu/
• Zádori Invest Kft.: https://zadori-invest.hu/
• Rife Plasma: https://rife-plasma.com/hu/fooldal/
• H.O.M.- AUDIT Kft: https://homaudit.hu/
• Kelemen Klíma: https://kelemenklima.hu/
• Bagatell Badacsony: https://bagatellbadacsony.hu
• Weboldal készítés: https://olcsoweboldal.hu (saját weboldalam)
• WordPress videók: https://wordpress.video.hu/ (másik weboldalam)
• Időgazdálkozás tippek, trükkök: https://feladatok.hu

Hogyan történik a régi oldalépítőből a tartalmak átemelése?

A tartalmaknak a legtöbb weboldalon több fajtája van.

• Ahol csak azért van használva az oldalépítő, mert „volt” (az Elementor + DIVI esetében jellemző), ott sok esetben egy sima másolás/beillesztés funkcióval átrakható a tartalom a Gutenberg-be.
• Ahol viszont sorok és oszlopok elrendezése, designelemek használata, animációk hozzárakása miatt van oldalépítő használva, ott nehezebb az átállás. Ezeknél a tartalmaknál az egyes aloldalakat újjá kell építeni a Gutenberg blokkjaiból, majd erre a tartalomra kell kicserélni a régi verziót.

A fentiek történhetnek az éles oldalon való azonnali tartalomcsereként is, de akár tesztoldalon, vagy rejtett aloldalon is ki lehet alakítani a tartalmakat, majd annak tökéletesítése után történik meg a csere. Azt szoktam javasolni, hogy a hosszabb (pl.: főoldal, landing oldalak) tartalmakat érdemes rejtett felületen kialakítani, a de többi tartalomnál egyszerűbb az azonnali csere, majd esetleges javítás.

Amikor egy weboldalon minden tartalomból ki lett váltva a régi oldalépítő, utána az (kiegészítőkkel együtt) törölhető a bővítmények közül.

Az oldalépítő törlésével/kiváltásával fellélegzik a weboldal, és általában jelentős sebességnövekedés következik be.

Meg szokták kérdezni ezeket:

„A GeneratePress kompatibilitás a pluginekkel?”
Több mint 100 db GeneratePress alapú weboldal elkészítése alapján: igen. Illetve annyival árnyalnám, hogy ami a meglévő kinézet miatt fennlévő bővítmény, azzal nem biztos, de ez azért nem baj, mert a régi kinézet miatt használt bővítmény(ek) úgyis törlésre kerülnek, mert a teljes átállás után már nem lesz rájuk szükség. A GeneratePress fejlesztői nagy hangsúlyt helyeznek a „tiszta” kódra, amely létjogosulátság a 100000+ vásárló igazolja.

„Milyen működtetési költségekkel jár egy GeneratePress oldal?”
Olcsóbb karbantartást eredményezhet az átállás, illetve egy-egy eseti feladatra adott esetben jobb munkadíjat tudok mondani, mert sok felmerülő igényre van már kész megoldásom GeneratePress alatt.

„Mennyi az átállás munkadíja?”
Pontosabb összeghez egy igényfelmérő beszélgetésre (díjmentes) lenne szükség telefonon, és utána küldök végleges összeget.

A weboldal sebessége nem hagyható figyelmen kívül!

A weboldal gyorsítás szolgáltatás aloldalamról idemásolok egy táblázatot, amiben láthatja, hogy a GeneratePress mennyire megveri minden mutatóban a többi népszerű WordPress kinézetet.

Mivel a weboldal sebessége a Google és a látogatók szemében is fontos szempont, ezért nem lehet ezt figyelmen kívül hagyni. Még nem volt olyan GeneratePress-re való átállásom, ahol ne javult volna a weboldal sebessége.

A Google időnként szigorítja a sebességmérés pontozását, így nincs olyan, hogyha egyszer gyors a weboldal, akkor mindig az marad. A weboldal gyorsítás szolgáltatásnál írok erről részletesebben, ahol példán keresztül mutatom be, hogy mindenfajta módosítás és fejlesztés nélkül ugyanaz a weboldal pár év elteltével máshogy van értékelve a sebességmérő eszközön.

	GeneratePress	Twenty Twenty-Three	Astra	Divi	THE7	Avada
Teljesítmény (mobilos)	100	100	100	95	84	79
Kisegítő lehetőségek	100	100	100	75	87	97
Bevált módszerek	100	100	100	92	100	100
Keresőoptimalizálás	82	73	82	83	73	75
FCP	1,1 mp	1,1 mp	1,3 mp	2,2 mp	2,6 mp	2,5 mp
SI	1,1 mp	2,0 mp	1,3 mp	2,4 mp	3,4 mp	3,4 mp
LCP	1,1 mp	1,1 mp	1,3 mp	2,2 mp	3,6 mp	4,3 mp
TTI	1,1 mp	1,1 mp	1,3 mp	3,2 mp	4,0 mp	4,3 mp
TBT	0 ms	0 ms	0 ms	100 ms	70 ms	30 ms
CLS	0	0	0	0,012	0,036	0,05

Ajánlatkérés weboldal megújítására

Talán a fent írt lassulást, körülményes szerkesztést tapasztalja a saját weboldalán. Ha így van, töltse ki az alábbi űrlapot, és egyeztessünk a weboldala stabil, gyorsabb alapokra való helyezéséről!