Weboldal Készítés Lépésről lépésre 2024 – Weboldal Készítés Tippek

Belevágnál a weboldal készítésbe, de nem tudod hol kezdd? Ebben a cikkben végigvesszük a weboldal készítés lépéseit. Jó olvasást hozzá!

Először is, mi fog Neked kelleni a weblapod elkészítéséhez?

• Domain
• Tárhelyszolgáltatás
• WordPress Telepítés
• SSL tanúsítvány
• WordPress Sablon kiválasztása
• WordPress Bővítmények kiválasztása
• Biztonsági mentés

Mindegyiken végigmegyünk sorban, azonban első és legfontosabb kérdés, ami mindig felmerül, amikor valaki honlap készítésre adja a fejét:

„Tudnom kell Nekem programoznom a weboldalam elkészítéséhez?”

Nos, a rövid válasz az, hogy nem.

Hosszabban kifejtve, ha csak a saját weblapod elkészítéséről van szó, akkor nem feltétlen szükséges HTML, CSS, Javascript vagy bármilyen más programozási nyelv ismerete. Persze, ha foglalkozás szintjén érdekel Téged a weboldalkészítés, akkor mindenképp ajánlott elmélyíteni a programozói tudásod.

Ami még szintén felmerül kérdésként, hogy:

„Egyedül el tudom készíteni a saját/cégem honlapját vagy szükségem lesz egy szakértőre?”

Abban az esetben, ha megvan a kellő lelkesedésed és rá tudsz szánni elegendő időt a weblapod megépítésére akkor mindenképp érdemes nekikezdened egyedül.

Egy kis belső információ: Az ügyfeleim több, mint 35% azután keres meg, hogy a saját maga által elkészített honlapot szeretné tovább fejleszteni.

Játszunk el a gondolattal. Úgy döntesz, saját magadnak készíted el a honlapod. Akkor az ingyen lesz, nem?

Határozottan nem. Persze kedvezőbb áron lesz, mintha szakemberre bízod, de totális 0Ft sosem lesz egy honlap. Egy korábbi vendégcikkemben már ecsetelgettem, hogy mennyivel kell számolnod.

Vannak a piacon olyan szereplők, akik viszont kifejezetten azt hirdetik, hogy ingyen weboldalt kapsz. Ez természetesen nem fedi teljesen a valóságot. Azt mondjuk mégsem hirdethetik, hogy:

„kezdetben ingyenes weboldalt kapsz, de limitált funkciókkal, a mi aldomain-ünkön, folyamatosan arra fogunk késztetni, hogy magasabb csomagra válts és ha nem probléma reklámokat helyeznénk el az oldaladon”

Az előző példát naphosszat sorolhatnám még, azonban a lényeg, hogy semmi sincs ingyen.

Mihez van szükségem a weboldal elkészítéséhez?

1. Domain váráslás

A domain-t és a tárhelyet egy cégtől javaslom beszerezni, ugyanis a későbbiekben könnyebb lesz az ügyintézés.

Mi az a domain?

Talán a tartománynév a legközelebbi fordítása. Lényegében a szöveges megfelelője egy IP-címnek, ami a te tartalmadra irányítja a látogatókat.

Domain vásárlásnál menete, plusz mire figyelj oda?

Szerencsére az elmúlt 20 évben sokkal könnyebb domain-t vásárolni. A legtöbb cégnél az egész teljesen online működik és viszonylag gyorsan. Személy szerint én a Sybell-t ajánlom, az utóbbi időben az összes ügyfelünknek náluk vásároljuk a tárhelyet és a domaint.

2. Tárhely vásárlás

Mi az a tárhely és miért van rá szükségem?

Itt tárolódik a weboldalnak minden tartalmi eleme, legyen szó a színfalak mögötti kódsorokról, szövegekről, képekről, levelezésről.

Mire figyeljek a tárhely kapcsán?

Elsősorban érdemes tisztázni a főbb tulajdonságait egy tárhelyszolgáltatásnak.

