Weboldal fejlesztés, a virtuális LEGO

Olvasási idő: 17 perc

Ma már a legszebb korúak is tisztában vannak azzal, mi az internet, mit jelent a weboldal, mennyire elterjedt foglalkozás a weboldalkészítés. A gyerekek már ebbe születnek bele. Előbb tanulják meg az okostelefont használni, mint helyesen írni. Jó-e ez így vagy sem, majd az idő eldönti. Az viszont biztos, hogy az online jelenlét valamilyen formája mindenki számára nélkülözhetetlen; akár fogyasztó- vagy értékesítőként, akár szolgáltatóként.

Az online jelenlét egyik lehetősége a weboldal létrehozása, aminek készítésétől vagy készíttetésétől még sokan ódzkodnak. Ennek, valószínűleg az a legfőbb oka, hogy nem ismerik az emberek a weblapkészítés receptjét és módját. A fejekben az él, hogy a weblap készítés hatalmas összeg. Ez részben igaz, mert vannak milliós összköltségű weboldalak, viszont szinte ingyen is meg lehet alkotni egy honlapot, ha valaki igazán elszánt. De, mivel ez, egyelőre, nem része az alaptantervnek, kevesen szánják rá magukat a weblapkészítés autodidakta elsajátítására.

A következőkben szeretnénk egy összefoglalót adni arról, mi a weboldal és hogyan érdemes nekilátni egy honlap készíttetéséhez, illetve készítéséhez. Célunk ledönteni azt a gátló falat, ami az egyéni és a kisebb, félénkebb vállalkozásokat visszatartja a honlapkészíttetéstől, aminek hiánya viszont hosszútávon gátolhatja vállalkozása sikerét. Dőlj hátra, engedj szabad utat az információáramnak és … készítsd elő a LEGOt!

Amit a WEB-ről tudni érdemes

Tisztázzunk röviden néhány fogalmat a weboldalkészítéshez, weboldal fejlesztéshez kapcsolódóan, hogy a későbbiekben már magabiztosan és helyesen használhasd őket.

WEBoldal, WEBlap (webpage)

Egy internetes dokumentum.

Egy fájl és a hozzá kapcsolódó információhalmaz, ami megfelel a World Wide Web (www) protokollnak.

Valamilyen információt (szöveg, kép, videó, hang, ezek kombinációi) hordozó, HTML nyelven íródott, kódolt adathalmaz.

A weboldalakat egy speciális program, a webböngésző jeleníti meg.

A weboldalnak több célja is lehet:

Profitirányultságú weboldalak (vállalkozásoknak; kereskedelmi célzattal):

• A termék, szolgáltatás megismertetése; az értékesítésnek nyújt felületet
• Márkaismertség növelése
• Ügyfélszerzés
• Információ, tudásközvetítés a termékkel, szolgáltatással kapcsolatban. (Ez vásárlásösztönző erővel is bír)
• Kapcsolattartás a fogyasztókkal

Nem kereskedelmi célzattal (egyéneknek, non-profit egyesületeknek):

• Ismertség növelése
• Követők, “rajongók” szerzése (Professzionális és autodidakta művészek; celebek, politikusok, sportolók)
• Támogatók, donátorok szerzése, megnyerése
• Tudásközvetítés (szakirányú weboldalak)
• Szakmai profil építése

A weboldalak előnyei a nyomtatott sajtóval szemben:

• Online vásárlás lehetősége
• Nap 24 órájában elérhetőek
• Akár percrekész is lehet; könnyen aktualizálhatóak
• Közvetlenebb kapcsolat a vásárlókkal, követőkkel, rajongókkal
• Nagyobb, érdekesebb élmény a felhasználók számára, ami teljesen bevonhatja őket is (interakítv)

A weboldlakat többféle szempont alapján is osztályozhatjuk:

• Statikus vs. Dinamikus weboldalak
• One- vs. Multipage weboldalak

Statikus vs Dinamikus weboldalak

Statikus weboldal

• Tartalma állandó; csak a forráskód kézi átírásával módosítható
• Nincs lehetőség interakcióra a weboldalon
• Stabil, állandónak számító információ átadására szolgál
• Költséghatékony
• Nehezen aktualizálható
• Kapcsolatfelvétel űrlapok segítségével

Dinamikus weboldal

• Folyamatos tartalombővítés, aktualizálás
• A forráskódot a honlapmotor frissíti
• Fórumok, hírportálok, webshopok működhetnek rajtuk.
• Automatikusan archiválják a régebbi híreket
• Interaktív kommunikációt tesz lehetővé a látogató és a weboldal tulajdonosa között
• Drágábbak

One- vs multipage weboldalak

Egyoldalas weblap

Egyetlen HTML oldalon jelenik meg az összes tartalom és design. Lényegében olyan, mint a többoldalas weboldalak első, főoldala; de itt nincsen több aloldal.

Navigációs linkekre kattintva ugyanazon oldal megfelelő részéhez “ugrik” a weboldal.

Előnyei

• Tartalom egyszerű, jól olvasható formában van megjelenítve
• A fontos információk egy helyen vannak
• Mobilos megjelenítés szempontjából előnyösebb, hiszen elég görgetni, nem kell kattintgatni. Telefonon pedig görgetni egyszerűbb
• Vezeti a látogatót → olyan sorrendben és annyi információt közöl, amennyit, amilyen sorrendben kell
• A design, vizuális elemek a hangsúlyosabbak, ezért kevesebb szöveget, írott tartalmat igényelnek. Az ilyen tartalmat a látogató egyszerűbben és szívesebben fogadja be
• A  landingek kiváló példák a onepage  weboldalakra

Hátrányai:

