weboldal készítés

WordPress weboldal készítés lépésről lépésre egyszerűen. Ajánlásokkal és útmutatóval megtanulhatod, hogyan lehet saját honlapod, amit bármikor könnyedén módosíthatsz. 

• Mi a célod?
• Webhely ingyen
• 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 lépésről – lépésre

Mi a célod?

Ha saját weboldalt weboldalt szeretnél, akkor az első lépés, hogy át kell gondolni, hogy mi a célod. 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. 

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.

Webhely ingyen vállalkozásokank

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 a lap alján kattints a Vállalkozás linkre. Ugyanúgy 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.

Domain név és tárhely

Ha saját webhelyet szeretenél és 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 honlap 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 weboldal, honlap, weblap vagy webhely kifejezések szinonima szavak, jelentésük megegyezik.

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 törlésre. 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. Ugyanannyiba kerül a törölt domain, mint az új és ugyanúgy regisztrálható. 

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 webhely 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 weboldalt. 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 oldalt 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 webhely. 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 oldalad 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 honlapot 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 honlapom, 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. 

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.

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 webhely 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 webhelyed 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 weblap, amit WordPressben készül az teljesen mobilbarát, vagyis asztali gépen, tableten, és mobilon is tökéletesen megjelenik. Ha 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 oldal 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 WordPress alapú weboldal van Magyarországon. Ez nem azt jelenti, hogy nem lehetne.

Nem akarlak meggyőzni, de most le fog esni az állad. 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?)  

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

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 webhelyek hány százaléka használja a WordPresst. Írd be angolul a Google keresőbe, hogy: „What percentage of websites use WordPress?”

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.

Ezzel egyszerűen lemérheted a webhely 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 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.

WordPress weboldal készítés lépésről lépésre útmutató teljesen az alapoktól, érthetően végigvezet a folyamaton. 

Wordpress weboldal készítés lépésről – lépésre

Tartalom:

• WordPress kezelőfelülete
• Bejegyzések
• Oldalak
• Hozzászólások
• Megjelenés
• Melyik a jó sablon?
• Bővítmények
• Felhasználók
• Eszközök
• Beállítások
• WordPress weboldal készítés további beállítások
• 🤠 Weboldal ikon, azaz Favicon beállítása
• Webáruház webshop készítés
• SEO bővítmény
• Google Analytics és Search Console beállítása

Wordpress kezelőfelülete

A főldalon, a weboldal készítés útmutatóban már részletesen írtam tanácsokat a domain név, a tárhely és az SSL tanúsítványról, ha ezek megvannak kezdhetjük a WordPress telepítését. A WordPress alkalmazás telepítését a tárhely szolgáltatónál tudod elindítani. Szinte mindegyik szolgáltatónál már előre telepítve elérhető. Mindegyik tárhely szolgáltató más, de nagyon könnyű a telepítés. A tárhely szolgáltatóknál biztosan van leírás, hogy hogyan is csináld, ha nincs akkor nyugodtan kérdezz rá.

A fenti videóban bemutatom, hogy 4 perc elég a WordPress telepítésére, létrehozok 2 oldalt, bemásolom a 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, hogyan mentsd el. Hozzáírok még szöveget. A végén megmutatom, hogyan kell kijelentkezni, illetve bejelentkezni. Összesen 4 perc alatt. Az oldal természetesen még nem néz ki jól és nincs kész, soha nincs kész. De 4 percbe ennyi belefért.

Sikeres telepítés után az alábbi képernyő fog várni.

Tehát így néz ki a WordPress kezelőfelülete. A fekete hátterű, legfelső sorban az „Akármi” a saját beállított felhasználó nevem, neked az lesz, amit megadtál. Bal oldali sávban, a Vezérlőpultban látszik, hogy máris frissíthetünk. A frissítés nagyon egyszerű, kijelölöd és megnyomod a frissítés gombot.

Bejegyzések

A Vezérlőpult alatt a bejegyzések fülre kattintva. Látni fogod, hogy van egy minta bejegyzés. Helló Világ néven, ez egy minta. Megnézheted, szerkesztheted és ezzel is tanulsz.

Ha elakadnál valahol, akkor a bal felső sorban lévő W-re kattintva visszamehetsz a Vezérlőpultba.

