weboldal készítés

Weboldal készítés tippek tanácsok. Ajánlások és útmutató az ötlettől a megvalósításig. Hasznosabb információk és tapasztalatok a sikerhez vezető úton. Megtanulhatod, hogyan legyen saját weboldalad, amit bármikor könnyedén módosíthatsz. Mutasd meg a világnak, hogy milyen nagyszerű vagy.

Tartalom:
Mi a célod?
Domain név kiválasztása és tárhely
SSL tanúsítvány
www-vel vagy www nélkül
Mi a WordPress?
Mi a PHP?
Miért a WordPress?
WordPress alkalmazás telepítése bemutató videó
Weboldal készítés ingyen
Weboldal készítés árak



Mi a célod?

Weboldal készítés előtt az első lépés, hogy át kell gondolni, hogy mi a cél. Bemutatkozó oldalt szeretnél, vagyis egy digitális névjegykártyát. Terméket akarsz eladni, több ügyfelet szerezni, vagy csak meg szeretnél te is jellenni az Interneten. Pénzt akarsz keresni, vagy egyszerűen csak jobbá szeretnéd tenni világot. 

weboldal készítés
weboldal készítés

Ha szolgáltatást vagy terméket kínálsz, akkor azt ajánlom, hogy először vizsgáld meg, hogy van-e rá kereslet. Gondold át, hogy melyek azok a szavak és kifejezések, amire szeretnéd, hogy megtaláljanak téged az emberek. Gyűjtsd össze ezeket a kulcsszavakat. A Semrush.com oldalán egy rövid regisztráció után ingyenesen és azonnal meg tudod nézni, hogy az adott kulcsszóra mennyi keresés indul átlagosan havonta. Naponta 10 lekérdezés ingyenes.

A vállalkozások, főleg a startupok legnagyobb hibája az, hogy olyan webhelyet építenek, amire senkinek sincs szüksége. Egyszerűen nincs rá kereslet.

Domain név kiválasztása és tárhely

Ha eldöntötted, hogy milyen szavakra szeretnél megjelenni a keresőkben, azután a következő lépés, hogy kell egy domain név és tárhely.

A domain név a weboldalad neve. A domain név kiválasztásánál célszerű rövid nevet választani, lehetőleg legyen benne a fő kulcsszó, de nem kötelezően. A legtöbb ügyfelem idáig szokott eljutni, hogy vesz egy lehetetlen domain nevet és tárhelyet, utána keresnek meg.

A jó domain név rövid és kifejező. Miért kell rövid név a keresőoptimalizálás résznél ki fogok térni bővebben. Ami fontos még, hogy .hu végződésű legyen, ha magyar nyelvű weboldalt szeretnél. Rengeteg végződésű domain név közül lehet választani. De kérlek ne válassz .eu vagy .com végződéssel. És ne legyen ékezetes domain se. 

Rengeteg domain név kerül a kukába. Ez olyankor történik, ha nem fizeted be a domain név éves díját. Utána 60 napig úgynevezett domain parkolóba kerül. Ha ezután sem fizeted be, akkor törlik és kikerül a nyilvántartásból. Naponta kb. 200 db .hu végződésű domain kerül törlésre. Érdemes a törölt domainek között is szétnézni, hátha épp van olyan, ami neked is jó lehet. Úgy találod meg, hogy írd be a keresőbe angolul, hogy törölt domain (deleted domain). Ugyanannyiba kerül a törölt domain, mint az új és ugyanúgy regisztrálható. Én ezt inkább kincskeresésnek mondanám, mint kukázásnak. Természetesen a keresőoptimalizálás résznél ki fogok rá térni, hogy miért. Erre teljesen véletlenül jöttem rá, amikor egy olyan domain nevet vettem, amit már használt valaki előttem. 