• Nem bővítheted. Pontosabban, ha bővíted a termék- illetve szolgáltatási palettádat, azt mind ezen az egy oldalon kell elhelyezned, ami egy idő után már nagyon zsúfolt lenne.
• SEO szempontjából nem a legkedvezőbbek, hiszen a kevés tartalom miatt csak kevés kulcsszóra lehet optimalizálni
• Minden egy oldalon van, ezért a betöltési idő minimálisan hosszabb lehet. Viszont ez azért nem törvényszerű, mivel egyáltalán nem olyan komplex elemeket tartalmaznak a onepage weboldalak, mint egy többoldalas változat
• Az egész oldalt kell megosztani másokkal akkor is, ha csak az oldal legvégén olvasható utolsó 2 mondatot szeretnéd másokhoz eljuttatni.

Többoldalas weblap

Ilyenkor tartalmilag összefüggő oldalakról van szó. Vagyis egy téma van több oldalon keresztül kifejtve. Éppen ezért landinget érdemes készíteni hozzá, ha fókuszálni szeretnénk a többoldalas weboldal egy-egy pontjára; akár egy tremékre vagy szolgáltatásra.

A webáruházak csak többoldalas weblapokon működhetnek.

Előnye:

• Összetettebb tartalmak megjelenítésére; összetettebb funkciók (tájékoztatás, vásárlás,…) ellátására is alkalmas

Mitől függ a választás?

Mindkét weblaptípusnak megvannak az előnyei és hátrányai, ha globálisan tekintünk rájuk. Ezért használjuk őket akkor, amikor a speciális igényeinknek megfelelnek. Ezek pedig  a tartalomtól és marketingcélzattól függnek.

A legjobb választás az egyoldalas weblap, ha:

• Kevés a közlendő tartalom
• Kevés szolgáltatást, terméket kínálsz
• Kezdő vállalkozásoknak, akiknek még nincs sok releváns tartalmuk
• Landing oldalak készítésekor

Többoldalas weblap mellett döntsünk, ha:

• A Google ranglistáján jó helyen szeretnéd szerepeltetni weblapodat
• Szélesebb a termék-, szolgáltatási palettád
• Fent szeretnéd tartani a bővítés lehetőségét
• Webshopot működtetsz a weblapon

Responsive weboldalak

Az internetes tartalmak már egy jó pár éve nem csupán számítógépen jelennek meg. A tablet, okostelefon, mint mindig kéznél lévő eszközök, mind nagyobb népszerűségnek örvendenek. A felhasználó pedig azokon is legalább olyan jó minőségű weblapokat szeretne meglátogatni, mint asztali gépén vagy laptopján.

Erre a weboldalakat fel kell készíteni, vagyis responsive weboldalakká kell alakítani őket. Responsive design-nal a weboldalak az aktuális eszköz képernyőjéhez alkalmazkodva jelennek meg.

Aki ma weboldalt készít vagy készíttet, szinte kizárólagosan responsive weboldalakban gondolkozik.

A weboldal, mint hipertext dokumentum összetevői:

A weboldalak HTML dokumentumokból állnak.

A weboldal tartalmát és logikai struktúráját adják meg, de a megjelenést nem.

Stíluslap

• Leírja a weboldal megjelenését
• Még, ha nincs is definiálva egy adott weboldal esetén a stíluslap, az akkor is létezik, mivel minden böngészőnek van egy saját stíluslapja, amit ilyen esetben hozzárendelnek a weboldalhoz.

Scriptek

Programrészletek, amelyek interaktívvá teszik a weboldlat. Ezek csak a dinamikus weboldalakhoz szükségesek.

WEBhely (website)

Webszolgáltatás; önálló URL címmel rendelkező hiperhivatkozásokkal összekapcsolt információs anyag.

Ugyanazon elérési úton fellelhető weboldalak gyűjteménye.

Honlap (Homepage)

A weblapokba rendezett információgyűjtemény kezdőlapja.

WEBszerver (web hosting)

A weblapok kiszolgálásához szükséges adattárak; a tárhely.

Adatközpontokban hozzák létre őket.

Folyamatos interneteléréssel kell, hogy rendelkezzenek

Feladatuk:

• A weblap tárolása
• A weblapok megjelenítése a böngészőkben kereséskor

Egy szerver egyszerre több gépet és felhasználót is ki tud szolgálni. Kapacitása függ:

• az oldal látogatottságától
• a szerver hardver konfiguráiójától
• a webszerver programjától (szoftver; pl: HTTP, FTP, SMTP, POP3, IMAP…)

Amikor egy-egy weboldal betöltése akadozik, gyakran hangzik el: “Szerverhiba!” Ha eddig nem is, most értelmet nyer a mondat.

Bár virtuális dologról van szó, mégis, minden weboldalt tárolni kell valahol, valamin. Ez a valami a szerver, a tárhely: a weboldal és a hozzá tartozó adatok lakhelye az interneten.

Ilyen szervert a tárhelyszolgáltatóknál találsz, akik általában nagyon sok szervert működtetnek egyszerre.

A szerver folyamatosan működik és kapcsolatban áll az internettel, aminek köszönhetően a weboldalad a nap 24 órájában elérhető a világ bármely pontján, ahol van internet lefedettség.

A tárhelyhez úgy is hozzájuthatsz, hogy pénzt nem fizetsz érte, de, valójában ezek sem ingyenesek, mert annyi korlátozással járnak, hogy az nem feltétlen éri meg. WordPress.com weboldal létesításe esetén “ingyen” juthatsz hozzá tárhelyhez, de:

• A platform üzemletetői reklámokat futtathatnak az “ingyenesség” fejében
• Egyéb korlátozások
  • Kevés sablon közül lehet választani
  • Saját sablon nem tölthető fel
  • Nem használhatsz saját bővítményt
  • Korlátozott tárhely (3 GB)
  • A tartalomba beleszólhatnak
  • A reklámok akaratodon kívül jelennek meg, illetve, pénz ellenében zárhatod csak ki őket
  • Fájljaidat csak a platform rendszerén keresztül éred el
• Az “ingyenesség” ára a domain név kiegészítése pl. a ….wordpress.com-mal

Szerencsére egészen sok tárhelyszolgáltató van a piacon, így a tárhelyek éves ára még egy bloggernek is kifizethető. Hosszútávon mindenképp a fizetős tárhelyek érik meg jobban. 