A bejegyzések alatt van a média, ide kerülnek fel a képek.

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. Az alábbi képen ezt piros nyíllal jelöltem. Adj hozzá címet, és írd meg a szöveget. Ne felejtsd el elmenteni! Jobb oldalon, egy zöld nyíllal jelöltem azt a helyet, ahol Közzététel gomb van. Ha elfelejted menteni, akkor sincs semmi gond, van automatikus mentés, és erre figyelmeztet is. 

Szerkeszteni az oldalt, például módosítani szöveget, úgy tudsz, hogy az Oldalak fülre kattintasz, ekkor megjelennek az oldalak. Vagy az oldal nevére, vagy a szerkesztésre kattints.

Hozzászólások

A hozzászólásoknál is van egy minta. Ez a hozzászólás automatikusan megjelenik, a bejegyzésre reagálva. Az oldalak blogbejegyzési területei nagyon ki vannak téve a megjegyzés spamnek. Sokan kihasználhatják ezt, és a saját webhelyükre mutató hivatkozásokat adnak hozzá megjegyzésként, ha engedjük. Ezáltal tele lesz a webhelyünk spammel. 

Megjelenés

Megjelenés fül alatt vannak a sablonok, a Testreszabás, Widgetek, Háttér, és a sablon fájl szerkesztő.

Található 4 db sablon. Twenty Twenty (2020), Twenty Twenty-One (2021), Twenty Twenty-Two (2022) és a Twenty Twenty-Three (2023)

Ezeket a sablonokat a WordPress csapat tagjai hozták létre. A sablon részleteinél elolvashatod, hogy:

A szilárd alapokra épülő Twenty Twenty-Two (2022) azt az elképzelést teszi magáévá, hogy mindenki megérdemel egy igazán egyedi honlapot. A Twenty Twenty-Two igazi gazdagsága a testreszabás lehetőségében rejlik. A színek, a tipográfia és a webhely minden egyes oldalának elrendezése személyre szabható az Ön elképzelésének megfelelően. A sablon több tucat blokkmintát is tartalmaz, amelyek néhány kattintással professzionálisan megtervezett elrendezések széles skálája felé nyitnak utat. Függetlenül attól, hogy egyoldalas webhelyet, blogot, üzleti webhelyet vagy portfóliót épít, a Twenty Twenty-Two-val olyan webhelyet hozhat létre, amely egyedülálló.

„A Twenty Twenty-Three (2023) úgy lett kialakítva, hogy kihasználja a WordPress 6.1-ben bevezetett új tervezési eszközöket. A tiszta, üres alapból kiindulva ez az alapértelmezett sablon 10 különböző stílusváltozatot tartalmaz, amelyeket a WordPress közösség tagjai hoztak létre. Akár egy összetett, akár egy teljesen egyszerű weboldalt szeretne létrehozni, a csomagban található stílusok segítségével gyorsan és intuitív módon elvégezheti, vagy belevetheti magát az alkotásba és a teljes testreszabásba.”

Ezek a sablonok az alapbeállítás részei. Ha megnyomod a frissítés gombot, azonnal frissül. Az automatikus frissítést is beállíthatod, így nem kell a sablon frissítéssel soha többet foglalkozni.
A sablonokról annyit, hogy több mint 5000 ingyenes sablon áll rendelkezésre. A sablonokat (vagyis a honlap kinézetét) bármikor egy gombnyomással megváltoztathatod. Nem kell újra építeni semmit. 

Egy sablon lehet ingyenes, fizetős (prémium vagy pro verzió) vagy egyedi sablon. A legalapvetőbb különbség, hogy az ingyenes sablonoknál általában az oldal alján megjelenik egy olyan hivatkozás, mint például a sablon neve vagy a készítő neve. Ez a fizetős, vagy más néven prémium sablon megvásárlásával eltávolítható. Vagyis nem látszik, hogy egy ingyenes sablonnal készült a weboldalad. A prémium sablonoknál több mindent beállíthatsz, mint az ingyenes verzióban. Azt javaslom, hogy kezdetben próbáld ki az ingyenes sablont, és ha bejön, akkor válts úgynevezett PRO verzióra. A fizetős sablonok ára nagyságrendileg 10.000.-Ft-tól kezdődnek.

Melyik a jó sablon?

