Hogyan NE veszítsd el a látogatókat a weboldaladon? – on workshop 2024.04.19 >>> RÉSZLETEK

kitti 2022 068 min

Beke Kitti vagyok

Szolgáltatás alapú, inspiráló női
vállalkozóknak segítek kimaxolni a szakértői státuszukat a weboldaluk segítségével, és versenyelőnyt kovácsolni a személyiségükből.⁣⁣⁣ Katt ide, ha szeretnél jobban megismerni.

A leghasznosabb olvasnivalók:

subscribe min

Ingyenes videó

Hogyan tűnj szakértőnek a weboldaladon 3 lépésben?

Weboldal kifejezések elmagyarázva

Szóval szeretnél egy honlapot, de sok mindent nem értesz

Oké, hogy elengedhetetlen a reszponzív megjelenés, de az mégis mi a csuda? Mindenki a furábbnál furább weboldal kifejezésekkel villog, te pedig elég kellemetlenül érzed magad.

Kérdezni se mersz a facebook csoportokban, mert biztosan butaságot fogsz írni.

Tisztázzuk: nincs olyan, hogy hülye kérdés.

Természetes, hogy nem tudod, mi mit jelent. Én sem értek a te szakmádhoz, te sem az enyémhez, és ez így van rendjén.

Ugyanakkor én is szívesebben megyek olyan kozmetikushoz, akihez bizalommal fordulhatok, mert számomra is érthetően elmagyarázza, amit nem értek. 

Arról nem is beszélve, hogy akkor fogom szakmailag hitelesnek tartani, ha a kérdéseim hatására nem kezd el erősen gyöngyözni a homloka.

A célom, hogy ne érezd magad hülyén amiatt, mert butaságot mondtál, vagy rosszat kérdeztél.

Azáltal, hogy ismered a weboldal kifejezéseket, hatékonyabban fogod tudni kommunikálni az igényeidet is, ha webdesignerhez fordulsz. Ez pedig elengedhetetlen, ha szuper weboldalt szeretnél.

Ez az első része annak a sorozatnak, amivel nem kevesebbet szeretnék elérni, mint hogy a legkevésbé szakmai nyelvezettel megfogalmazva kicsit jobban megértsd, mi mit jelent a weboldalak világában. 

Lássuk tehát a legalapvetőbb weboldallal kapcsolatos fogalmakat.

Tárhely

A tárhely egy szerveren létrehozott lemezterület, ahol tárolásra kerülnek a weboldallal kapcsolatos fájlok és az oldal forráskódja is. Gondolj rá úgy, hogy a weboldalad a ház, a tárhely a telek, amire építkezel.

Amikor egy weboldalra kattintasz, a tárhelyről kerülnek betöltésre azok az adatok (szövegek és képek), aminek eredményeképpen egy szép főoldalt fogsz látni.

Kapcsolódó cikk:

A 8 legnagyobb tárhely választási hiba

A tárhely az egyik legkritikusabb eleme a weboldalad teljesítményének. A cikkből megtudhatod, hogyan válassz jól, mit kell átgondolnod és mi az, ami nem fontos.
Elolvasom

Tárhelyszolgáltató

A tárhelyszolgáltató az, akitől a telkedet bérled. Ő biztosítja számodra a megfelelő gyorsaságot, méretet, védelmet, hitelességet, biztonsági mentést, és rendelkezésre állást, illetve legtöbb esetben a domain nevet is.

Domain név

A domain név a házad címe, ez a weboldalad azonosítója.

A domain neved lehet leíró név vagy fantázianév. Lehet azonos a márkád nevével, de különbözhet is tőle. A kiválasztásával kapcsolatos további szempontokat ebben a cikkben találsz:

Kapcsolódó cikk:

Hogyan válassz domain nevet?

Részletes útmutató a domain név kiválasztásának szempontjairól és lépéseiről.
Elolvasom

Domain végződés

A domain végződés a domain neved folytatása, itthon leginkább a .hu végződést használjuk. Ez egyfajta besorolást mutat. A nemzetközi fődomainekre példa a .com, .net és .org. A nemzeti besorolásnál az ország nevéből képeznek egy rövidítést, így Magyarországé a .hu, Nagy-Britanniáé a .co.uk végződés. 

Általánosságban elmondható, hogy ha magyar célközönséged van, a bizalom megszerzése érdekében célszerű a .hu végződést választanod.