A domain név éves díja egy gyorséttermi hamburger menü ára, amit online kell fizetni. Az első év ingyen van, vagyis legközelebb 2 év múlva kell fizetni, de utána évente. A domain regisztráció akár papírmentesen is elintézhető. Magánszemélyként is regisztrálhatsz, vagy cégként is, ekkor kell több igazoló dokumentum is. A domain regisztráció általában 1 napon belül megtörténik. A magyar domain regisztrációk esetében előfordulhat, hogy a nyilvántartó elutasít. Jellemzően akkor, ha a kiválasztott domain ütközik a magyar domain regisztrációs szabályzattal. Ilyen lehet, például ha a választott név félrevezető vagy megtévesztő. 

Kell még tárhely is. A tárhely az, ahova a weboldalad kerül. A Nethely.hu biztosít 256 MB ingyenes tárhelyet. Ennél olcsóbb tárhelyet nem tudok ajánlani. 256 MB nem sok, de kezdetben elég lesz és ingyen van. WordPresst lehet rá telepíteni, az kb. 80 MB körül van. Plusz néhány bővítmény 40-50 MB. Ha pár oldalas, egyszerű honlapot szeretnél, akkor ez bőven megteszi.

Bármikor bővítheted nagyobb tárhelyre, ha szükséged van rá. Van náluk PHP gyorsító is, – bármit is jelentsen ez – de leteszteltem, és tényleg gyorsít a weboldal betöltési sebességen. Illetve válthatsz tárhely szolgáltatót bármikor.

SSL tanúsítvány

Mielőtt bármit is elkezdenél mindenképp állítsd be az ingyenes SSL tanúsítványt a tárhely szolgáltatónál. Az SSL tanúsítvány angol rövidítésből ered a Secure Socket Layer, ami magyarul biztonságos internet csatlakozást jelent. Tehát az SSL tanúsítvány biztonságos kommunikációt tesz lehetővé a webszerver és a látogató webböngészője között. A Google ajánlása szerint, minden webhelynek SSL tanúsítvánnyal kell rendelkeznie, ekkor HTTPS jelenik meg a HTTP helyett. A böngésző címsorában lesz egy lakat. Az SSL-tanúsítványok nem csökkentik a weboldal betöltési sebességét. Az ingyenes SSL tanúsítvány a legtöbb tárhely szolgáltatónál elérhető, és pár másodperc alatt beállítható. A teljesség kedvéért természetesen vannak fizetős tanúsítványok is. Régebben nem volt ingyenes SSL tanúsítvány, keményen a zsebbe kellett nyúlni érte. 

www-vel vagy www nélkül

Megvan a domain név, a tárhely és az SSL tanúsítvány is, ezután már csak el kell döntened, hogy www-vel vagy www nélkül szeretnéd használni a weboldalad. Régebben minden webhely www-vel kezdődött. Néhány évvel ezelőtt azonban egyre több honlap elkezdte www nélkül használni a domaint, mivel a felhasználói viselkedés megváltozott. Előfordulhat, hogy a www-s domainek idővel elavulttá válnak, mivel a legtöbb ember nem vesződik azzal, hogy begépelje őket, miközben egy weboldalt keres. Napjainkban nemcsak az asztali számítógépeken, hanem a mobil böngészőben is, például a Google Chrome-ban egyre gyakoribb, hogy a www alapértelmezetten el van rejtve, vagyis nem látszik, hogy melyiket használja a weboldal. Emiatt felmerülhet a kérdés, hogy a jövőben elévülhet-e a www használata. Keresőoptimalizálás szempontjából nem számít, hogy melyiket választod, nincs semmiféle előny vagy hátrány. Ami viszont nagyon fontos, ha már egyszer választottál, azután már ne változtasd meg. Tehát legyen egy preferált verzió, és az összes többit erre irányítsd át. 3 átirányítást kell majd beállítanod, de ezzel még ráérünk. Tehát megvan a domain, a tárhely és az SSL tanúsítvány, kezdődhet a WordPress telepítése. 

Mi a WordPress?