Szerintem az a jó sablon, amivel elérheted ezt.

A kép forrása: PageSpeed Insights. Ezt az eredmény egy ingyenes sablonnal tudtam elérni az egyik általam készített honlapon. Nagyon minimális stílusú. De valamit valamiért. Úgy gondolom, hogy a dizájn nem mehet a sebesség rovására. Pláne, hogy 2018-ban a Google bejelentette, hogy a webhely sebessége rangsorolási tényező. Vagyis a gyorsabb weboldalakat előnyben részesíti, ennek eredményeként az oldal sebessége kulcsfontosságú kérdés. Nézd meg a Kinsta által összeállított legjobb ingyenes és prémium WordPress témák gyűjteményét.

A Testreszabás résznél általában itt tudod beállítani a színeket, a háttérképet, a menüket, a widgeteket, és a kezdőoldal beállítását. A Widgetek ebben az esetben például a láblécben megjelenő oldalak, vagy például a jobb oldalt megjelenő menüsor. A sablon fájlszerkesztővel kezdő szinten nem kell foglalkozni. Ezt hagyjuk békén.

Bővítmények

A Bővítményekben előre telepített bővítményeket, vagy más néven kiegészítő alkalmazásokat találunk. Itt adhatunk hozzá extra funkciókat. Például ha szeretnél egy kapcsolati űrlapot, akkor azt itt teheted meg. Rengeteg bővítmény van, azt telepítsd, amire szükséged van.

Az Akismet és a Hello Dolly bővítmény előre telepítve van. Az Akismet bővítmény egy spamszűrő. A Hello Dolly bővítmény pedig tartalmazza a „Hello Dolly” című dal híres szövegét, amelyet a Louis Armstrong ad elő. A Hello Dolly bővítménynek nincs semmilyen egyéb haszna. Egy üdvözlet lehet Matt Mullenwegtől. Ő alapította és neki köszönhetjük a WordPresst. Nyugodtan kitörölheted. A plugin mögötti kód meglehetősen egyszerű, így aki a WordPress bővítmény fejlesztése iránt érdeklődik az átnézheti, használhatja.

Felhasználók

A felhasználók rész kezdő szinten nem kell módosítani, jó úgy ahogy van. Itt új felhasználókat adhatsz hozzá. Beállíthatod, hogy az új felhasználónak milyen jogai lehetnek. Módosításokat is végezhet, vagy csak megnézheti a beállításokat. Az adatlapon pedig átállíthatod a WordPress kezelőfelületének a színét, ha már unod a fekete-fehér alapbeállítást. Beállíthatod még többek között a nevet, becenevet, E-mail címet, a nyelvet. Itt figyelj arra, hogy mindig magyar nyelvre legyen állítva.

Eszközök

Az eszközök fül alatt van az

• Elérhető eszközök
• Importálás
• Exportálás
• Webhely egészség
• Személyes adat exportálása
• Személyes adat törlése

Ebből ami fontos az a Importálás / Exportálás és a webhely egészség.

Ha valami gond történne a weboldaladdal akkor ez egy szempillantás alatt helyreállítja a webhelyed oldalait és bejegyzéseit. Először menj az Exportálás részre, jelöld ki és töltsd le. Ha a „minden tartalom”-ra kattintasz, akkor tartalmazni fogja az összes bejegyzést, oldalt, hozzászólást, egyéni mezőt, kifejezést, navigációs menüt és egyéni bejegyzéseket. Vagyis a képeket nem. Ezért töltsd le a média részt is. Ne ess abba a hibába, amibe én, hogy azt hittem, hogy elmentettem a minden tartalmat, csak épp a képek nem voltak meg.

A WordPress egy XML fájlt fog készíteni, amit majd le kell menteni a saját gépre. Ahogy elmentettük a fájlt, már használható is egy másik WordPress oldal Importáló funkcióból. Akkor is hasznos lehet, ha a weboldalad el szeretnéd költöztetni. Ha az egész webhelyről szeretnél biztonsági mentést, akkor azt másképp kell megoldanod.

A webhely egészségének ellenőrzése megmutatja a WordPress konfigurációjának információit, és az ellenőrizendő tételeket. A kritikus hibák olyanok, amik nagy befolyással lehetnek az oldalunk teljesítményére vagy biztonságára. Megoldására nagyobb prioritást érdemes szánni. Kritikus hiba például, ha nem frissítesz valamit, (magyarul, ha évekig nem nyomod meg a rikító piros színnel jelzett frissítendő dolgokat).