Milyen tárhelyszolgáltatót válassz?

Eleve van két nagyobb kategória: a külföldi és belföldi szolgáltatók .

Belföldi szolgáltatók

Előnyök

• Belföldi látogatók célzásához magyar szolgáltatót érdemes választani, mert a betöltés sebességénél befolyásoló tényező, fizikálisan mennyire messze van a szerver attól az eszköztől, amin meg szeretnénk jeleníteni a weboldalt.
• Magyar nyelvű ügyintézés, problémaelhárítás.

Külföldi szolgáltatók:

Előnyei:

• Jó ügyfélszolgálattal, támogatói rendszerrel rendelkeznek. Így az élő chat-es segítőszolgálat is többnyire megoldott.

Hátrányok

• A .hu végződés általában nem szerepel a lehetőségek között. Ha külföldi a tárhelyszolgáltatód, de magyar cégtől veszel domain nevet, megoldható, de kevésbé  praktikus.
• $6-$29 között mozognak az áraik
• Akkor érdemes külföldi szolgáltatónál tárhelyet bérelni, ha van annyira magabiztos angol nyelvtudásod (vagy olyan bizalmasod), hogy probléma esetén a technikai dolgokat is meg tudjad beszélni velük.
• Fontos “részlet”, hogy földrajzilag minél távolabb van a tárhelyszolgáltató, a weboldal annál lassabban tölt be. Ezért, ha magyarországi célközönséged van, érdemes a hazai tárhelyszolgáltatóknál maradni; de legalábbis Európán belül szervernél.

A tárhely kiválasztásánál is fontos kiemelnünk: számít a méret (is)!

Az tárhely szükséges méretét pedig a weboldalak száma határozza meg. A tárhely igénylésekor tárhelycsomagok közül választhatsz. A szolgáltatódtól kérj nyugodtan tanácsot a csomag méretét illetően; de általában egy weboldalra kb. 1 GB-t szoktak számolni.

Amikor pedig kinövöd a tárhelycsomagodat, csak jelezned kell a szolgáltatód felé, aki gördülékenyen átvált egy nagyobb csomagra.

SSL tanúsítvány (Secure Socket Layer)

Az ezzel a tanúsítvánnyal rendelkező honlapok tekinthetőek biztonságosnak. A tanúsítvány garantálja, hogy az adatok titkosítva lesznek, mielőtt továbbításra kerülnek a honlapról, melyet csak a célszerver fog megérteni.

A Google rangsoroláskor előnyben részesíti az SSL tanúsítvánnyal rendelkező weboldalakat.

Három SSL tanúsítványt különböztetünk meg:

• Domain hitelesítő tanúsítvány
• Szervezet hitelesítő tanúsítvány
• Kiterjesztett hitelesítő tanúsítvány

Abban, hogy melyikre lesz szükséged, s hogy mit kell felmutatnod ahhoz, hogy az egyes tanúsítványokat megkaphasd, a tárhelyszolgátató fog tudni érdemben segíteni.

Domain név

Ezzel a címmel érhető el a weboldal. Ez magának a honlapnak a neve. Segítségükkel egyszerűen szörfözhetünk a világhálón  a weboldalak között.

A domain név több részből áll, amiket pontok választanak el egymástól:

• TLD (Top-Level Domain): Ez a legfelső szintű domain. Pl.: a  https://www.marketingastro.com/  esetén a .com végződés
  • Típusai:
    • Country code TLD: az országkód címke, ami országokhoz köthető;
      pl.: .hu;  .de;  .uk;…
    • Generic TLD: általános címkék, amik nem országokhoz köthetőek;
      pl.: .com; .org; .net; .edu; .gov…
• SLD (Second-Level Domain): Második szintű domain. Pl.: a https://www.marketingastro.com/ esetén a marketingastro szó, vagyis maga a márkanév.

A domain név kiválasztásáról 

• Lehetőség szerint tartalmazza a vállalkozásod és/vagy a termék, szolgáltatás nevét, esetleg valamelyik fő kulcsszót
• Legyen könnyen megjegyezhető, ugyanakkor találó, egyedi
• Ellenőrizd le, hogy nincs valami jelentése más népszerű nyelven (pl.: angol, spanyol, német, francia,…)
• Ellenőrizd le, hogy foglalt-e a megfogalmazott domain név. Ezt itt is megteheted.
• A domain név megfogalmazásánál tartsd szem előtt, hogy ez SEO szemponból is fontos.

Domain név vásárlása

• Domain nevet regisztrátorokon, viszonteladókon keresztül lehet vásárolni.
• Ha elakadnál a domain név vásárlásánál vagy kiválasztásánál, akkor érdeklődj ott, akiknél a tárhelyet igényled!
• Nemzetközi domain nevet is váráolhatsz nemzetközi szolgáltatóktól

Hiperhivatkozások (linkek)

A  weboldalakat összekapcsoló képletek. Ezek segítségével barangolhatunk a weboldalak között.

Két részből áll:

• Horgonyszöveg (rendszerint aláhúzott, szövegből kiemelt szavak, mondatok) vagy kép
• A felhasználó számára nem látható URL cím

URL (= Uniform Resource Locator)

Szó szerinti fordításban: Egységes erőforrás azonosító; röviden: maga a webcím

Segítségével találják meg a webböngészők az internetes erőforrásokat, mint amik a weboldalak is

• Felépítésük:
  • Protokoll
    • Megmutatja a weboldalhoz való csatlakozás módját. A protokoll lehet:
      • http:// → Hypertext Transfer Protocol
      • https:// → Hypertext Transfer Protocol Secure

Mindkettő a weboldal azonosítására használatos. A https:// az felhasználó adatainak biztonságát garantálja, mint pl. Bankkártya- és személyes adatok

• FTP → File Transfer Protocol → segítségével érhetőek el a szerveren lévő fájlok
• Telnet → Számítógépek remote elérésére szolgál
• mailto → emailek küldésekor hazsnálatos protokoll