Programozói tudás nélkül elkészítheted saját weboldalad WordPress-ben. A WordPress nyílt forráskódú, PHP-alapú tartalomkezelő és blog-rendszer. Forrás: Wikipédia. Ez a megfogalmazás eléggé tudományos fantasztikus. Nem baj, ha nem értesz ebből semmit. A WordPress nyílt forráskódú. A fejlesztőkből álló törzs csapat vezeti a projekt fejlesztését, de bárki hozzájárulhat javításokhoz, hibák kijavításához, szolgáltatásokat készíthet, funkciókat javasolhat stb. Vagyis ez egy közösség, közösségi projekt, amihez tehetséges emberek tízezrei járultak hozzá 2003 óta. A WordPress olyan újítókkal dolgozik együtt, akik szenvedélyesen megosztják tudásukat másokkal. 
A világ minden tájáról származó önkéntes felhasználók fordítják le a WordPress-t a saját nyelvükre. Önkéntesek segítségével mára már több mint 160 nyelvre rendelkezik fordításokkal, és több mint 60 nyelvre teljesen lefordították. Magyar nyelvre is.
A WordPress segítségével beléphetsz a digitális világba. Sablonok (azaz témák), bővítmények és egyéb eszközök állnak rendelkezésre. A legjobb az egészben az, hogy magyar nyelvű kezelőfelülete van, és hihetetlenül könnyű vele weboldalt készíteni. További információért látogasd meg a wordpress.org webhelyet. 
A nyílt forráskód hallatán sokan megijednek, hogy csak azt ne, mert lehet fel fogják törni a weboldalt. A szabad vagy nyílt forráskódú szoftverek szabadon használható, másolható, terjeszthető, tanulmányozható és módosítható számítógépes programok. Ilyen például a Linux operációs rendszer, a Mozilla Firefox és Google Chrome böngésző és a LibreOffice irodai csomag is.

2016 körül feltörték az egyik webhelyemet. De ilyenkor nem ellopnak valamit, hanem betesznek valamit a weboldalba. Én szöveget kaptam, de lehet kép, bármi. A problémát gyorsan orvosoltam, és kicsit jobban oda figyeltem a biztonságra. Azóta nem történt ilyesmi. Amikor feltörték a weboldalam, az volt a baj, hogy egyrészt nem foglalkoztam a WordPress frissítésével, emellett egyátalán nem frissítettem a PHP-t sem évekig, mert nem tudtam, hogy kell. 

Mi a PHP?

A PHP egy általános szerveroldali szkriptnyelv dinamikus weblapok készítésére. Na, de ezzel a megfogalmazással sem vagyunk előrébb, inkább csak jobban összezavar és elbizonytalanít. A PHP-ról annyit kell tudnod, hogy minden évben megjelenik az új verzió. A tárhely szolgáltatónál tudod beállítani egy gombnyomással. A régebbi PHP-t frissíteni kell, mivel biztonsági réseknek lehetnek. A friss PHP-ban mindig a jelentett hibákat és biztonsági problémákat kijavítják. Jelenleg 8.2 a legfrissebb. 

php verziók

A kép forrása: https://www.php.net/supported-versions.php A képen látod, hogy minden PHP verzió két évig támogatott, és még 1 évig elérhetőek hozzá a biztonsági frissítések. Vagyis elég csak 3 évente kell a PHP-ra gondolnod. Nem nagy dolog. Akkortól van baj, ha 2020 előtti a weboldalad, és még sohasem állítottad át a PHP verziót.

PHP verzióElérte élettartama végét
7.42022.11.28.
7.32021.12.06.
7.22020.11.30.
7.12019.12.01.
7.02018.12.03.
5.62018.12.31.

A hivatalos WordPress Statistics oldalon megnézheted, hogy az emberek milyen PHP-t használnak. A statisztikából egyértelműen látszik, hogy a weboldal tulajdonosok sokszor nem ismerik a PHP-verziójukat, és nem is törődnek vele. 