Az ajánlottan javítandó elemek a weboldal előnyére válnak és bár nem olyan magas prioritásúak, mint a kritikus hibák, tartalmazhatnak fejlesztési lehetőségeket teljesítmény, felhasználói élmény és egyéb téren. Ilyen például, hogy a nem használt sablonokat távolítsd el. De ne ijedj meg, mindenre ott lesz a leírás, hogy mit kell csinálnod. A WordPress nagyon felhasználó barát.

Remélem a Tied is így néz ki:

Beállítások

Legvégül a Beállításokban találod: Általános, Írás, Olvasás, Média, Közvetlen hivatkozás és a Személyes adatok részt. Az alapbeállítás szerintem jó így, de természetesen állítgathatod, ha neked úgy tetszik.

Beállítások / Általános beállítások résznél, a honlap egysoros leírásánál ez a szöveg fog megjelenni: „Egy újabb WordPress honlap”, ezt írd át. A többi beállítás szerintem jó úgy ahogy van. A személyes adatok védelme résznél, beállíthatod az adatkezelési tájékoztatót. Az elkészítéséhez is segítséget is találsz.

Ez volt a WordPress rövid bemutatása. Használata nagyon egyszerű. Kijelentkezni a jobb felső sarokban tudsz. Javaslom, hogy mentsd el ezt a képernyőképet a kedvenceid vagy a Chrome-ban a könyvjelzők közé, mert itt tudsz majd bejelentkezni. Bejelentkezni pedig úgy, hogy a böngészőben weboldalad nevének a végéhez, vagyis domain neved után közvetlenül odaírod, hogy /wp-login.php
Nagyon fontos, hogy minden jelszót mentsd el.

Wordpress további beállítások

Az alábbi beállítások nem kötelezőek, mivel semmi sem kötelező, de egy kis segítség lehet. Első lépéssel én legelőször a klasszikus szerkesztőt szoktam telepíteni és bekapcsolni (bővítmények / új hozzáadása). Miért? Azért, mert régen ezt szoktam, meg. Szerintem sokkal jobb, mint az új szerkesztő. A másik kettő bővítményt kitörlöm. A minta bejegyzést, a mintaoldalt és a minta hozzászólást törlöm, a lomtárból is. A 4 sablonból 3-at kitörlök. A beállítások /beszélgetés résznél átállítom, ahogy nem kellenek hozzászólások. Ha engeded a hozzászólásokat, akkor rengeteg kéretlen linket fogsz kapni. A linkekről a keresőoptimalizálás résznél részletesebben ki fogok térni.

Telepítek egy másik sablont. Ami nálam jól bevált. Te bármelyiket választhatod. Nálam fajsúlyos szempont, hogy nagyon gyorsan betöltődő oldal legyen.
Az előre telepített sablonok is jók, nagyon tiszta kódolású, és nagyon gyors sablonok és amellett ingyenesen használhatóak. Az oldal alján lesz egy link Köszönjük WordPress felirattal. Ha ez nem zavar, akkor nyugodtan használhatsz ingyenes sablonokat. Ha nem szeretnéd, hogy ott legyen akkor fizetős sablonra kell váltani, de egyéb módon is eltávolítható a link.
Jó sablonok szerintem még a Neve, a Hesztia, Hello Elementor is. Szeretem még a Cryout Creations sablonjait is. Ha ingyenes sablont választasz, akkor egy link lesz a lap alján, ami a sablont készítő oldalára mutat. Ha fizetős sablonra váltasz, akkor ez nem jelenik meg. A fizetős sablonok ára 10.000.-Ft-tól kezdődnek.

Most a példában a gyári sablont használom. Láthatod, hogy Szerző: a WordPress csapata. Az Automatikus frissítés bekapcsolható.

Webhely ikon, azaz Favicon beállítása

A favicon egy weboldalhoz tartozó ikon, ami megjelenik, például a böngésző címsorának vagy a böngésző fül elején, a könyvjelzők előtt. Ez egy kis ikon, ami mobilon a keresési eredmények mellett is megjelenik. Én az átlátszó, kör alakúakat kedvelem. De feltölthetsz bármit, a formátum PNG legyen. Ezt a beállítást ki is hagyhatod, ez nem annyira fontos.