URL cím

Ezt írják be a látogatók a böngészőjükbe, ha el szeretnék érni az oldaladat, röviden az oldalad webcíme. 3 fő részből áll: 

  1. protokoll, amit így láthatsz: http vagy https 
  2. domain név a végződéssel
  3. elérési út magához a tartalomhoz

Pl. https://domainneved.hu/referenciak

SSL tanúsítvány

Az SSL tanúsítvány célja, hogy a látogató gépe és a szerver között létrehozzon egy biztonságos, titkosított csatornát. Ha vendégségbe jönnek hozzád, nem szeretnéd nyilvánossá tenni, ki mit mondott.

A legtöbb tárhelyszolgáltató ma már ingyenesen adja az SSL tanúsítványt.

Ma már annyira fontos ennek a megléte, hogy akinek nincs, ott azonnal láthatod a nem biztonságos megjelölést.

SSL tanúsítvány hiányáról szóló üzenet a böngészőben
Ha azt látod, hogy nem biztonságos egy weboldal, az az SSL tanúsítvány hiányára utal

Cookie vagy süti

A cookie vagy süti egy kis információcsomag, ami arra szolgál, hogy a látogatód viselkedését nyomon kövesse. Általuk sokat megtudhatsz az internetezési szokásokról, érdeklődési körökről, demográfiai adatokról, hogyan használják a te oldaladat. 

A weboldalad megnyitásakor ez a kis csomag rögzül a látogató számítógépén, meghatározott ideig tárolásra kerül, közben pedig folyamatosan küldi neked az adatokat. 

Mintha egy magándetektívet állítanál a látogatódra, aki mindig jelenti, a célpont épp mit csinál. 

Annyi különbséggel, hogy a detektívesdi titkos dolog, míg a sütiket nyíltan használod, ezt tudatnod kell a felhasználóval, és engedélyt kell kérned, a felhasználó pedig dönthet úgy, hogy nem engedélyezi. Ezt láthatod a weboldalak alján, kis felugró ablakként.

Böngésző

A böngésző, más néven webböngésző egy olyan alkalmazás, aminek a segítségével el tudod érni és meg tudod nyitni, majd használni a különböző weboldalakat. Itthon a legnépszerűbb a Google Chrome.

HTML

A HTML, más néven Hypertext Markup Language, egy programozási nyelv, aminek a segítségével kerülnek megjelenítésre a szövegek, képek és linkek egy weboldalon. Limitált lehetőséget ad a stilisztikai beállításokra.

CSS

A CSS, más néven Cascading Style Sheets felelős a weboldal designért. Segítségével beállíthatod az egyes HTML elemek design-ját: betűtípusát, színét, hátterét, szélességét, magasságát, pozícióját stb.

JavaScript

A JavaScript szintén egy programozási nyelv, ami segít, hogy interaktív legyen egy oldal. Beállíthatod például a különböző animációkat, mondjuk ha ráviszed az egeret egy elemre, az felnagyítódik, vagy egy gomb “átváltozik”, az oldal görgetésre “mozog”.

A HTML felelős a működésért, a CSS a designért, a JavaScript pedig az animációkért.

cPanel

A cPanel egy grafikus tárhelykezelő felület, ahol az egyes domainekkel kapcsolatos feladatokat tudod elvégezni. Tehát nem magát a weboldalt szerkeszted, hanem a webes alkalmazásokat, FTP fiókokat, email címeket és fájlokat tudod kezelni.

Ha webesed van, a cPanellel valószínűleg nem nagyon lesz semmi dolgod. 

Hyperlink vagy hiperhivatkozás

Legáltalánosabb elnevezésük a link. Arra szolgálnak, hogy ha rákattintasz, eljuss egy másik oldalra, esetleg megnyíljon egy felugró ablak vagy elinduljon egy letöltés.

Megjelenését tekintve lehet egy sima szöveg, gomb, de akár egy kép is.

Elnavigálhat a weboldaladon belül bárhová, ezt nevezzük belső linknek. Ha a weboldalodon kívülre mutat, az a külső link.

Reszponzív vagy mobilbarát

A reszponzivitás annyit tesz, hogy minden eszközön ugyanolyan jól használható módon jelenik meg a weboldalad. Legyen az asztali számítógép, laptop, tablet vagy mobil, mindezek bármilyen képernyő felbontással.