• Domain név
  • A webtárhelyet jelölő azonosító
  • Ez egy egyedi azonosító
  • IP címnek is hívnak
  • Itt található meg az erőforrás (vagyis maga a weboldal)
• Tartalom 

Egyedi fejlesztésű weboldal vs CMS weboldalak 

Egyedi fejlesztésű weboldalak

Akkor nevezhetünk egy weboldalt egyedi fejlesztésűnek, ha azt tartalomkezelő rendszer nélkül, egy vagy több programozó alkotja meg szinte a semmiből. A design mellet a weboldal kódolása is egyedi lesz, amivel nagyobb biztonság érhető el, ugyanakkor, nehezebb lesz fejlesztőt váltani, ha úgy alakul, hiszen az új fejlesztőnek meg kell értenie előbb elődje kódjait, s csak utána tud majd érdemben tevékenykedi a weboldalt illetően. Illetve, mivel nincsenek az egyedi fejlesztésű weboldalhoz előre gyártott bővítmények, ezért időigényesebb és drágább a bővítésük. Egy szinte teljes megújulásról nem is beszélve…

De már maga az egyedi fejlesztésű weboldal megalkotása is időigényesebb, mint egy tartalomkezelő rendszer segítségével létrehozotté. A többletmunka pedig többletköltségeket is jelent. Egy egyedi fejlsztésű weboldal ára kb. 1 millió forint körül kezdődik.

Ennek ellenére még a keresőoptimalizálást is nehézkesebb a weboldalhoz igazítani.

De akkor miért is éri meg egyedi fejlesztű weboldalakban gondolkodni? Mert…

• Biztonságosabb
• Egyedibb megjelenése, eredetibb funkciói vannak
• Gyorsabbak

Röviden ezek az előnyök. Nem sok, de nyomósak.

Összesítve az egyedi fejlesztésű weboldalak limitációi:

• Drágább és időigényesebb a fejlesztés, mint egy CMS weboldal esetében
• Komplikáltabb és drágább a bővíthetőség, hiszen nincsenek előre gyártott bővítmények, amelyeket egy kattintással telepíteni tudnál
• Sokkal nehezebb teljesen megújítani a weboldal kinézetét
• Jóval nehézkesebb a keresőoptimalizálást elvégezni
• Ha fejlesztőt kell cserélni, akkor nagyon nehéz lesz a váltás, hiszen az új fejlesztőnek időbe telik mire megérti az előző fejlesztő kódját

CMS fejlesztésű weboldalak

A CMS (Content Management System = Tartalomkezelő rendszer) fejlesztésű weboldalakat programozói, grafikai szaktudás nélkül, csupán felhasználói szintű számítógépes tudással el lehet készíteni; valamilyen szinten.
A minőségi munkához, természetesen, itt is javasolt szakemberek felkérése, akik php, javascript programozói ismeretekkel, gyakorlattal, erős html és css tudással rendelkeznek.
Itt a weboldal megalkotását nem teljesen a nulláról kell kezdeni. Ez amolyan virtuális Lego, hiszen a CMS-ben létrehozott weboldalak előre legyártott sablonokból (themes), bővítményekből (plug-ins) épülnek fel. Egyedivé is teheted őket az oldalépítőkkel (pl.: Elementor). 
Ilyen CMS rendszer a WordPress is, ami ma  a legnépszerűbb a kategóriájában. Egy ingyenes rendszerről van szó, melyet folyamatosan fejlesztenek, és ami mögött egy szakértői gárda áll, garantálva a biztonságot honlapod számára.
Bár elvileg ingyenes, itt is megvan mindennek az ára, még ha azt nem is valutában kell kifizetni.
Tekintsük át a WordPress példáján keresztül a CMS-ek előnyeit és limitációit!

WordPress előnyök

• Programozói és grafikusi szaktudás nélkül is létrehozhatsz önállóan egy weboldalt

• Mivel szakértői csapat áll a WordPress mögött, ezért könnyen kaphatsz szakszerű támogatást
• Nagyon népszerű, ezért rengeteg tutorial ingyen elérhető 
• Elvileg teljesen ingyenesen is létrehozhatsz weboldalt, de ha a fizetős változat mellett is döntesz, a weboldal költségei nagyságrendekkel kisebbek lesznek az egyedi fejlesztésű weblapénál
• Sablonokból, előre legyártott bővítményekből építkezik, de egyedi fejlesztésű bővítményeket is hozzá lehet tenni.
• Oldalépítőkkel, mint amilyen az Elementor is, igazán egyedivé varázsolhatod weboldaladat
• Ha fejlesztőkre bízod weboldalad készítését és rendszeres karbantartását, akkor, bármikor is váltanál fejlesztőt, az sokkal gördülékenyebben fog zajlani, hiszen nem kell az egyedi kódolást megfejtenie az új fejlesztőnek
• Bővítmények segítségével egyszerűbb lesz a weboldalad SEO-sítása

WordPress limitációi

A világon semmi sem tökéletes, így a WordPress sem. Hiszen…

• Könnyen belassulhat
  • Ez akkor gyakori jelenség, ha kevésbé hozzáértő személy hozza létre a weboldalt, és rengeteg “hasznos” plug-in-nal szereli fel azt.
  • Viszont az oldal cache-elésével elejét vehetjük az oldal belassulásának
• A WorddPress sem teljesen ingyenes. Van, hogy már az elindulásnál kiadáskba ütközöl, amihez még a havi karbantartási költségek is hozzáadódnak.
• Egyedivé tehetőek, de nem olyan mértékben, mintha egyedi fejlesztésű lenne a weboldal.

Döntés: egyedi fejlesztésű vs. CMS weboldal?

Ezeket a kérdéseket érdemes feltenni magadnak, mielőtt döntés hozol:

• Elérhetőek a kívánt funkciók WordPress-ben is?
• Mekkora költségvetési keret áll a rendelkezésedre?
• Tudod vállalni a WordPress havi karbantartási költségeit?
• Mennyire sürget az idő? Egy egyedi weboldal létrehozása hónapokat is igénybe vehet.
• Mekkora biztonságra van szüksége a weboldaladnak?
• Mennyire szükséges az egyedi design?