• Kapacitás, pl.: 2GB
• Sebesség
• Rendelkezésre állás, pl.: 99,9 %
• Ingyenes SSL tanúsítvány telepítési lehetőség
• cPanel, ami szinte korlátlan „hatalmat” ad a tárhelyed felett.
• Automatikus biztonsági mentés (hidd el, az egyik legfontosabb)
• Segítőkész ügyfélszolgálat (24/7 hatalmas előny)

Persze, ezeken kívül vannak még egyéb kényelmi funkció, ilyenek például az egy kattintással feltelepíthető WordPress, Joomla vagy egyéb tartalomkezelő rendszerek.

Ami nagyon fontos, ne csak ár alapján válassz!

Mielőtt döntesz, érdemes több alternatívát végignézni. A legtöbb cég tételesen leírja, hogy mi-mennyiért érhető el náluk, ezzel megkönnyítve az összehasonlítást.

Bár a legtöbb tárhelyszolgáltatónál megtalálható a cPanel (amely a WordPress weboldalunk telepítését, az email címek létrehozását, vagy akár a biztonsági mentések létrehozását segít lebonyolítani), némelyik cég saját rendszert fejleszt, ami által nehezebben vagy egyáltalán nem férünk hozzá egyes beállítási lehetőségekhez.

A domain és a tárhely vásárlás folyamatába nem is igazán mennék bele, mivel minden szolgáltatónál különbözik valamilyen szinten.

Mennyi időt vett eddig igénybe ez az egész?

A megrendeléstől számítva 4-5 óra vagy akár 1-2 nap is lehet, mire használatba veheted a domain-ed.

Következő lépés, a WordPress telepítése

Tisztázzuk le, mi az a WordPress?

A WordPress egy ingyenes és nyílt forráskódú (PHP és MySQL alapú, de ez kezdő szinten nem is számít) tartalomkezelő rendszer. Nagy előnye pont a nyílt forráskódjában rejlik, mivel hatalmas felhasználóbázisa van. Az interneten található összes weboldal 39.5% (!!) WordPress alapon fut.

Sablonok és a szerepük

A WordPress alapvetően csak egy rendszer, azonban mindenképp kell hozzá egy sablon. Sablonnak lényegében az a grafikus felépítés, aminek a segítségével megjelenik a honlapunk. 

Rengeteg ingyenes sablon közül választhatunk. A cikk írásakor egész pontosan 8613, amit egyesével számoltam meg. (természetesen ez nem igaz, a WordPress.org írta)

Mivel a rendszer open source, így akárki létrehozhat sablont, ezáltal, akár mi is. Ebben a cikkben ezt nem fogom említeni, mivel ehhez viszonylag magas programozói tudás szükséges.

Milyen sablonokat ajánlok?

Kifejezett sablont nem tudok sajnos ajánlani, ugyanis minden weboldal számára más-más igényeknek kell megfelelnie.

Fontos, hogy a sablon kapcsán se feltétlen az árazás alapján dönts, ugyanis ha jól választod meg, akkor akár 3-4 évig is tudod használni.

Amennyiben ingyenes sablon keresel:

• WordPress alapértelmezett sablonbázisa
• Themeforest ingyenes sablonjai
• Astra sablon

Amennyiben viszont professzionálisabb megoldásra törekszel, érdemes rááldozni azt a 10-60.000Ft-ot egy prémium sablonra. Ezeknek nem csupán azaz előnye, hogy hozzáférsz bizonyos funkciókhoz, de általában a sablon felépítése is könnyebben lehetővé teszi, hogy gyors és reszponzív weboldalt építs céged / vállalkozásod számára. Fizetős megoldások böngészésére szintén a themeforest.com-ot javaslom.

Bővítmények

A bővítmények, vagy angolul a plugin-ek lényegében azt a szerepet töltik be egy weboldalnál, mint az okostelefonok esetében az applikációk. Tehát egy célfeladatra vannak kihegyezve. Legyen szó képgalériáról, sebességoptimalizálásról, de akár spam szűrőről is.