Ma a látogatók többsége mobilról érkezik, ezért alap elvárás, hogy mobilról is ugyanolyan legyen a felhasználói élmény. Ne kelljen kicsinyíteni/nagyítani, a szöveg jól olvasható legyen, kényelmes hely legyen az egyes elemek vagy gombok között.

jelek hogy uj weboldalra van szukseged beke kitti szakertoi weboldal keszites 3 uj
A weboldal legyen ugyanolyan jól használható mindenféle felbontású készüléken

GDPR

A GDPR angolul General Data Protection Regulation, magyarul általános adatvédelmi rendelet, tulajdonképpen adatkezelési gyakorlatot jelent. 

Ha a sütik vagy cookiek segítségével adatokat gyűjtesz és tárolsz a felhasználókról, akkor arról értesítened kell őket, meg kell szerezned az erre vonatkozó beleegyezésüket, és lehetővé kell tenned, hogy kérésükre az összes adatuk törlésre kerüljön a rendszerből.

Fejléc

A weboldalad fejléce az oldal tetején elhelyezkedő sáv, ami általában megegyezik az összes aloldalon, és tartalmazza a logódat és navigációs menüdet. Sok esetben helyet kap benne egy CTA, vagy elérhetőségek is.

Felhasználói szempontból előnyös, ha ragadósan van elkészítve, vagyis az oldal görgetésekor ott marad az oldal tetején folyamatosan, így a menü mindig elérhető.

image

Lábléc

A lábléc a weboldalad alján helyezkedik el, és ez is általában az összes aloldalon ugyanaz. Itt általában általános információk vannak elhelyezve, például fizetési-szállítási információk, GYIK, elérhetőségek, közösségi média fiókok, GDPR nyilatkozatok, és néha hírlevél feliratkozási lehetőség.

Oldalsáv

Az oldalsávot általában blog oldalakon szokták elhelyezni, és arra szolgál, hogy olyan információkat jelenítsünk meg, amik nem tartoznak szorosan a fő tartalomhoz

Például egy blogbejegyzés melletti oldalsávban láthatod a szerző rövid bemutatkozását, keresőmezőt, csaliajánlatot, de ezek az infók függetlenek attól, hogy milyen cikket olvasol.

weboldal kifejezesek elmagyarazva beke kitti szakertoi weboldal keszites 2

CTA

Angolul Call-to-Action, lefordítva cselekvésre való felhívás, egy egyértelmű utasítás. Vagyis megmondod a látogatónak, hogy mit csináljon következő lépésben. Mit szeretnél, hogy csináljon. Hidd el, magától nem tudja.

CTA lehet egy másik oldalra átirányító link, hírlevél feliratkozás vagy csaliajánlat letöltés, telefonszám vagy kapcsolati űrlap, vagy egy címsor, ami arra buzdít, hagyjon kommentet.

image 19

Pop-up

A pop-upok más néven felugró ablakok. Olyan pici ablakok, amik bizonyos feltételek teljesülése esetén jelennek meg, és valamilyen extra információt tartalmaznak, például akció (szerencsekerék), email feliratkozás, cookie tájékoztató.

Ilyen feltétel lehet, ha a látogató egy gombra kattint, legörget az oldal egy bizonyos részéhez vagy meghatározott időt tölt az oldalon.

Fontos jellemzőjük a pop-upoknak, hogy el kell rajta helyezni egy bezárás gombot, amire kattintva újból eltűnik.

popup
A saját blogomon alkalmazok popupot, de csak azoknak jelenik meg, akik már a cikk nagyrészét elolvasták, vagyis nekik aktuális lehet a felugró ablak üzenete.

Kapcsolati űrlap

A kapcsolati űrlap a weboldaladba van ágyazva, és azt a célt szolgálja, hogy ha valaki kapcsolatba akar lépni veled, akkor ne másolgassa az email címedet, hanem az oldalról való kilépés nélkül tudjon neked írni.

Másik tipikus alkalmazása a hírlevél feliratkoztatás.

Általában a kapcsolat oldalon található, de használható akár árajánlat kérésére is, hiszen tetszőleges adatot kérhetsz be általa a látogatótól.