WordPress

A WordPress egy tartalomkezelő rendszer (CMS: Content Management System) saját tartalmak megjelenítésére.

Egy olyan alap, amelyből már csupán felhasználói ismeretekkel rendelkezők is csinos weboldalakat építhetnek fel. Hogy ez mire elég online marketing szempontból, arra a későbbiekben térünk ki.

Kétféle WordPress szolgáltatást különböztethetünk meg:

• WordPress.com 
• WordPress.org

WordPress.com 

Ahogy fentebb, a tárhelyekről szóló résznél is írtunk róla a WordPress.com egy ingyenes közösségi szolgáltatás, melynek működése hasonlít a Blogspot, a Blogger és a Tumblr blogplatformokéhoz.

Blogplatformok: ingyenes megjelenítést nyújtanak a működési feltételek betartása mellett.

A WordPress.com…

• nyújtotta aktivitási lehetőségek:

• Követők gyűjtése
• Blog vezetése
• Portfólió készítése
• Webshop működtetése (kb. 250 ezer termékig)

• működése:
  • Regisztrációval a WordPress.com oldalán és a program letöltésével kezdődhet az alkotás!
  • Itt is lesz domain neved, de itt ingyenes lesz; a vége pedig így fog kinézni: ….wordpress.hu
    Az ingyenességnek azonban meg van az ára. Többek közt, hogy rombolja  a hitelességet. A többit a későbbiekben fejtjük ki bővebben. 
  • Itt a tárhely 3 GB-ig ingyenes, ami egészen sokáig elegendő lehet.
• üzemletetői reklámokat futtatnak az “ingyenesség” fejében
• korlátozásai:
  • Kevés sablon közül lehet választani
  • Saját sablon nem tölthető fel
  • Nem használhatsz saját bővítményt
  • Korlátozott tárhely (3 GB)
  • A tartalomba beleszólhatnak
  • A reklámok akaratodon kívül jelennek meg, illetve, pénz ellenében zárhatod csak ki őket
  • Fájljaidat csak a platform rendszerén keresztül éred el, hiszen nem igényeltél saját tárhelyet, ha teljesen ingyenesen hoztad létre weboldaladat
• összességében egy jó lehetőség annak, aki:
  • meg szeretne ismerkedni a weboldalkészítés világával
  • kedvtelésből, kísérletezés céljából vezet blogot
  • nem célja kétirányú kommunikációt folytatni weboldalán a látogatókkal. Csak közölni szeretne (nyitvatartás, elérhetőség, fő profil,…). Vagy vállalkozása lokálisan ismert, s nem az internethez kötött.
  • nem szeretné bővíteni weboldalát és fejlesztésére pénzt áldozni

WordPress.org

Aki azonban nem tartozik a fenti kategóriák egyikébe se, annak a WordPress.com kínálta erősen korlátozott lehetőségek nem lesznek kielégítőek. Ők mindenképp a WordPress.org-ban gondolkodjanak!

Ma a köztudatban a WordPress.org a WordPress. Blogmotorja függetlenedett a WordPress.com blogmotorjától; egy szakértő közösség fejleszti szabadon, s teszik elérhetővé fejlesztésük nagy részét ingyenesen; de legalábbis kedvezőbb áron, mint amennyibe egyedi fejlesztésként értékesítve kerülnének.

A WordPress.org már egy önálló CMS (Content Management System), vagyis önálló tartalomkezelő rendszer. 

Használatához, illetve a WordPress.org-on weboldal létrehozásához a következőkre lesz szükséged:

• Saját domain név
  • Érdemes ott vásárolni, ahol a tárhelyed is van
  • Az ára kb. 2000Ft/év
• Tárhely bérlése
  • Bérelni kell
  • Kb. 1000 Ft/hó körül alakul az ára

Magához a programhoz ingyenesen hozzáférhetsz a WordPress.org-on és használhatod. A weboldal élesítéséhez, szerkesztéséhez azonban a domain névről és tárhelyről gondoskodnod kell; az anyagiak ellenében!

A WordPress.org-on nincsenek olyan korlátozások, mit a WordPress.com-on. Ez nagyobb szabadságot, ugyanakkor nagyobb felelősséget is jelent, már ha csak a folyamatos frissítésekre gondolok.

Összefoglalva, te leszel felelős a következőkért:

• Kiválasztani a megfelelő tárhelyszolgáltatót és domain nevet, valamint fenntartani őket anyagilag
• Biztonsági védőháló kiépítésért és karbantartásáért
• Verzióváltás esetén elvégezni a frissítéseket

Nem lehetetlen dolgokról van szó. De, főleg az elején, ha bizonytalan vagy, kérj segítséget szakértőktől, akik rövidebb idő alatt, kevesebb erőbefektetéssel, minimális hibalehetőséggel (mert emberből vannak ők is) létre tudnak hozni és működtetni számodra egy weboldalt. Ha már legalább egyszer közvetlenül beleláttál egy weboldalépítés valós folyamatába, a következő vagy a harmadik weboldaladat már akár teljesen önállóan is létrehozhatod.

A WordPressről összességében: előnyök & hátrányok

Most, elsősorban, tehát, a WordPress.org-ról lesz szó

Előnyök

• Könnyen kezelhető
  • Szakmai ismeretek nélkül is alkothatsz vele weboldalakat
  • Nem kell programoznod és fejlesztened sem a rendszert
• Bővíthető
  • Közel 60 ezer ingyenes, már kész bővítménnyel, valamint egyedi plug-in-okkal is
• Biztonságos
  • Támogató szakmai háttér áll mögötte
• Viszonylag könnyű karbantarthatóság
  • Automatikus, automatizált és manuális frissítési lehetőségek
  • Bármikor válthatsz fejlesztőt
• Ingyenes
  • WordPress.com teljesen
  • WordPress.org részben 
  • Nyílt forráskódú mindkettő változat
  • A WordPress.org-on vannak fizetős sablonok is, de azok jobb minőségűek is

