A digitális világgal való ismerkedés izgalmas, hiszen rengeteg lehetőséget nyit ki előtted. Azonban ha kicsit mélyebbre merülsz, és eljutsz a webfejlesztés témaköréig, akkor könnyedén kétségbe eshetsz, hiszen lépten-nyomon olyan fogalmakba botlasz, amiket életedben nem hallottál még. De ne ess pánikba! Ez a cikk pont azért született, hogy segítsen eligazodni, és megértsd, pontosan milyen technikai kifejezések határozzák meg a weboldalkészítés folyamatát.

Ebben a cikkünkben átvesszük az alapokat, amelyekkel leendő weboldal-tulajdonosként jó, ha tisztában leszel.

Domain

Kezdjük az egyik legalapvetőbb webes fogalommal, a domainnel. A domain tulajdonképp a weblapok címe, amelyet begépelve felkeresheted a kívánt oldalt - például tasnadi.co vagy google.com. Nagyon leegyszerűsítve ennyi, és semmi több. Ez azt jelenti, hogy a domain mögött még nincs tartalom, design, látogatható felület, hanem ez tényleg csupán egy karaktersor, amely önmagában semmire sem alkalmas.

A domain egy “közvetítő”, amely lefordítja az emberek számára könnyedén megjegyezhető címeket a számítógépek nyelvére. Erre azért van szükség, mivel az internet világában minden IP-címekből és értelmezhetetlen kódokból áll, amelyeket halandó emberként lehetetlen lenne megjegyezni. Gondolj csak bele, hogy ha cégünk weboldalát szeretnéd meglátogatni, akkor azt kellene begépelned a böngészőbe, hogy 75.2.70.75 - ehelyett mennyivel egyszerűbb csak annyit megjegyezni, hogy tasnadi.co! A domain a mi kis szótárunk, ami megjegyzi helyettünk a világ összes honlapcímét és a hozzá tartozó IP-címet, így nekünk elegendő csak a könnyen megjegyezhető szavakat beírnunk, és az enter megnyomása után máris a megfelelő szerverre irányít minket a böngésző.

Neked mint cégvezetőnek tehát abból a szempontból fontos a domain, hogy egy olyat válassz, amelyet könnyen megjegyeznek ügyfeleid, így bármikor gyorsan rád találhatnak. Arra is figyelned kell, hogy a cím egyedi legyen, és még senki se használja - ez már nagyobb kihívást jelenthet. Azonban ha megvan a tökéletes karaktersor, akkor már csak be kell jegyeztetni egy ún. domain regisztrátornál, akik jellemzően éves ciklusra adják el ezeket.

Tárhely

Most pedig vessünk egy pillantást a weboldalak “virtuális otthonára”, a tárhelyre. Ahogy a domain a weboldalak címe, úgy a tárhely az otthonuk, ahol a tartalmukat tárolják és hozzáférhetővé teszik az interneten.

De mit is jelent ez pontosan? A tárhely valójában egy fizikailag is létező szerver a Föld valamely pontján, amely a hét minden napján, a nap 24 órájában be van kapcsolva, és rá van csatlakoztatva az internetre. Ezen a szerveren van egy SSD-tároló, amelyen a weboldal fájljai, képei, videói és minden egyéb adata megtalálható. Amikor valaki meglátogatja a weboldalt, akkor a böngésző kapcsolatot teremt ezzel a szerverrel, és letölti a weboldal tartalmát, hogy megjelenítse azt a látogatónak. Visszautalva az előző fejezetre, amikor a domain “lefordítja” a könnyen megjegyezhető karaktersort egy IP-címre, akkor tulajdonképp erre a szerverre irányítja a felhasználókat.

A megfelelő tárhely kiválasztása kritikus fontosságú a weboldal szempontjából, hiszen itt érhetők el az adatok, és elengedhetetlen, hogy azok bármikor, a világ bármely pontjáról hozzáférhetők legyenek. Emiatt érdemes olyan szolgáltatót és szervert választani, amely kellő mennyiségű és minőségű erőforrással rendelkezik, az év minden napján elérhető, és a biztonságos működést is garantálja.

Reszponzív design

Az okoseszközök elterjedésével már nemcsak számítógépről látogatjuk a weboldalakat, hanem mobilról, tabletről, extrém esetekben akár még okosóráról vagy tévéről is. Ez a képernyőméretek szinte teljes spektruma a néhány centimétertől a 30+ colig. Gondban lennénk, ha minden kijelzőn ugyanaz a felület jelenne meg, hiszen egy gomb, ami a számítógépen tökéletesen olvasható és kattintható, elképzelhető, hogy mobilon olyan kicsi, hogy alig-alig tudjuk “eltalálni” az ujjunkkal, míg egy nagyobb monitoron indokolatlanul nagy területet tölt ki.

Az okostelefonok megjelenésekor elsőként azt a megoldást találták ki erre a problémára, hogy a weboldalakból készült külön verzió asztali számítógépre és mobilra is. A böngésző automatikusan felismerte, milyen eszközről nézik épp az oldalt, és az annak megfelelő elrendezést töltötte be. Tény, hogy ez sokkal jobb megoldás, mintha a számítógépekre tervezett verziót jelenítenénk meg mobilon is, azonban számos kérdést és problémát felvet. Mi lesz a tabletekkel, ott melyik felület jelenjen meg? Mi van, ha valaki egy nem szokványos méretű kijelzőről használja az oldalt, pl. egy régebbi típusú laptopról vagy ultraszéles monitorról? Ráadásul a tervezési és fejlesztési folyamat is elhúzódik, hiszen mindent duplán kell megálmodni és leprogramozni.

