SajĂĄt weboldalam felĂ©pĂtĂ©se Webflowban
Vissza a đMarketing masterclass fĆoldalĂĄra!
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 a projekteket. NĂĄlam szintĂ©n Ăgy zajlott, csak nyilvĂĄnvalĂłan az egyeztetĂ©sek mentek gyorsabban (...). A rĂ©gi fĆoldalam Ăgy nĂ©zett ki (mĂĄr nem elĂ©rhetĆ publikusan), 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Ă©lom 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 (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 a 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, erĆfeszĂtĂ©sek nĂ©lkĂŒl tudjak kezelni benne; pĂ©ldĂĄul ne legyen szĂŒksĂ©g kĂŒlön plugin-okra.
Igények összegezve:
- Könnyen karbantarthatĂł legyen, ne kelljen frissĂteni, plugin-okat vadĂĄszni
- Tudjak rajta jĂłl SEO-zott cikkeket megosztani
- Kurzusokat, letölthetĆ anyagokat tudjak rajta Ă©rtĂ©kesĂteni
Illetve mĂĄsodsorban:
- ElĆfizetĂ©si rendszert is könnyen tudjak rĂĄ Ă©pĂteni
- A kĂ©sĆbbiekben könnyen többnyelvƱvĂ© tudjam alakĂtani 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. (KĂŒlön vicces, hogy magyarul szĂłlal meg benne az overseas Peter.)
Az ĂŒgyfeleimnek azt szoktam mondani, hogy ha 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Ășgy is dinamikus, gyorsan vĂĄltozĂł piaci környezetben mi is könnyen Ă©s dinamikusan tudunk vĂĄltoztatni dolgokon.
Ha nem ilyen a weboldalunk, akkor errĆl mondunk le.
â
CMS-ek elkĂ©szĂtĂ©se
Több CMS-re (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 lĂ©nyeges, hogy mĂĄr az elĆkĂ©szĂtĂ©s sorĂĄn tisztĂĄban legyĂŒnk azzal, 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Ăł rendszerben van, 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, ami mĂ©g inkĂĄbb meg tudja gyorsĂtani az oldal tartalmakkal valĂł feltöltĂ©sĂ©t, illetve 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-al tĂĄmogatott weboldal, valamint 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Ă©sszĂĄma az oldalnak, - azonban tovĂĄbbra is azĂ©rt alacsonyan maradt - nem növekedett szignifikĂĄnsan. Ekkor dolgoztam amĂșgy az elsĆ webshopos programmatic-alapĂș SEO-s projektemen.
Ăgy az ottani elsĆ lĂĄthatĂł eredmĂ©nyektĆl kedvet kapva, a nyĂĄri pihenĂ©s közben, elkezdtem Ă©rdemben foglalkozni a sajĂĄt oldalam felĂ©pĂtĂ©sĂ©nek ĂĄtlakĂ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 gyakorlatiasabb 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 tovĂĄbb elĆre. 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, 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 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 folyamatszerƱen tudjak tartalmakat kĂŒldeni.
A helyzet a digitålis térben fokozódik
Ha az elĆzĆ "kilövĂ©sek" lĂĄthatĂł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ĂŒlt duplĂĄznom a weboldal 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-ra azĂ©rt esett a vĂĄlasztĂĄs, mert könnyen kezelhetĆ, pluginok nĂ©lkĂŒl mƱködik Ă©s dinamikus tartalomkezelĂ©si lehetĆsĂ©gekkel rendelkezik.
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.
Marketing masterclass, haladó szemléletƱ vållalkozóknak
- -â- - - - - -Â - - - - -Â
Azt gondoltam, hogy szabadĂșszĂł vĂĄllalkozĂłkĂ©nt hatĂĄst gyakorolhatok az ĂŒgyfeleimre, nos ez a legtöbb esetben sikerĂŒlt is. Most azonban szeretnĂ©m skĂĄlĂĄzni a digitĂĄlis ökoszisztĂ©ma szemlĂ©letƱ Ă©s a vĂĄsĂĄrlĂł mögötti emberre fĂłkuszĂĄlĂł marketing megoldĂĄsaimat.Â
EzĂ©rt egy a mastermind, mentoring Ă©s accountability csoportokat ötvözĆ, flipped classroom megoldĂĄsokat alkalmazĂł programra invitĂĄllak. Növekedj itthon egyedinek szĂĄmĂtĂł mindmap-jeim Ă©s marketinges blueprintjeim segĂtsĂ©gĂ©vel olyan vĂĄllalkozĂłkkal egyĂŒtt, mint te magad is!
VĂĄrlak a programban! Csatlakozz te is!
KĂ©rdĂ©sed lenne? Ărj LinkedIn-en!
- -â- - - - - -Â - - - - -Â
Vissza a đMarketing masterclass fĆoldalĂĄra!
â
â
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ĂĄlasztja 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 hozzĂĄnk. 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.
â
Tovåbbi érdekes témåk:
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:
Hubspot mobil alkalmazĂĄs Ă©s bĆvĂtmĂ©ny hasznĂĄlata
Ezen a terĂŒleten tevĂ©kenykedĆ vĂĄllalatok Ă©s egyĂ©ni szakemberek gyakran fordulnak a Hubspot platformjaihoz, hogy hatĂ©konyabban menedzseljĂ©k az ĂŒgyfeleikkel valĂł kapcsolatot, növeljĂ©k a konverziĂłkat, Ă©s jobban megĂ©rtsĂ©k a cĂ©lközönsĂ©gĂŒket.