Hátrányok

• Szaktudás nélkül azért a WordPress.org weboldalak is kevésbé lesznek hatékonyak, hiszen…
  • a túl sok bővítmény lelassítja az oldalt
  • a rosszul megírt sablon veszélyforrás lehet
  • nem megfelelő karbantartással nem fog hatékonyan működni a weboldal
  • könnyen alkalmazhatsz illegális bővítményeket, akár akaratodon kívül is
• Sablonokból építkezik, vagyis nem lesz a legeredetibb a weboldalak között

WordPress alkalmazása

Mikor döntsünk a WordPress weboldalak mellett?

Ahogy fentebb is írtuk, a CMS weboldalak előnyei a WordPress-re is vonatkoznak. Azokon felül a következő esetkben érdemes WordPress weboldalakat létesíteni:

• 250 ezer termék alatti webshop
• üzleti oldalak
• landing page 
• hírportál
• blog

létrehozásakor.

És van az, amikor nem a WordPress a megoldás:

• Közösségi oldalak
• Képmegosztó platformok
• Szuper biztonságos weboldal
• Nagyon sok termékes (+250 ezer termék)  webshop létesítésekor
• Teljesen egyedi design igénye esetén

WordPress weboldal elemei

Sablonok (Themes)

A sablonok határozzák meg a weboldal kinézetét; grafikai elemeit.

Ezek a WordPress-en keresztül, többnyire ingyen elérhetőek, de van pár extravagáns, amelyek “felárasak”.

Bővítmények (Plug-ins)

Lényegük, hogy kiegészítik a WordPress által kínált lehetőségeket.

Általuk létesíthetünk webshopokat a  weblapon; optimalizálhatjuk a SEO szempontoknak megfelelően a weboldalakat; integrálhatjuk a közösségi médiát.

Jelenleg több mint 40 ezer ingyenes bővítmény érhető el a WordPress kelléktárában. Ezen felül válogathatunk prémiumkategóriás, fizetős plug-inok közül is. Ez utóbbiak mellé fejlesztői támogatás is jár, illetve, több mindent tudnak ingyenes társaiknál.

Az egyik legnépszerűbb WordPress weboldal-bővítmény az Elementor.

ELEMENTOR

Alapból ingyenes, de, természetesen itt is elérhető egy magasabb kategória egy kis plusz pénz ellenében. Ahogy a WordPress maga is, az Elementor is alkalmas lehet amatőr, illetve kezdő weboldalkészítők számára is, hiszen használata nem igényel se grafikusi, se programozói szaktudást.

Az ingyenes Elementorhoz mindenképp kell sablont használni. Ingyenes Elementorhoz használj ingyenes sablont!

Az Elementor Pro (fizetős változat) már tud annyit, hogy a legegyszerűbb sablonnal is működőképes.

Azért, hogy kedvedre építhesd weboldaladat, a fejlesztők létrehozták a “Hello Elementor”-t, ami egy ingyenes, üres sablon (mint a LEGO zöld alaplapja), amire kedved szerint építhetsz. Akik napi szinte használják az Elementort, azok ezt a sablont ajánlják mind az ingyenes, mind a Pro változat esetén.

 Widgetek

A widgetek a weboldal felépítésében az aprólékos finomításoknál nyújtanak segítséget. Mini modulok a szöveges rész egyik oldalán.

A widgetek különböző problémákra adnak megoldást. Minden egyes “lego darab” (widget) valamilyen problémát old meg.

Léteznek szöveges widgetek, amelyekben elhelyezhetsz szöveges tartalmat, amit aztán úgy szerkeszthetsz, mint  egy WORD dokumentumot.

Vannak kép widgetek, amelyeknél a képet csak be kell illeszteni, majd minden beállítást a legegyszerűbb módon tudsz elvégezni.

Számtalan widget létezik, amelyeknek a célja, hogy programozói tudás nélkül tudj elhelyezni az oldalon szöveget, képet, szakaszokat, táblázatokat, stb… Az Elementor tele van ilyen előre elkészített widgetekkel, illetve rengeteg külön telepíthető widget is létezik hozzá.

A másik nagy előnyük, hogy konkrétan “meg tudod fogni” az adott widgetet és egyszerűen a megfelelő helyre tudod illeszteni a készülő weboldalon.

WordPress.org weboldalkészítés menete

A weboldalkészítés szakemberei

A webfejlesztés fogalma a weboldalak és webalkalmazások létrehozásához szükséges lépéseket foglalja magában. A webfejlesztést kivitelező személyek:

• Frontend fejlesztő
• Backend fejlesztő
• Fullstack fejlesztő

A Frontend fejlesztő foglalkozik mindazzal, ami a felhasználó szemeinek látható: tartalom, megjelenés, funkcionalitás.

A Backend fejlesztő pedig mindazzal, ami a háttérben mozgatja, tárolja ezeket a látványos elemeket és a weboldalakat a szerverről a böngészőbe juttatják az összes adattal együtt.

A Fullstack fejlesztő pedig mindkét feladatkört képes ellátni egy személyben.

Megnevezhetünk még két fontos munkakört a weboldalfejlesztéshez kapcsolódóan:

• Webfejlesztő
• Webdesigner

A webfejlesztők munkája a Backend fejlesztők munkájára hajaz és főleg programozásból áll.

A webdesignerek a honlap arculatával, a design-nal, grafikai elemekkel, foglalkoznak. Eszközeik többnyire: Photoshop, InDesign, Illustrator, Sketch.

A két munkakör együtt alkot egy egészet, hiszen mit érne egy jó házterv, kiváló kőműves nélkül és fordítva?

A webfejlesztés fogalomköre

A webfejlesztés több mint egy weboldal létrehozása. Ez utóbbi mellett magában foglalja még:

• Portálok fejlesztését
• Webshopok létesítését
• Weboldalak egyedivé tételét
• Responsivitás biztosítását

A jó weboldal ismérvei