A régebbi PHP verzió komoly biztonsági kockázatokat rejt magában, és a rosszindulatú programok további növekedését eredményezheti. A weboldalad sebezhetőségnek lesz kitéve, ami jelentősen megnöveli a támadási felületet. Az elavult szoftverek használata mindig fokozott biztonsági kockázatokhoz vezet. Csökken webhely stabilitás, csökkent teljesítmény és nő a támadási felület.

Ha már nagyon régi a honlapod és most azonnal frissíteni akarsz, azelőtt tudnod kell, hogy a PHP 8-ra frissítése akár végzetes hibákat is okozhat. A webhely tönkremeneteléhez is vezethet. Például olyankor, ha elavult bővítmény, vagy 1.0-s egyedi  sablon van a weboldalon. Ezek olyan funkciókat tartalmazhatnak, amit a PHP 8 kiadási ága már nem támogat. 2020.11.26-án jelent meg a PHP 8-as kiadás. Ezért a bővítmények és a sablonok vagy a témák fejlesztőinek volt (kellett hogy legyen) elég idő, hogy felzárkózzanak a PHP 8 új funkcióihoz. Hozz létre egy átmeneti környezetet, de ez nem kezdő szint. Az átmeneti környezet segít a tesztelésében és a frissítések futtatásában, mielőtt az összes módosítást a webhelyre helyeznéd. A továbbiakban használj egyszerű, tiszta kódolású, megbízható bővítményeket és sablonokat.

 Miért a WordPress?

WordPress egyrészt ingyenes, másrészet ezzel programozás nélkül, nagyon könnyű weboldalt készíteni. Olyan a kezelőfelülete, mint egy egyszerű szövegszerkesztő. Az összes weboldal, amit WordPressben készül az teljesen mobilbarát, vagyis asztali gépen, tableten, és mobilon is tökéletesen megjelenik. Wordpress kezelőfelületeHa szövegszerkesztőt tudsz kezelni, remélhetően ez is menni fog. Több ezer fejlesztő azon dolgozik, hogy egyszerűen, könnyen és ingyen használhasd.
Segíthet a döntésben, hogy a WordPress mennyire jó vagy sem, ha megnézed a Google első oldalán milyen weboldalak vannak.
Írd be a fő kulcsszavakat a keresőbe, és nézd meg milyen természetes találatok vannak az Google kereső első oldalán. Például az autómentés Budapest kifejezésre 10-ből 9 WordPress-es weboldal van. Ez szerintem elég meggyőző, hogy nem járt el a WordPress felett az idő. Viszont a kávéfőző, vagy az elektromos roller kulcsszóra egyik sem. Ellenőrizheted például, ha megnyomod az F12 billentyűt, vagy bármilyen detektorral. Például a Kinsta WordPress Theme Detector oldalon regisztráció nélkül, azonnal ellenőrizheted, hogy milyen sablont használ a weboldal.
Általánosságban elmondható, ha szolgáltatást kínálsz, akkor a WordPress legjobb megoldás. Ha terméket szeretnél eladni, akkor egyrészt óriási konkurenciád lesz, és a Google első oldalán nem sok weboldal WordPress alapú weboldal van Magyarországon. Ez nem azt jelenti, hogy nem lehetne.

Nem akarlak meggyőzni, de most le fog esni az állad. De ha nem hiszel nekem, akkor kérdezd meg közös barátunktól a Google-tól. Kérdezd meg angolul, hogy ki használja a WordPress? (Angolul: Who use WordPress?)  

Ki használja a WordPresst
Többek között Sony Music, Playstation Blog, Time Magazine, Disney Books. Microsoft News, New York Post, The Rolling Stones. Ezen kívül Harvard Egyetem, Budapesti Corvinus Egyetem, Magyar Táncművészeti Egyetem, Semmelweis Egyetem, Forbes magazin. 
És megfelelt nekik is: Hussein Bolt, Jay-Z, Katy Perry, Amerikai Fehér Ház. Több Fortune 500-as vállalatnak is WordPress-es weboldala van. Nagyszerű látni, hogy az emberek sikeres vállalkozásokat építenek a WordPress köré.