Krisztinél úgy alakítottam ki a kapcsolati űrlapot, hogy a választási opciók közül az utolsó kettő (alvástanácsok és szakmai kérdések) bármelyikének kiválasztásával egy automatikus válaszüzenetet kapnak arról, hogy sajnos ingyenesen nem biztosít lehetőséget tanácsadásra, ellenben ajánlja az ide kapcsolódó digitális anyagait.
Forrás: https://szeretvealudni.hu/kapcsolat 

Kétlépcsős azonosítás

Az oldalra való belépéskor a felhasználónév és a jelszó megadása csak a biztonság első lépcsőjét jelenti. 

Ha a kétlépcsős azonosítás be van kapcsolva, akkor további azonosítási kritériumnak kell megfelelni. Ez legtöbbször egy kód elküldése az email címedre vagy telefonszámodra, amit a felhasználónév és jelszó megadása után feldobott ablakba be kell írnod.

SEO

A SEO, más néven Search Engine Optimization a keresőoptimalizálást jelenti. Röviden olyan tevékenység, ami segít előrébb jutni a keresőben (Google-ben) bizonyos kulcsszavakra. 

A technikai alapbeállítások abban segítenek, hogy a keresőmotorok is át tudják olvasni az egész weboldaladat, a blogbejegyzésekkel meg tudod mutatni a robotoknak, hogy a te oldalad hasznos és releváns

Ha pedig mások weboldalai is hivatkoznak rád, az olyan, mint egy jó ajánlás, és ezáltal a robotok hitelesnek ítélnek meg.

Sitemap vagy oldaltérkép

A sitemap vagy oldaltérkép egy linkekből álló lista, ami megmutatja a weboldalad összes oldalát (vagy legalábbis a legfontosabbakat), hierarchikus felépítéssel. 

Elviekben az a célja, hogy gyorsan áttekinthető legyen az oldalad, ne kelljen keresgetni az almenükben. 

Mára azonban leginkább a keresőmotoroknak készítjük ezeket, hogy fel tudják térképezni a webhelyünket.

301-es hiba

Ha 301-es hibát látsz, az végleges átirányítást jelent, vagyis az oldal az egész tartalmával együtt egy új helyre költözött. Általában automatikusan át leszel irányítva az új helyre.

404-es hiba

A 404-es hibakód nem létező URL címre utal. Olyan oldalt próbálsz megnyitni, amit már töröltek, vagy az elavult tartalom miatt már más helyen érhető el, illetve akkor is 404-es oldalt kapsz, ha az URL beírásakor elgépelsz valamit.

Én szeretem, ha ez az oldal is értéket képvisel, tovább fogja a látogató kezét és még a személyiségedből is mutat valamit:

Lakberendező ügyfelem (https://cristalinteriors.hu/) 404-es oldala: Ez a link használhatatlan, mint egy rosszul megtervezett otthon

Weboldal kifejezések összefoglalóan

Bízom benne, hogy sikerült konyhanyelven elmagyarázni a legfontosabbakat, és már sokkal bátrabbnak érzed magad.

Ez a cikk nem arra hivatott, hogy azonnal megtanulj általa weboldalakat készíteni, viszont sokat tud segíteni, ha webdesignerrel tervezel együtt dolgozni.

A közös munka során a kulcs a kommunikáció.

Én webdesignerként mindent megteszek, hogy az ügyfeleim egy percig se érezzék magukat kényelmetlenül. 

Számodra viszont nagy könnyebbség lesz, hogy ezentúl tudni fogod legalább azt, hogy mit hogyan kérdezz meg.

Van még olyan weboldal kifejezés, amit nem találtál meg a listában, de szívesen megkérdeznéd, mit jelent? Írd meg hozzászólásban, és kiegészítem vele a cikket.

Tanulj tőlem ingyen

Szeretnél hasonló hasznos tippeket?

Ha még nem tetted, iratkozz fel a hírlevelemre a gyakorlatias tanácsokért, hogy hatékonyabb legyen az online megjelenésed és kommunikációd.

Gyere te is!

Hogyan NE veszítsd el a látogatókat a weboldaladon? - online workshop

Egy gyakorlatias workshop a weboldalad teljesítményét rontó hibák kijavításáról, hogy a marketingbe fektetett erőfeszítésed, időd és pénzed megtérülőbb legyen.

Már majdnem megvagyunk... 85%

Írd be a neved és email címed, én pedig máris küldöm a segédletet.