Mielőtt rátérnénk a weboldal létrehozásának lépéseire, gondoljuk végig, milyennek is kellene lennie egy jó weboldalnak! Mi milyen weboldalon böngészünk szívesen?

A jó weboldalnak a következő kritériumokat kell kielégíteniük:

• Célnak megfelelő a wablap?
  • Milyen céljai lehetnek egy weboldalnak?
    • Értékesítés
    • Szórakoztatás
    • Meggyőzés
    • Lead generálás
    • Rajongok, követők szerzése, megtartása
  • Ha rákattintva az oldalra hamar meg tudjuk állapítani, mi annak célja, akkor jó úton haladunk. Ehhez azt kell szem előtt tartani, hogy a designnak nem csak szépnek, de hasznosnak is kell lennie; egyfajta kommunikációs eszköznek, ami egyértelműen vagy könnyen értelmezhetően rávezeti a látogatót a weboldal céljára, “hivatására”.

• A célközönséghez szól? Eléri őket?
  • Bizony, nem mindegy, hogy kihez szeretnénk szólni a weboldalon keresztül. Mind a szövegezést, mind a designt a célközönséghez kell igazítani.
  • Ezen felül fontos a megfelelő kommunikáció fenntartása a weboldalon keresztül. Ennek elemei:
    • CTA (Call To Action) gomb találó kialakítása
    • Kérdőívek, űrlapok
    • Chatablakok
    • Egyéb elérhetőségek feltüntetése
    • Fórumok létesítése (pl.: “Szakember válaszol”, …)

• Tükrözi a mondanivalót?
  • Amikor meglátogatunk egy weboldlat, szeretjük, ha a tartalom összefüggésben van a mondanivalóval. Például egy gyerekjáték webshopját egyszerű, játékos betűtípussal, vidám színekben látjuk szívesen, mígy egy prémium minőségű borkereskedés webáruházát inkább az elegáns sötétebb színek, valamint az arany vagy ezüst jellemzi, egy művészibb betűtípussal.
  • Érdemes úgy megtervezni (megterveztetni) a weboldalt, mintha azt csak “első látogatók” látogatnák, akik még nem ismerik azt egyáltalán.

• A fő üzenet, tartalom közvetlensége
  • Egyoldalas weboldal esetén nincs túl bonyolult dolga a tervezőknek, kivitelezőknek, hiszen minden fontos információ egy oldalra kerül.
  • Többoldalas weboldalakat viszont úgy kell felépíteni, hogy
    • A fő mondanivaló közvetlenül elérhető legyen
    • Mégis minden aloldalnak legyen meg a saját tematikája, érdekessége

• Márkaazonosság
  • A weboldal rólad, cégedről egy kép. Kivitelezése egy lenyomat arról, amit képviselsz. A későbbiekben a weboldallal és a rajta látható design elemekkel (színek, formák, hangeffektek) és logóval fognak azonosítani téged és válllalkozásodat.

• Webdesign alapelvek betartása→ Használhatóság
  • Ezek határozzák meg, mennyire jól használható egy weboldal. Hiszen hiába informatív, egyedi és attraktív, ha a felhasználó nem jut hozzá a tartalomhoz vagy nem elég logikus, gördülékeny az elérés útvonala.
  • Hátráltató tényező lehet ezen kívül, ha túl aprólékos, bonyolult a menürendszer. Ezért az legyen kellően, de ne túlzottan strukturált. Törekedj az átláthatóságra!
  • A betűstílus és -méret legyen olvasható. A kulcsszavak, fontosabb mondatok legyenek kiemelve!
  • A szöveget bátran tagoljad, hiszen a kisebb szövegrészeket szívesebben elolvassák az emberek. A tömör-gyönyör szakleírásoktól sokan megijednek.
  • Tervezéskor itt is gondolj az “első látogatóra”, aki akkor fedezi fel a weboldalt!

• Technikai szempontok
  • Bizony, ez sem utolsó szempont egy weboldal életében! Ahogy fentebb is írtuk, egy weboldal ma csak úgy lehet versenyképes, ha mind asztali, mind mobileszközök képernyőjén is jól mutat.
  • Ezen felül fontos a betöltés sebessége. Eleve nem szeretnek az emberek várni. Ez a türelmetlenség az interneten böngészve hatványozottan érvényesül. Ha nem tölt be valami rögtön, akkor: “klikk” máshova! Mert van még bőven, hova kattintani.

Amiről a weboldal meséljen…

Egy weboldalnak a következő infromációkat kell(ene) közölnie a látogatókkal:

• Kit/mit képvisel a weboldal?
  • Logo
  • Márkaazonosság felépítése
• Bemutatkozás, “Rólunk” menöpont kifejtése a bizalom megnyeréséért
• Mi a fő tevékenysége a vállalkozásnak?
  • Ezt, lehetőség szerint célszerűbb képekben, rövid videókban elmagyarázni, mind kevesebb szöveges tartalommal. Ez utóbbi is fontos, de a hosszabb leírásokhoz inkább létesítsünk blog aloldalt.
  • Ez sokkal hatékonyabb techmika, mert ugyanannyi idő alatt több információhoz jut a látogató. 
• Miben jobb? Miért éri meg téged, a te szolgáltatásodat választani?
  • Ezt röviden, de mindenképp fejtsed ki, amikor a weboldaladat szövegezed. Ugyanis, ha nem győzöd meg a látogatót arról hogy a te szolgáltatásod küönleges, akkor ahogy érkezett, olyan könnyedén  el is kattinthat.
• Kapcsolat
  • Az elérhetőség valamilyen formájának feltüntetése bizalmat sugároz a felhasználó felé

Egy WordPress weboldal receptje

Hozzávalók:

• Egy jó ötlet; piacképes termék, szolgáltatás
• Tárhely
• Domain név
• WordPress, mint egy alap, amire építheted a weboldaladat
• Sablon, ami meghatározza a weboldal globális outfit-jét
• Bővítmények
• Oldalépítő, mint pl. az Elementor; ami maga is egy WordPress bővítmény

Step by step