Erre nyújt megoldást a reszponzív design, ami nemcsak különböző verziókban gondolkozik, hanem az összes létező felbontásra optimalizálja a megjelenést. Csak egyetlen programkód létezik, amely valós időben alkalmazkodik az aktuális szélességhez és magassághoz, és ennek megfelelően méretezi és rendezi át a tartalmakat. Ezt kétféleképp érjük el: ezek egyike, hogy fix méretek (pl. 200 pixel széles) helyett arányokat (a teljes képernyő szélességének 20%-a) használunk, továbbá olyan szabályokat határozunk meg, amelyek segítik a tartalmak esztétikus és felhasználóbarát elrendezését (pl. 767 pixelszélességnél kisebb képernyők esetén az egymás mellett lévő dobozok inkább egymás alá kerüljenek).

Manapság már a felhasználók többsége okostelefonról böngészi az internetet, így beléptünk az ún. “mobile first” korszakba. Ez azt jelenti, hogy a weboldalakat elengedhetetlen kisebb képernyőkre is optimalizálni, hiszen innen fog érkezni a felhasználók nagy része, így megfontolandó, hogy inkább az asztali megjelenést rendeljük alá a mobilosnak, mintsem fordítva.

Frontend és backend

Aki már tényleg elég mélyre ásott a témában, találkozhatott azzal a fogalommal, hogy frontend és backend. De mit is jelentenek ezek?

A frontend az a része a weboldalnak, amit a látogatók látnak és használnak. Ide tartoznak azok az elemek, amelyeket a böngésző közvetlenül megjelenít, például az elrendezés, a menük, képek, szövegek és az interaktív funkciók. A frontend fejlesztők felelősek ezeknek az elemeknek a megtervezéséért és megvalósításáért, hogy a weboldal esztétikus legyen és jól működjön minden eszközön.

A backend viszont az a rejtett része a weboldalnak, amely nem látszik a látogatók szemszögéből, de nélkülözhetetlen a weboldal működéséhez. Ide tartoznak a programkódok, adatbázisok, különböző számítások és háttérfunkciók. A backend fejlesztők feladata az, hogy ezeket az elemeket leprogramozzák, ezáltal gondoskodjanak arról, hogy a weboldal megfelelően működjön, és a frontenddel együttműködve szolgálja ki a látogatók kéréseit és igényeit.

Nagyon leegyszerűsítve tehát a frontend minden, amit látsz, a backend pedig minden, ami a “motorháztető alatt” történik, hogy a képernyőn megjelenő elemek valóban működjenek. A frontend és a backend együttműködése nélkülözhetetlen ahhoz, hogy egy weboldal ne csak szép, de felhasználóbarát is legyen. A weboldalkészítés során elengedhetetlen a jól koordinált közös munka, hogy a projekt végén egy minden szempontból kifogástalan weboldal jöhessen létre.

SEO

A SEO betűszóval gyakran találkozhatunk a marketinges és webes körökben, nem véletlenül. A rövidítés a Search Engine Optimization-t, azaz keresőoptimalizálást jelenti, amely arra utal, hogy a weboldal minél jobb pozícióban jelenjen meg az olyan keresőoldalakon, mint például a Google vagy a Bing. Ebből már sejthető, mi is a jelentősége a weboldalkészítési folyamatban, elvégre akár a cég sikerességére is közvetlen hatással lehet.

A különböző keresők számos szempont alapján mérlegelik a weboldalakat, és ez alapján döntik el, hogy kit milyen pozícióba sorolnak. A pontos algoritmus titkos, de azért vannak információk ennek elemeiről. A legnagyobb hangsúly a tartalmon van, hogy miről szól az adott oldal, és ez valóban azt tartalmazza-e, amire a felhasználó az oldal címe alapján következtet. Meglepő lehet, de ezen túl még a “keresőrobotok” a képeket is képesek analizálni, és az oldal kódját is alaposan átvizsgálják. Végül, de nem utolsó sorban a betöltési sebesség is komoly szerepet játszik a mutató alakulásában. A keresők tehát próbálják szimulálni, mit is fog csinálni a weboldalon egy látogató, és megtalálja-e ott, amit keresett.

A SEO tehát nemcsak arról szól, hogy pontosan milyen tartalom olvasható az oldalon, és annak manipulálásával hogyan lehetünk a legelső találatok között a keresőoldalakon, hanem arról is, hogy hogyan lehetünk a felhasználók számára relevánsak és értékesek. Ezért a SEO kulcsfontosságú eleme a weboldalak tervezésének és fejlesztésének, és elengedhetetlen az online jelenlét hatékony kiépítéséhez és fenntartásához.

Összegzés

A webfejlesztés semmi esetre sem egyszerű témakör, számos olyan kifejezéssel találkozhatsz, amelyeket második vagy akár harmadik olvasásra sem értesz. Bízunk benne, hogy a cikkünk segített abban, hogy ezt a néhány alapfogalmat elsajátítsd, és magabiztosabban navigálj ezen a területen. Ha további segítségre lenne szükséged, állunk a rendelkezésedre, mivel ügyfeleinknek levesszük a válláról ezt a terhet, és közérthető kommunikációval elérhetővé tesszük a weboldalkészítés folyamatát.

‍