Kérdezd meg, hogy a NASA használja-e a WordPresst

Aki használja a WordPresst

A NASA-nak megfelelt, talán neked is jó lesz, és még a húrelméleten sem kell gondolkodnod. Ha még nem esett le az állad, akkor kérdezd meg, vajon a weboldalak hány százaléka használja a WordPresst. Írd be angolul a Google keresőbe, hogy: „What percentage of websites use WordPress?”

WordPress alkalmazás telepítése

A WordPress alkalmazás telepítését a tárhely szolgáltatónál tudod elkezdeni. Általában mindegyik tárhely szolgáltatónál a WordPress alkalmazás már előre telepítve van, így egy gombnyomással telepíthető. Ha nincs, akkor nyugodtan kérdezz rá.

Egy 4 perces videóban videóban bemutatom, hogy ennyi idő elég a WordPress telepítésére a Netmask.hu táhely szolgáltatónál, emellett létrehozok 2 oldalt, bemásolom az előre megírt minta szöveget, feltöltök egy képet. A 4 percben néha céltalanul bénázok. Bemutatom a menüpontokat, a sablonokat, a bővítményeket. Megmutatom, hogyan módosíts egy oldalt és hogyan mentsd el. Mentés után módosítom a szöveget. A végén megmutatom, hogyan kell kijelentkezni, illetve bejelentkezni. Összesen 4 perc alatt. A weboldal természetesen még nagyon minimál stílusú és nincs kész, de soha nincs kész. Finomítani, bővíteni és szépíteni mindig lehet, és kell is. 

Sikeres telepítés után az alábbi képernyő fog várni. Így néz ki a WordPress kezelőfelülete. A bal oldali menüben egyszerűen kiválaszthatod, amit szerkeszteni szeretnél. 

weboldal készítés WordPress kezdőoldal

Oldalak

Az oldalak az egyik legfontosabb, ezt fogod legtöbbet használni. Itt is van mintaoldal és egy adatkezelési tájékoztató minta. A WordPress mindenre gondol, és segít neked.

Új oldalt úgy tudsz létrehozni, hogy vagy a bal oldali menüben kiválasztod az Oldalak / Új hozzáadása, vagy a felső sorban a “+ Új” részre kattintasz. Szerkeszteni az oldalt, például módosítani szöveget, úgy tudsz, hogy a bal oldalon, az Oldalak fülre kattintasz, és utána a szerkesztésre. 

Oldal szerkesztése

Weboldal ingyen

A Google vállalkozásoknak biztosít ingyenes, úgynevezett cégprofilt. Korábban Google Cégemnek hívták, jelenleg Google Cégprofil a neve. Ideális lehet helyi vállalkozásoknak, mint például vendéglátósoknak, edzőtermeknek, fodrászoknak, zöldségeseknek, vagy bármilyen telephelynek, akik helyben, többek közt a Google térképen szeretnének megjelenni. Ha minden forint számít, és nem szeretnél semmiért fizetni, plusz van időd ezzel foglalkozni, akkor kiváló megoldás lehet. Nem kell se domain név se tárhely. 100%-ban ingyenes. Használata annyira egyszerű, mint E-mailt írni. Könnyedén lehet telefonszámot, nyitvatartási időt, étlapot, útvonaltervet és rengeteg egyéb információt megjeleníteni az ügyfeleknek. A Google Cégprofil díjmentes és egyszerű. Úgy is megtalálhatod, ha megnyitod a google.hu keresőt és az oldal alján kattints a Vállalkozás linkre.

Lehet Facebook oldalad is ingyen. Rendelkezned kell egy Facebook-profillal. Az Oldalak területen kattints az Új oldal létrehozása részre. Add meg az oldalad nevét, kategóriáját és az oldalad bemutatkozását, majd kattints a Létrehozás linkre.

Weboldal készítés árak