A fent leírt szempontok alapján haladjunk lépésről lépésre a WordPress weboldal létrehozásában. Indulhat a kreáció!

1. Keress megbízható tárhelyet!
2. Válassz domain nevet!
3. Telepítsd  a WordPress.org-ot és ismerkedj meg a felülettel!
4. Válaszd ki a megfelelő sablont!
5. Építsd fel a bővítményekből, oldalépítővel a weboldaladat!

Az 1-2. pontot a fentiekben részleteztük. Ugorjunk a 3. pontra, amiből észrevétlenül lépünk tovább a következő pontokra!

Telepítsd a WordPress.org-ot és ismerkedj meg a felülettel!

Haladj itt is kattintásról kattintásra!

1. A WordPress.org oldalon mind angolul, mind magyarul elérheted a programot. Amit tölts is le a GET WORDPRESS gombra kattintva!

2. BEÁLLÍTÁSOK

• Ez képzi a weboldalépítésed alapját a továbbaikban, ezért kezd ezzel!
• Bármikor új bővítményt alkalmazol, annak is itt teheted meg a beállításait.
• A beállításokat értelemszerűen töltsd ki!
• A BEÁLLÍTÁSOK almenüi:
  • Általános
  • Írás → itt a weboldal szövegének formázását tudod beállítani
  • Olvasás → itt jelöld meg, melyik legyen a kezdőlapod
  • Beszélgetés → a kommenteket illetően tehetsz kikötéseket
  • Média → a médiatárban elhelyezett képek méretét szabályozhatod
  • Közvetlen hivatkozások → itt adhatod meg az URL- struktúrát. Erre szentelj kellő figyelmet, mert a SEO szempontjából fontos ez a beállítás!
  • Személyes adatok védelme → az ADATKEZELÉSI TÁJÉKOZTATÓt tatalmazó lapot itt hozhatod létre, vagy jelöheted meg, melyik oldalon található már

3. BEJEGYZÉSEK 

• A BEJEGYZÉSEK folyamatosan frissülő oldalak, amik mindig a legújabb tartalmat helyezik az élre.
• Az oldalmenüben a BEJEGYZÉSEK menüpontra kattintva hozhatsz létre új bejegyzéseket, illetve, módosíthatod azokat.

4. OLDALAK 

• Az OLDALAK az állandó tartalmak, amik, szemben a bejegyzésekkel, nem frissülnek automatikusan.
• Az oldalmenüben a OLDALAK menüpontra kattintva hozhatsz létre új bejegyzéseket, illetve, módosíthatod azokat.

5. MÉDIA

• Itt tárolhatod, kezelheted a feltöltött képeket, videókat, hanganyagokat, dokumentumokat

6. HOZZÁSZÓLÁSOK

• A weboldaladra érkező kommenteket kezelheted mielőtt azok mindenki számára olvashatóvá válnának a weboldaladon

7. MEGJELENÉS

• Itt választhatod ki a weblapod SABLONját és szabhatod ízlésednek megfelelően
• A WIDGETekről is itt gondoskodhatsz
• A MENÜ struktúrát is itt adhatod meg

8. BŐVÍTMÉNYEK

• A bővítményekről is feljebb írtunk.
• Ebben a menüpontban a velük kapcsolatos beállításokat teheted meg

9. FELHASZNÁLÓK

• Itt rendelkezhetsz a hozzáférésekről.
• Meghatározhatod, ki legyen: 
  • Szerkesztő
  • Közreműködő
  • Vendégszerző
  • …

10. ESZKÖZÖK

• Itt is több almenüponttal találkozhatsz
• Az egyik legfontosabb: WEBHELY EGÉSZSÉG → webhelyed “egészséges” működéséről vagy az azt veszélyeztető információkról ad jelentést
• SZEMÉLYES ADAT EXPORTÁLÁSA, illetve, TÖRLÉSE almenük → a látogatók adatainak exportálását, illetve, törlését tudod elvégezni itt.

A WordPress.org program felfedezése után jöjjön a 4. pont!

Válaszd ki a megfelelő sablont!

Ezt a MEGJELENÉS menüben teheted meg és kísérletezgethetsz a kiválasztott sablon testreszabásával.

Ezután jöhet, kezdődhet az igazi LEGO-zás, ami az 5. pont:

Építsd fel a bővítményekből, oldalépítővel a weboldaladat!

A bővítményekből is számos ingyen elérhető. Amire nagyon figyelj, hogy ne zsúfold túl velük oldaladat, különben jelentősen le fogják lassítani azt. 

A weboldalad kialakítása szempontjából egy oldalépítőt érdemes beiktatni az alkalmazott bővítmények közé. Mi ehhez az ELEMENTORt ajánljuk, ahogy azt fentebb említettük.

Weboldalt létrehozni talán még nem is ördöngősség. Hatékonyan működő, jó felhasználói élményt biztosító, a SEO szempontoknak megfelelő weboldalt kialakítani már nagyobb kihívás. A weboldal fejlesztéséről, karbantartásáról nem is beszélve.

Ha érzed Magadban az erőt, lelkesedést és van rá kapacitásod, vágj bele Magad a weboldalkeszítésbe! Reméljük, a fent leírtak kellő segítségül fognak szolgálni.

Viszont, ha inkább a vállalkozásod profiljára fordítanál többet erőforrásaidból, idődből és biztosabbra szeretnél menni, akkor fordulj profi online marketing ügynökséghez, ahol a kéréseidnek megfelelő, a felhasználóknak tetsző, SEO-barát weboldalt készítenek Számodra. A weboldalkeszítés mellett pedig további online marketing szolgáltatásokat is nyújtanak, ami segít abban, hogy a weboldaladat észre is vegyék és meglátogassák.

Évszázadokkal ezelőtt jó cégért, a múlt század elején frappáns plakátokat, újsághirdetéseket, ma informatív, érdekes weboldalakat kell készíteni a siker érdekében.

Csak létezni rég nem elég! Jól működni kevés. Megmutatni, láttatni, mit tudsz! Ez visz közelebb a sikerhez!