A rendszer nagy előnye, hogy rengeteg fejlesztő cég készít bővítményeket, így szinte minden elképzelt funkcióra van már kész megoldás. Jelenleg csaknem 60.000 ingyenesen hozzáférhető bővítmény található meg a WordPress gyári bővítménytárában. Ezek közül némelyik egészen egyszerűen működik, mondhatni lego szerűen, azonban vannak pluginek, amik konfigurálásához kell 1-2 óra is akár.

„Kötelező” jellegű bővítmények

Értelemszerűen nem szentírás, amit írok, viszont számomra ezek váltak be igazán.

Mire lesz szükséged?

1. Sebességoptimalizálás
   • Az a helyzet, hogy a tartalomfogyasztási szokásaink megváltoztak. Egy átlagos felhasználó 3 mp-nél többet nem vár az oldal betöltésére.
   • Nos, ebben a kategóriában mindenki másra esküszik. Ingyenesek közül a Hummingbird, fizetősek közül pedig a WP-Rocket a befutó.
2. Keresőoptimalizálás
   • Ez a kategória szintén megosztó, a legtöbb webes, illetve SEO szakember a Yoast SEO-t használja, számomra azonban az All In One SEO a befutó. Amit még érdemes megemlíteni, az a RankMath, ugyanis az előző kettőnél jóval több lehetőséget ad az ingyenes változatában.
3. SSL
   • Az, hogy mi az az SSL tanúsítvány és mire jó, hosszú leírni ebben a bejegyzésben, azonban röviden emiatt lesz a kis lakat az url sávban. Amennyiben nem rendelkezel SSL tanúsítvánnyal, a Google is hátrébb fog rangsorolni, illetve a látogatóid számára is meg fogja jeleníteni, hogy „Nem biztonságos webhely”. Ezt mindenképp érdemes elkerülni, mivel amikor egy látogató ezt látja a webhelyednél, azonnal elveszti a bizalmát a cégeddel / vállalkozásoddal kapcsolatban.
   • Attól függetlenül, hogy azt nem a WordPress-en keresztül kell telepítened, még ugyanúgy fontos, hogy a weboldaladon minden aloldal, link és kép a „https://” verzióra mutasson, ne pedig a sima „http://„-re.
   • Erre a Really Simple SSL nevű bővítményt javaslom mindenképp.
4. Analitika
   • Bizonyára tudni szeretnél alapvető adatokat arról, hogy miképp használják, mennyi ideig tartózkodnak, melyik aloldalakon járnak a weboldal látogatóid. Erre tökéletes lehetőséget ad a Google Analytics, azonban ehhez össze kell kötni a honlapoddal, hogy tudjon mérni. Emellett a Facebook Pixel is igazán fontos lehet számodra.
   • Épp erre nyújt egy all in one lehetőséget a PixelYourSite – Your smart PIXEL (TAG) Manager
5. GDPR
   • Bizonyára hallottál már arról, hogy adatvédelem szempontjából kötelezettségeid vannak. A részletekbe nem is szeretnél belemenni, azonban ennek a problémának a megoldására a Complianz | GDPR/CCPA Cookie Consent tökéletes megoldást tud nyújtani.

Ezek alapján jogosan merülhet fel a kérdés benned, hogy: „Akkor minél több bővítményt telepítek, annál jobb lesz az oldalam, ugye?”

Határozottan nem. Ugyanis minden bővítmény igényel valamennyi erőforrást, tehát lefut a kódja, csak az egyik kevésbé, a másik pedig sokkal inkább erőforrásigényes.

A másik fontos érv a bővítmények számának minimalizálására, az pedig nem más, mint a kompatibilitás. Nem mindegyik plugin működik rendesen a többi bővítménnyel, a jelenlegi WordPress telepítésünkkel vagy akár a sablonunkkal.

Ilyen szempontból ki tud ütközni az, hogy a rendszer nyílt forráskódú, ugyanis nagyszámban vannak kontármódon elkészített kiegészítések. Egy bővítmény bekapcsolása előtt érdemes elolvasni, hogy kompatibilis-e a jelenlegi rendszerünkkel, a véleményeket és esetleges alternatívákat különböző szakoldalakon.