A weboldal árát azért is nehéz meghatározni, mert nem egy kézzel fogható termékről van szó. Weboldal készítése lehet ingyenesen vagy legalábbis minimális költséggel, ha te magad csinálod. Megbízhatsz  weboldal készítőt is. Ha a legolcsóbb megoldást keresed, vannak szakembereket tömörítő weboldalak is. Ezeken az oldalakon van szobafestő, kulcsmásoló és lelkes weboldal készítő is. Bevallom én is kértem árajánlatot. Pár napon belül rengetegen jelentkeztek. Elmondhatom, hogy 50.000.-Ft-ért nagyon sokan vállalnak a weboldal készítést. Hiszen WordPress-ben bárki össze tud dobni egy weboldalt. Szerintem még a nagyim is. Milyen lesz, ki tudja. 

Kicsit más téma, de az árakkal kapcsolatban idevág. Van egy 12 m-es teraszom, amit le szeretnék burkolni, de nem találok egy épkézláb burkolót. Legtöbben 30 m2 alatt el se vállalják a munkát, és már 10 évvel ezelőtt se lehetett találni olyat, aki 5000.-Ft/m2 áron dolgozik. Vagyis 30 m2 burkolására, ha oltári szerencséd van, és találsz valakit 5000.-Ft/m2 áron, akkor 30X5000=150.000.-Ft a munkadíj. A legolcsóbb burkolat 4000.-Ft/m2 körül van, plusz a ragasztó habarcs, meg a nem tudom micsoda, vagyis összesen már 300.000.-Ft körül járunk.

Mi a feladat? Le kell kenni a habarcsot, abba belerakni a járólapokat. Aztán másnap kifugázni. Úgy gondolom ez 1 napos munka és másnap a fugázás, de ha összesen 2 napig tart, a munkadíj 150.000.-Ft. Ha 3 napra számolunk, mert mesterünk már délelőtt bedobott egy-két tüskét, és így délre elfáradt, akkor is ez napi 50.000.-Ft. Tudom, hogy nehéz fizikai munka, mert a járólap nehéz, meg a csempét meg kell emelni és van olyan is, hogy csempét kell vágni. Figyelni kell a vízszintre is. Meg térdelni kell. Sorolhatnám. De ha nem iszonyodnám a fizikai munkától, és nem lennék nő, akkor inkább burkolónak mennék, mint 50.000.-Ft-ért készítsek weboldalakat. 

Melyik weboldal készítőt válaszd?

Olyan weboldal készítőt válassz, akinek legalább van weboldala. Ne csak az ár alapján dönts. Nézd meg a referencia munkáit, vagy kérj tőle. Nem utolsó sorban, nézd meg a weboldalát kicsit másképp. Nézd meg, hogy mi van a színfalak mögött. Ez legyen a legfontosabb tényező. 

Ezt többféle honlap elemzővel könnyedén megteheted. Az egyik leggyakrabban használt ingyenes eszköz a PageSpeed Insights.

weboldal teljesítményeEzzel egyszerűen lemérheted a weboldal teljesítményét. Látni fogod a webhely teljesítményt érintő problémákat. 2016 végétől a Google elsősorban a mobil verzióját használja rangsorolásra. A rossz keresési élményt nyújtó mobil oldalak lejjebb kerülhetnek a rangsorban. 2018-ban a Google bejelentette, hogy a weboldal sebessége rangsorolási tényező. Vagyis, (ha minden egyéb ugyanolyan) a gyorsabb webhelyeket előnyben részesíti. Ennek eredményeképp a weblap sebessége létfontosságú kérdés. 

Egy másik ingyenes weboldal elemző a Seobility SEO ellenőrzője. Ez az eszköz a keresőmotor irányelvei alapján elemzi a webhelyeket, és érthető részletes információt ad a hibákról. Használhatod a GTmetrix weboldal teljesítmény tesztjét is. Ezek alapján remélem könnyebben tudsz majd dönteni, és az egész nem tartott tovább 5 percnél.