Ha nincs ötleted, akkor készíthetsz Paint-ben például egy monogramot, vagy csak egy betűt. Elmented PNG formátumban, és eltávolítod a hátteret akár online is, és így átlátszó lesz, de nem feltétlenül szükséges, hogy átlátszó legyen. Vagy a Pixabay.com oldalon keresel egy neked tetsző vektorképet. A Pixabay oldalán található összes tartalom (pl. képek, videók, zene) ingyenesen felhasználható kereskedelmi és nem kereskedelmi célokra nyomtatott és digitális formában is. A forrásmegjelölés nem kötelező. A Pixabay jogdíjmentes képeket, videókat és zenét oszt meg. Biztonságosan használhatóak engedélykérés nélkül. Az alábbi képernyőképen zöld színnel bekarikáztam a helyet, ahol fel tudod tölteni a kis ikont. Alatta zöld nyíllal jelöltem, azt a részt ahol megnézheted, hogy a weboldalad, hogyan néz ki asztali gépen, tableten és mobiltelefonon is. Ha kész vagy akkor közzététel (pirossal jelöltem, és a bal felső X-el ki tudsz innen lépni.

A Megjelenés / testreszabás/ Honlap azonosítás résznél a honlap egysoros leírását átírom, ha még nem tettem meg. És feltöltök egy honlap ikont, angolul favicon.

A widgetek például a lap alján, a láblécben megjelent legutóbbi bejegyzések. Ennél a sablonnál csak lábléc widget van. Azt állítasz be a láblécbe, amit szeretnél.
A weboldal menü pontjait is itt lehet beállítani. Ez sem nehéz, szerintem nem kell magyarázni.

A Megjelenés / testreszabás/ Kezdőoldal beállítás résznél kiválaszthatod, hogy mi jelenjen meg a főoldalon. Alapértelmezetten a Legutóbbi saját bejegyzések jelenik meg. Ezt nem szeretném, így átállítom, hogy egy úgynevezett statikus oldal, vagyis az egyik oldal jelenjen meg. Azt amelyik a legfontosabb oldal az összes közül. A beállításokat a közzététel gombbal lehet elmenteni.

Webáruház webshop készítés

Webáruházat sem nehéz összerakni WP-ben. Woocommerce az erre való bővítmény. Ingyenes és magyar nyelven is elérhető. 2020 márciusában készítettem az első webshopomat a saját weboldalamon. Mert mégse az ügyfél weboldalán bénázzak. Éppen ráértem a Covid idején, hogy beállítsam a weboldalon a bankkártyás fizetést. A woocommerce beállítása nagyon egyszerű. Telepíted a bővítményt és beállítod szükséges adatokat.

Többféle bankkártyás fizetési lehetőség közül lehet választani. Én a Bariont választottam, ahol nincs regisztrációs díj, se havidíj. A tranzakció után kell fizetni, nem tudom hány %-ot, 1% körül.

Az egész kb 2 héten belül megvolt. Regisztráltam az oldalra, válaszoltam az összes kérdésre. Azután volt egy rövid online azonosítás, előre egyeztetett időpontban. Elolvastam a feltételeket és beállítottam mindent, amit kértek. Megkaptam a kódot amit a Google Tag Managerbe kellett beilleszteni. Ezután pár napig tesztüzemben működött az online fizetési rendszer. Ellenőrizték, végül a sikeres tesztüzem után, a teszt kódot át kellett írni az élesre, és teljesen tökéletesen működött a bankkártyás fizetés.
Így utólag nagyon egyszerű. Másold be a Google Tag Managerbe a kapott kódot és kész. De ez nekem elsőre jó pár órába belekerült. Fogalmam nem volt, hogy mit kell csinálni. Volt leírás és segítség, de bevallom, hogy elsőre nem volt könnyű értelmezni.
Olyan kifejezéseket használtak, hogy például: az alap kód implementálása. A „micsinálása?” gondoltam. Ez egyszerűen mondva annyit jelentett, hogy másold be a kódot a megfelelő helyre.
Több órán keresztül kutakodtam, mindent átolvastam mire rájöttem, hogy mit kell csinálni. Bevallom, hogy már-már majdnem is feladtam menet közben mire sikerült. De nem kellett fizetnem egy fillért sem semmiért. A tranzakciók után kell csak fizetni jutalékot.

Wordpress weboldal készítés SEO bővítmény

Ha már alakul a weboldal, vagyis vannak oldalak szöveggel, képpel. Azután telepítem a kedvenc bővítményeket. Először is kell egy jó SEO bővítmény. A két leggyakoribb szerintem a YOAST-seo és az ALL In One SEO. Csak az egyiket használd, mert hibát fog okozni, ha mindkettőt használni szeretnéd.
Bővítmények / új hozzáadása. A jobb oldali kereső mezőbe, (a súgó alatt) beírom a kulcsszavakat. De ha csak annyit írsz be, hogy SEO, akkor is megtalálod. Láthatod, hogy a Yoast seo több mint 5 millió bekapcsolt telepítéssel rendelkezik. Látható, hogy a legutóbbi frissítés óta mennyi idő telt el. Kompatibilis a jelenleg használt WordPress verzióval.
Most ebben a példában az ALL in one SEO fogom használni.
Telepítés után lesz 2 plusz bővítmények is, aminek később hasznát vesszük.
Most menjünk az egyik oldalra, amit optimalizálni szeretnénk. Töltsük ki Oldal Title, és a Meta Description részt. A hibákat ki fogja írni, amin változtatni kell. Az ALL in one SEO nagyon jó bővítmény.

Google Analytics és Search Console beállítása

Következő, amit még érdemes beállítani az a Google Analytics. A Google Analytics a Google ingyenes szolgáltatása, ami a weboldal látogatóiról készít részletes statisztikát. Megmutatja, a látogatók honnan kattintottak át, mennyi időt töltenek a weboldalon, illetve, hogy földrajzilag hol találhatók. A régebbi Universal Analytics 2023. július 1-ig használható. Át kell állni az új, Google Analytics 4-tulajdon használatára. Én a régit megszoktam, az új Google Analytics 4-ben alig találok valamit. Még szoknom kell.
Egy új tulajdont kell létrehozni. Regisztráció után értelemszerűen ki kell tölteni a kért adatokat, és a végén kapsz egy kódot, egy mérési azonosítót. G-vel kezdődik. Jegyezd fel mindenképpen.

Ezután indítsd el a MonsterInsights alkalmazást. Ez az alkalmazás automatikusan felkerült, amikor az All in one seo-t telepítetted. A MonsterInsights elvégzi az új Google Analytics 4 összekapcsolását a weboldaladdal. Ez is csak egy példa volt, másképp is beállíthatod.

Ezután a Search Console lehet regisztrálni.
A Search Console a Google ingyenes szolgáltatása, melynek segítségével figyelemmel kísérheti, fenntarthatja és javíthatja webhelyének jelenlétét a Google Keresés találatai közt.

Tulajdon hozzáadása. Én a jobb oldali URL-előtaggal szoktam használni. Az ellenőrzés ekkor a Google Analytics tulajdonnal fog történni, amit a MonsterInsights-szal állítottam be.

Az áttekintés és Teljesítmény rész alatt még jelenleg nem lesz semmit.
Az URL ellenőrzés fül alatt megadhatod a webhelyed oldalait, és kérj egy indexelési kérelmet. Későbbiekben megnézheted, hogy indexelte e a Google a weboldalad. A webhelytérképet add meg, csak írd a megfelelő helyre, hogy sitemap.xml, és nyomd meg a küldés gombot. Az ALL in one seo automatikusan elkészíti neked a webhelytérképet. Automatikus ezentúl minden. Ha a weboldalad után beírod /sitemap.xml, akkor meg tudod nézni.

A beállítások résznél társíthatod a Google Analytics-tulajdonod egy mozdulattal.

Ha megvagy a beállításokkal akkor valószínű, hogy kaptál egy emailt Google Search Console Teamtől; Kezdő lépések a Search Console-ban címmel. Olvasd át a lépéseket, és további információkat.
Tehát most már van egy weboldalad, a Google Analytics és a Search Console is be van állítva. Pár nap múlva érdemes visszanézni, és lehet az adatokat elemezni.