Akkor nézzük a WordPress weboldalunk telepítését

Amennyiben Te is a Sybell-nél fizettél elő, hasonlóan egyszerű lesz számodra is a weboldalad feltelepítése.

A WordPress oldalad további kezelésébe nem mennék jobban bele, rengeteg YouTube videót fogsz találni a témában.

Tehát, akkor ennyi elég is számodra, hogy elkészítsd a honlapod?

Természetesen ennél összetettebb folyamat egy weboldal felépítése. Ettől függetlenül remélem ennyi információ elég lesz elindítani az első weboldalad.

Abban is biztos vagyok, hogy még jó néhány akadályba bele is fogsz ütközni az építkezés közben. Tudsz segítséget kérni Tőlem vagy akár a szakmai közösségekben, fórumokban is. Az utóbbiaknál ne lepődj meg, ha 1-2 károgókba belefutsz, sajnos nem tudod elkerülni. Azonban nagyrészt tudnak és ami még fontosabb, akarnak is segíteni.

Bónusz 1: Weboldal készítés árak, amennyiben szakértőre bíznád

Amikor elkezdesz kivitelezőt keresni a weblapod lefejlesztésére, hamar feltűnhet, hogy szinte sehol sem látsz árakat feltűntetve, ahol meg mégis, ott pedig irányár van feltüntetve. Ilyen esetekben az irányár 150%-át is elkérhetik a munka végén. Nagyon ritka, hogy a webfejlesztő cégek / szakemberek nyílt árakkal dolgoznának ugyanis az esetek 99%-ban ez mind projektfüggő. Ennek a miértje roppant egyszerű. Minden weboldal elkészítéséhez eltérő idő és szakértelem szükséges.

Az interneten található információk és a személyes tapasztalataim alapján, egy pár oldalas céges honlap létrehozásáért 250.000-500.000Ft-ot szokás elkérni, egy webáruház esetén pedig 450.000Ft alatt nem is igazán találunk kivitelezőt.

Természetesen találhatsz végleteket is, akik a fent említett árnak a töredékéért, illetve többszöröséért készítenek weboldakat.

Fú, ilyen drága? Igen, azonban pár dolgot ne felejts el.

• A fejlesztő rendelkezik a megfelelő szaktudással, ami több év tanulás és munka előzött meg
• Rengeteg időt és energiát spórol meg számodra. (és, mint tudjuk, az idő pénz!)
• Professzionális végeredményt kapsz kézhez
• Minden terhet levesznek a válladról.
• A fejlesztő rengeteg prémium bővítményt vásárolt meg, amit Te alapvetően nem tennél, így megbízhatóbb weboldal lesz a végeredmény

Fontos: A honlapot sokan el tudják készíteni számodra. Személy szerint azt javaslom, ne feltétlen csak az árazás alapján dönts, hanem inkább a végeredmény lebegjen a szemed előtt, valamint, hogy tudsz-e a céggel/webfejlesztővel együtt dolgozni. Érdemes az egész folyamatra csapatmunkaként tekinteni, ahol a közös cél egy kiváló honlap létrehozása, ami közvetve vagy közvetlenül is pénzt fog számodra termelni!

Bónusz 2: Mire van szükséged a weboldalad elkészítése után?

Sajnos azoknak az időknek vége, amikor a weboldal puszta meglétével tarolni lehetett az online térben. Így vagy úgy minél több látogatót kell csalogatnod a weboldaladra.

Miképp tudod növelni az oldaladra érkezők számát?

Keresőoptimalizálás: Erről írtunk egy hosszabb cikket, itt olvashatod el. Akiket annyira nem érdekel, a keresőoptimalizálásnak célja az organikus, tehát keresőmotorokból ingyenesen származó látogatók számának növelése.

PPC hirdetések: Röviden fizetsz a Google-nek, Facebook-nak, Instagramnak, TikTok-nak vagy a Linkedinnek. Ez gyors eredményt tud hozni, de csak abban az esetben, ha szakszerűen van beállítva, emiatt érdemes ügynökséget megbízni.