SajĂĄt weboldalam felĂ©pĂtĂ©se Webflowban
Igények felmérése
MInden nagyobb projekt az igĂ©nyek felmĂ©rĂ©sĂ©vel kezdĆdik, Ă©rdemes hĂĄzon belĂŒl is Ăgy indĂtani, menedzselni projekteket. NĂĄlam is Ăgy volt, csak nyilvĂĄnvalĂłan az egyeztetĂ©sek mentek gyorsabban (...). A rĂ©gi fĆoldalam Ăgy nĂ©zett ki, ez szerintem sokkal inkĂĄbb egy szabadĂșszĂłi, szolgĂĄltatĂĄs fĂłkuszĂș weboldal volt, kicsit formabontĂłbb design-nal, de erre mĂ©g visszatĂ©rĂŒnk.
A cĂ©ges (Ă©s szemĂ©lyes) cĂ©lokat fogalmaztam meg elĆször, majd azokhoz igazĂtottam az igĂ©nyeimet a weboldallal kapcsolatban. A szemĂ©lyes cĂ©ljaim volt, a bevĂ©teleim növelĂ©se, mindezt nem idĆhöz kötött mĂłdon, digitĂĄlis termĂ©kekkel, illetve olyan megoldĂĄsokkal, amelyek legalĂĄbb a (mostani tudĂĄsom szerint) a lehetĆ legjobban hasznĂĄljĂĄk ki Ă©s fel az idĆmet.
Ezekhez a cĂ©lokhoz, egy olyan weboldalra volt szĂŒksĂ©gem, ami könnyen karbantarthatĂł, biztonsĂĄgos, könnyƱ rajta tartalmakat megosztani, jĂł SEO-ban, illetve a majdani termĂ©keimet is könnyen, biztonsĂĄgosan tudom Ă©rtĂ©kesĂteni elsĆsorban magyar piacon.
Fontos, de mĂĄsodlagos szempont volt az, ami korĂĄbban elsĆdleges cĂ©l volt, hogy többnyelvƱ legyen az oldal, esetleg angol nyelvƱ tartalmakat is könnyen tudjak rajta publikĂĄlni, Ă©rtĂ©kesĂteni, valamint ha lehet, elĆfizetĂ©si rendszert is könnyen, kĂŒlön plugin-ok, erĆfeszĂtĂ©s nĂ©lkĂŒl tudjak kezelni benne.
Igények összegezve:
- Könnyen karbantarthatĂł legyen, ne kelljen frissĂteni, plugineket vadĂĄszni
- Tudjak rajta jĂłl SEO-zott cikkeket megosztani
- Kurzusokat letölhetĆ anyagokat tudjak rajta Ă©rtĂ©kesĂteni
Illetve mĂĄsodsorban:
- ElĆfizetĂ©si rendszert is könnyen tudjak rĂĄ Ă©pĂteni
- KĂ©sĆbbiekben könnyen tudjam többnyelvƱsĂteni az egĂ©sz oldalt
Webflow alapok
RĂ©gĂłta dolgozom Webflow-val, Ă©s kĂsĂ©rem figyelemmel a Webflow funkciĂłit, amik egyre sokrĂ©tƱbbek, nem hiĂĄba vĂĄlasztjĂĄk itthon is egyre többen Weboldal motorkĂ©nt - errĆl a SzĂĄmlĂĄzz.hu PARK odalĂĄra Ărtam egy hosszabb cikket.
Közte voltam a Webflow elĆfizetĂ©si rendszer tesztelĆinek, kĂ©szĂtettem weboldalt is, amely Ăgy mƱködik. Illetve a Green Fox, a Blue Colibri, a Diabtrend, Ă©s mĂ©g több mĂĄsik hazai Ă©s nemzetközi cĂ©g Webflow-s oldalĂĄn dolgoztam, vagy Ă©n Ă©pĂtettem fel.
Miért vålaszd a Webflow-t? Szerintem ezért:
Nos imådom a Webflow reklåmjait, mert nagyon jól visszaadjåk azt, hogy valójåban milyen problémåt oldanak meg.
Az ĂŒgyfeleimnek azt szoktam mondani, hogyha a weboldaluk az egyik fĆ bevĂ©telgenerĂĄlĂł eszközĂŒk, Ă©s nem tudnak hozzĂĄnyĂșlni könnyen Ă©s egyszerƱen, akkor tulajdonkĂ©ppen ĂłriĂĄsplakĂĄtokkal is kampĂĄnyolhatnĂĄnak, hiszen a digitĂĄlis lĂ©t elĆnye pont az, hogy az amĂșgyis dinamikus, gyorsan vĂĄltozĂł piaci környezetben a digitĂĄlis lĂ©t elĆnye, hogy mi is könnyen Ă©s dinamikusan tudunk vĂĄltoztatni dolgokon.
Ha nem ilyen a weboldalunk, akkor errĆl mondunk le.
KĂŒlön vicces, hogy magyarul szĂłlal meg az overseas Peter.
â
CMS-ek elkĂ©szĂtĂ©se
Több CMS-sre (tartalomkezelĆ rendszerre, elemre) is szĂŒksĂ©gem volt a weboldalhoz, ezekben tĂĄrolja a Webflow pĂ©ldĂĄul a blogokat, vagy a tag-eket stb. Ezek a rendszer integrĂĄlt elemĂ©t kĂ©pezik, a cikk szempontjĂĄbĂłl azĂ©rt fontos ezek kĂŒlön taglalĂĄsa, mert fontos, hogy mĂĄr az elĆkĂ©szĂtĂ©s sorĂĄn tisztĂĄban legyĂŒnk azzal, hogy milyen nagyobb tartalmi blokkokat szeretnĂ©nk elhelyezni az oldalon.
Ezek a következĆk voltak:
- Blog CMS - ebben a tartalmi blokkban foglalnak helyet a blogok, a blogokhoz tartozĂł, kapcsolĂłdĂł tovĂĄbbi elemek, illetve
- a TAG, azaz cĂmke rendszer -ez globĂĄlisan van hasznĂĄlva az egĂ©sz weboldalon Ă©s rendszerezi, ha pedig kell, kapcsolatot teremt a kĂŒlönbözĆ CMS-ek között, amilyen
- a kurzusok CMS-e, ez is egy kĂŒlönĂĄllĂł rendszerbenvan, mert teljesen mĂĄsik tartalmi struktĂșrĂĄt igĂ©nyel, mint a blog, vagy pedig maguk a...
- TermĂ©kek, amik a korĂĄbbi struktĂșrĂĄktĂłl elkĂŒlönĂŒlten kapnak helyett a Webflow-ban, hiszen ezekhez kapcsolĂłdnak mĂĄr fizetĂ©si oldalak is.
Ezeken kĂvĂŒl vannak mĂ©g tovĂĄbbi a fentieket kiszolgĂĄlĂł CMS-ek is, ilyenek kezelik a cikkĂrĂłkat, az esettanulmĂĄnyokat, az ĂĄltalam kedvelt Ă©s követett szakĂ©rtĆket, valamint kĂŒlön CMS kezeli az esemĂ©nyeket is termĂ©szetesen.
Tartalmak feltöltése
Ezek utĂĄn mĂĄr sokkal egyszerƱbb volt a tartalmak feltöltĂ©se, termĂ©szetesen itt is lehetĆsĂ©g van tömeges (bulk) adatfeltöltĂ©sre, ez mĂ©g inkĂĄbb meg tudja gyorsĂtani az oldal tartalmakkal valĂł feltöltĂ©sĂ©t, illetve ez segĂteni tudja a hibĂĄk, hiĂĄnyossĂĄgok, esetleg Ășj adatmezĆk feltöltĂ©sĂ©t gyorsabb korrigĂĄlĂĄsĂĄt is.
Eredmények - röviden
Az alĂĄbbi Looker Studio-s riportban lĂĄthatjĂĄtok, hogy milyen lehetĆsĂ©get ad, egy jĂłl felĂ©pĂtett, AI-jal tĂĄmogatott weboldal, milyen forgalomterelĂ©si potenciĂĄl van benne.
Az alĂĄbbi adatok az oldal Search Console adatai, tehĂĄt azt lĂĄthatjĂĄtok, hogy hĂĄny alkalommal jelent meg az oldal Google-ös keresĂ©sekben hirdetĂ©sek nĂ©lkĂŒl, illetve ezekbĆl hĂĄny kattintĂĄs törtĂ©nt.
â
EredmĂ©nyek idĆrendben
Az elsĆ prĂłbĂĄlokozĂĄsok
Minden kezdet nehĂ©z. Az elsĆ cikkek azonban hamar megdobtĂĄk az Ă©rdeklĆdĂ©st az oldal irĂĄnt, ĂĄltalĂĄnossĂĄgban is feljebb kĂșszott a megjelenĂ©s szĂĄma az oldalnak, azonban tovĂĄbbra is azĂ©rt alacsonyan maradt, Ă©s nem növekedett szignifikĂĄnsan. Ekkor dolgoztam amĂșgy az elsĆ webshopos AI-alapĂș SEO-s projektemen.
Ăgy az ottani elsĆ lĂĄthatĂł eredmĂ©nyeken, Ă©s a nyĂĄri pihenĂ©s közben elkezdtem Ă©rdemben foglalkozni a sajĂĄt oldalam felĂ©pĂtĂ©sĂ©nek ĂĄtlakaĂtĂĄsĂĄn. Ennek volt egy emberi oldala, döntĂ©s, hogy milyen tĂpusĂș cĂ©get szeretnĂ©k Ă©pĂteni, hogyan szeretnĂ©m azt Ă©pĂteni, milyen terĂŒletekre szeretnĂ©k koncentrĂĄlni, de volt egy gyakorlatibb oldala is.
ChatGPT a barĂĄtod
Ekkor mĂĄr lassan egy Ă©ve foglalkoztam ilyen-olyan mĂłdon a ChatGPT-vel. A fenti döntĂ©s megszĂŒletett. ElhatĂĄroztam, hogy elindulok az Ășton. NyĂĄr vĂ©gĂ©n is mĂ©g volt bennem vĂvĂłdĂĄs, kĂ©tely, de azĂłta kitartĂłan haladok az Ășton. Ahogy egyĂ©bkĂ©nt a kĂŒlönbözĆ statisztikĂĄim, megkeresĂ©seim is. AzĂłta szerzĆje vagyok a SzĂĄmlĂĄzz.hu PARK csapatĂĄnak, valamint a KosĂĄrĂ©rtĂ©k.hu-ra is rendszeresen Ărok.
A sajĂĄt oldalam felĂ©pĂtĂ©sĂ©hez - illetve ĂŒgyfeleknĂ©l, amikor kĂ©rik - hasznĂĄlok ChatGPT-t. Tudom te is, nĂ©ha a cikkek kĂ©szĂtĂ©sĂ©hez, a közössĂ©gi mĂ©dia posztokhoz, nĂ©ha egĂ©sz hosszan. Azonban lĂĄthatod, hogy nem mindig sikerĂŒl annyira jĂłl. Nos, kell hozzĂĄ az X-vegyszer is, illetve a professzor is. Nem mindegy, hogy kerĂŒlnek fel ugyanis ezek a cikkek.
Ahogy lĂĄtod, az elsĆ cikkek Ășj pĂĄlyĂĄra ĂĄllĂtottĂĄk a megjelenĂ©seket az oldalon, Ă©s elkezdett felfelĂ© kĂșszni is ez a szĂĄm, azonban ahogy a Looker Studioban is lĂĄtszik, azĂ©rt mĂ©g nem követtĂ©k a kattintĂĄsi szĂĄmok. EzĂ©rt elkezdtem mĂ©g inkĂĄbb belenyĂșlni a Webflow rendszerĂ©be, a cikkekbe, igyekeztem minden lehetĆsĂ©get kihasznĂĄlni Ă©s minden hibĂĄt kiszƱrni. Ăgy felĂ©pĂteni a CMS-eimet, hogy azokba könnyen Ă©s folyamatzerƱen tudjak tartalmakat kĂŒldeni.
A helyzet a digitålis térben fokozódik
Ha az elĆzĆ "kilövĂ©sek" lĂĄthaĂłnak mondhatĂłak, akkor a következĆ mindenkĂ©ppen azzĂĄ vĂĄlt. Ahogy az elĆzĆ bekezdĂ©sben is taglaltam sok szempontbĂłl kellett felĂŒlĂrnom a meglĂ©vĆ folyamatokat, hogy minĂ©l kedvezĆbbek legyenek a tartalmak formailag Ă©s technikailag is. Az eredmĂ©nyek magukĂ©rt beszĂ©lnek.
EgyĂ©bkĂ©nt a decemberi optimalizĂĄciĂłkat mĂ©g tovĂĄbbiak követtĂ©k, februĂĄr sorĂĄn Ășjra sikerĂŒt duplĂĄznom a weboldalnak az organikus forgalmĂĄt, kicsit több mint egy hĂłnap alatt.
ĂsszefoglalĂł
A projekt az igĂ©nyek felmĂ©rĂ©sĂ©vel kezdĆdött, ahol a fĆ cĂ©lok a bevĂ©telek növelĂ©se digitĂĄlis termĂ©kekkel Ă©s a weboldal könnyƱ karbantarthatĂłsĂĄga voltak.
Emellett fontos szempont volt a SEO optimalizĂĄciĂł, a többnyelvƱsĂtĂ©si lehetĆsĂ©g Ă©s az elĆfizetĂ©si rendszer integrĂĄlĂĄsa is. A Webflow vĂĄlasztĂĄsa a könnyƱ kezelhetĆsĂ©ge, a pluginok nĂ©lkĂŒli mƱködĂ©se Ă©s a dinamikus tartalomkezelĂ©si lehetĆsĂ©gek miatt esett.
RemĂ©lem segĂtett ez a cikk, hogy mikĂ©pp fogj bele egy weboldal kialakĂtĂĄsĂĄban a CMS-ek felĂ©pĂtĂ©sĂ©be.
Webflow Ă©s weboldalkĂ©szĂtĂ©s
- -â- - - - - -Â - - - - -Â
Egyre több oldal kĂ©szĂŒl Webflow rendszeren itthon is, mert remek, könnyen karbantarthatĂł rendszer, Ă©s nem igĂ©nyel plugineket Ășgy, mint a Wordpress. Ha szeretnĂ©l többet tudni a Webflow rendszerĂ©rĆl, nĂ©zd meg gyorstalpalĂł Webflow minikurzusomat magyar nyelven. Ha pedig most tervezgeted Ășj weboldaladat mindenkĂ©pp nĂ©zd meg ezeket a tartalmaimat, amik biztosan segĂteni fognak neked abban, hogy gyorsabb, jobb weboldalad legyen, mint a versenytĂĄrsaidnak:
- 50 SEO tipp webshop Ă©s weboldal tulajdonosoknak
- 25 tipp a versenytårsaid alapos megismeréséhez
- Marketing funnel gyakorlati felĂ©pĂtĂ©se
LehetĆsĂ©g van egyĂ©ni KKV mentorĂĄlĂĄsĂĄra is, ezzel kapcsolatban Ărj bĂĄtran a Linkedin oldalamra!
- -â- - - - - -Â - - - - -Â
â
Gyakori kérdések
Miért fontos az igények felmérése egy weboldal fejlesztése sorån?
Az igĂ©nyek pontos felmĂ©rĂ©se lehetĆvĂ© teszi, hogy a weboldal teljes mĂ©rtĂ©kben a cĂ©lokra szabott legyen, Ăgy növelve a projekt sikeressĂ©gĂ©t. Ez a lĂ©pĂ©s meghatĂĄrozza a weboldal funkciĂłit, designjĂĄt Ă©s tartalmĂĄt.
MiĂ©rt vĂĄlaszt sok cĂ©g Ă©s szabadĂșszĂł a Webflow-t weboldaluk motorjakĂ©nt?
A Webflow a könnyƱ kezelhetĆsĂ©gĂ©vel, rugalmas design lehetĆsĂ©geivel Ă©s integrĂĄlt SEO tĂĄmogatĂĄsĂĄval kiemelkedik a weboldal Ă©pĂtĆ platformok közĂŒl. Nem igĂ©nyel pluginokat, ami biztonsĂĄgosabbĂĄ Ă©s stabilabbĂĄ teszi az oldalakat.
Milyen elĆnyei vannak a CMS (Content Management System) hasznĂĄlatĂĄnak?
A CMS-ek lehetĆvĂ© teszik a tartalmak egyszerƱ kezelĂ©sĂ©t, szerkesztĂ©sĂ©t Ă©s frissĂtĂ©sĂ©t anĂ©lkĂŒl, hogy programozĂĄsi ismeretekre lenne szĂŒksĂ©g. Ez idĆt takarĂt meg Ă©s hozzĂĄjĂĄrul a weboldal dinamikus karbantarthatĂłsĂĄgĂĄhoz.
Hogyan segĂthet a SEO optimalizĂĄciĂł a weboldalam sikerĂ©ben?
A SEO optimalizĂĄciĂł javĂtja a weboldal lĂĄthatĂłsĂĄgĂĄt a keresĆmotorokban, Ăgy több lĂĄtogatĂłt Ă©s potenciĂĄlis ĂŒgyfelet vonzva. Ez növeli a weboldal forgalmĂĄt, a mĂĄrka ismertsĂ©gĂ©t Ă©s hosszĂș tĂĄvon a bevĂ©teleket is.
Milyen lépéseket tartalmaz egy sikeres weboldal-fejlesztési projekt?
Egy sikeres projekt magĂĄban foglalja az igĂ©nyek pontos felmĂ©rĂ©sĂ©t, a cĂ©lkitƱzĂ©sek meghatĂĄrozĂĄsĂĄt, a megfelelĆ platform kivĂĄlasztĂĄsĂĄt, a tartalomkezelĂ©si rendszer (CMS) kiĂ©pĂtĂ©sĂ©t, a tartalmak feltöltĂ©sĂ©t Ă©s a weboldal folyamatos analitikai nyomon követĂ©sĂ©t Ă©s optimalizĂĄlĂĄsĂĄt.
â
Török Balåzs
Török BalĂĄzsnak hĂvnak, azt szoktam mondani, hogy digitĂĄlis marketinggel foglalkozom. Azt gondolom ugyanis, hogy az ĂŒgyfeleimnek jellemzĆen valamilyen marketing-sales problĂ©mĂĄjuk van Ă©s emiatt keresnek meg. Erre kĂnĂĄlok nekik megoldĂĄst, fejlesztem a digitĂĄlis ökoszisztĂ©mĂĄjukat, megoldĂĄsaikat. Olvasd el az esettanulmĂĄnyaimat, vagy nĂ©zz bele a tartalmaimba a YouTube-on, TikTok-on vagy Ărj nekem a LinkedIn oldalalamon!Â
Ez is Ă©rdekelhet:
Hatékony sales automatizåció: OutplayHQ
Az OutplayHQ egy kĂŒlönleges CRM rendszer, amely egyfĆs sales csapatok Ă©s egyĂ©ni vĂĄllalkozĂłk szĂĄmĂĄra lett tervezve. Az Outplay HQ hatĂ©kony eszköz azok szĂĄmĂĄra, akik egyedĂŒl vĂ©gzik az Ă©rtĂ©kesĂtĂ©si feladatokat, de nem szeretnĂ©nek lemondani a professzionĂĄlis eszközök elĆnyeirĆl.