HodászÁbel Írjon nekem

Weboldalt készítek magyar vállalkozásoknak, fix áron, 87 ponton ellenőrizve.

Az ár előre, írásban rögzítve. SEO, biztonság, sebesség, akadálymentesség, jog és használhatóság: hat terület, amire minden oldalnál odafigyelek – automatikus böngészős tesztekkel és független ellenőrzéssel.

Kérjen ajánlatot hodabi@gmail.com

Munkáim

Három projekt, három nagyon különböző feladat: kettő él, egy fejlesztés alatt.

PosPartner

Weboldal · él

Két kijelzős POS-terminál márkája magyar vállalkozóknak. Sötét, prémium oldal, ajánlatkéréssel. Payload CMS-re építve, hogy a szövegeket és a terminálok adatait programozó nélkül szerkeszthessék.

Next.js · Payload CMS · TypeScript

A pos-partner.hu kezdőlapja asztali nézetben: sötét háttér, „Társ a kártyás fizetésben” címsor, ajánlatkérő gomb A pos-partner.hu telefonon

Országos Fizetési Szolgáltató

Weboldal · él

MNB-engedélyes magyar pénzforgalmi intézmény (kártyaelfogadás) honlapja: szolgáltatások, tájékoztató oldalak és napi árfolyamok. Payload CMS, a PosPartnerrel közös kódbázison.

Next.js · Payload CMS · TypeScript

Az ofsz.hu kezdőlapja: világos háttér, két POS-terminál és bankkártya, kártyatársaságok logói Az ofsz.hu telefonon

HODIET

Weboldal + CMS + foglalás · fejlesztés alatt

Dietetikus praxis teljes rendszere: weboldal oldalépítővel (Next.js + Payload), online időpontfoglalás előre fizetéssel, ügyfélportál és dietetikusi admin. Ötlépéses foglalás: Szolgáltatás → Online vagy személyes → Időpont → Adatok → Fizetés.

Next.js · Payload CMS · online fizetés

A HODIET időpontfoglalás oldala: ötlépéses folyamat, szolgáltatáslista árakkal, összegző panel A HODIET foglalás telefonon

Hogyan dolgozom

Öt lépés, mindegyik látható eredménnyel. Ön minden lépésnél tudja, hol tartunk.

  1. 1Megnézem a mostani oldalát

    Mi működik, mi nem – telefonon is –, és mit lát belőle a Google.

  2. 2Előbb látványterv

    Ön előbb látja, milyen lesz az új kezdőlap, a saját szövegeivel és képeivel – aztán dönt.

  3. 3Fejlesztés modern alapokon

    React, Next.js; igény esetén tartalomkezelővel (Payload CMS): szövegeket, képeket, árakat Önök szerkesztenek, programozó nélkül, előnézettel.

  4. 4Ellenőrzés

    Minden oldalt automatikus böngészős tesztek néznek végig 360-tól 1440 pixelig (telefon, tablet, laptop), és független ellenőrzés nézi át a kódot, a biztonságot és a szövegeket, amíg minden hiba el nem tűnik.

  5. 5Átadás

    Az oldal és minden hozzáférés az Öné. Átirányítások a régi címekről, hogy a Google-helyezések megmaradjanak.

Mit kap, ha engem választ?

Nem egy „szép oldalt”, hanem egy rendben lévőt. Amire figyelek, hat területen – a szakkifejezéseket meghagytam, hogy rá tudjon keresni.

Keresőoptimalizálás (SEO)16 pont

Hogy a Google megtalálja és jól mutassa, és a régi címek se vesszenek el.

  • Egyedi title és meta description minden oldalon
  • Canonical URL-ek
  • XML sitemap
  • robots.txt
  • Strukturált adatok (Schema.org / JSON-LD)
  • Open Graph és Twitter Card címkék
  • Címsor-hierarchia (egyetlen H1)
  • Tiszta, beszédes URL-ek
  • Alt szöveg minden képen
  • hreflang többnyelvű oldalon
  • 301 átirányítás a régi címekről
  • Egyedi 404 oldal
  • Belső linkelés
  • Google Search Console és Bing Webmaster Tools beállítás
  • Záró perjel és www / nem-www egységesen
  • noindex a teszt-, admin- és üres oldalakon

Biztonság22 pont

Hogy ne törjék fel, ne lopják el az adatokat, és ne a hírekből tudja meg.

  • HTTPS mindenhol, HTTP→HTTPS átirányítás
  • HSTS
  • Content Security Policy
  • X-Frame-Options / frame-ancestors
  • X-Content-Type-Options
  • Referrer-Policy
  • Permissions-Policy
  • Secure / HttpOnly / SameSite sütik
  • CSRF-védelem
  • Bemenet-ellenőrzés és kimenet-kódolás (XSS, SQL injection)
  • Rate limiting és brute-force védelem
  • CAPTCHA vagy botvédelem az űrlapokon
  • Függőségek sérülékenység-vizsgálata
  • Titkok a repón és a kliens-kódon kívül
  • Admin védelme (2FA, nem alapértelmezett útvonal, IP-korlát)
  • Fájlfeltöltés korlátozása
  • CORS beállítás
  • security.txt
  • Rejtett szerver- és keretrendszer-verzió
  • Rejtett hibarészletek élesben
  • Subresource Integrity külső szkripteken
  • WAF / DDoS-védelem

Sebesség12 pont

Hogy telefonon, gyenge neten is azonnal betöltsön – a Google ezt is pontozza.

  • Core Web Vitals (LCP, INP, CLS)
  • Képoptimalizálás (WebP/AVIF, responsive srcset)
  • Lazy loading
  • Minifikálás és bundling
  • Tömörítés (Brotli/gzip)
  • Cache fejlécek
  • CDN
  • Betűtípus-betöltési stratégia (font-display, preload, subsetting)
  • Kritikus CSS
  • Külső szkriptek átvizsgálása
  • Adatbázis-lekérdezések és szerver-válaszidő
  • HTTP/2 vagy HTTP/3

Akadálymentesség12 pont

Hogy mindenki tudja használni, billentyűzettel és felolvasóval is – az uniós szabályok (EAA) miatt sok szolgáltatásnál már kötelező.

  • Billentyűzetes navigáció
  • Látható fókusz
  • Színkontraszt
  • Szemantikus HTML és tájékozódási pontok
  • ARIA címkék, ahol kell
  • Űrlapcímkék és hibaüzenetek
  • „Ugrás a tartalomra” link
  • Képernyőolvasós teszt
  • Csökkentett mozgás támogatása
  • Feliratok / átiratok a médiához
  • Nagyítás és betűméret-váltás támogatása
  • lang attribútum

Jogi megfelelés9 pont

Hogy ne legyen bírság: GDPR, impresszum, sütik, akadálymentességi nyilatkozat.

  • Adatkezelési tájékoztató
  • Általános szerződési feltételek
  • Sütikezelés és hozzájárulás (GDPR / ePrivacy)
  • Impresszum
  • Akadálymentességi nyilatkozat (EAA)
  • Adatfeldolgozói szerződések a szolgáltatókkal
  • Adattörlési és -kiadási folyamat
  • Hozzájárulások naplózása
  • Korhatár, ahol indokolt

Használhatóság és tartalom16 pont

Hogy a látogató megtalálja, amit keres, és ne akadjon el – semmilyen eszközön.

  • Mobilbarát elrendezés
  • Böngészők közti teszt
  • Favicon és app-ikonok minden méretben
  • Web app manifest
  • Üres, töltődő és hibaállapotok
  • Űrlap-ellenőrzés és sikeres-visszajelzés
  • Nyomtatási stíluslap
  • Sötét mód támogatása
  • Keresés
  • Morzsamenü
  • Törött linkek ellenőrzése
  • Helyesírás és kitöltetlen szövegek ellenőrzése
  • Egységes dátum-, szám- és pénzformátum
  • Időzónák kezelése
  • Kattintható telefonszám és e-mail
  • Egyértelmű ajánlatkérés

Fix ár, megbeszélés szerint.

Nincs óradíj, nincs meglepetés.

Egy rövid egyeztetés a konkrét oldalról – levélben vagy egy hívásban: aloldalak, webshop, foglalás, belépés, integrációk. Utána az árat előre, írásban rögzítjük, és az marad.

Módosítási kör
két kör benne van az árban
Egy kör
egyszerre leadott lista – szövegek, képek, színek, betűk, a szakaszok sorrendje, elrendezési finomítások – egyben átvezetve
Tartalomkezelő (CMS)
kérésre, hogy a szövegeket, képeket, árakat Önök szerkeszthessék
További nyelvek
kérésre
Domain és tárhely
nem része az árnak
  • Működik telefonon, tableten és minden elterjedt böngészőben.
  • Kattintható telefonszám és e-mail, egyértelmű ajánlatkérés.
  • Átadás után az oldal és minden hozzáférés az Öné.

Gyakori kérdések

Amit a weboldal- és honlapkészítésről a leggyakrabban kérdeznek.

Mennyibe kerül egy weboldal?

Fix áron dolgozom, megbeszélés szerint. Egy rövid egyeztetés után – mennyi aloldal, kell-e webshop, foglalás, belépés vagy integráció – előre, írásban rögzítem az árat, és az marad. Nincs óradíj, nincs meglepetés.

Szerkeszthetem majd én is a weboldalt?

Igen, ha kéri, tartalomkezelővel (Payload CMS) készül: a szövegeket, képeket, árakat és oldalakat Önök szerkeszthetik, programozó nélkül, előnézettel.

Mi lesz a régi oldalam Google-helyezéseivel?

A régi címekről átirányítást (301) állítok be, így a meglévő Google-helyezések és a máshonnan mutató linkek megmaradnak. A Google Search Console-t is beállítom.

Jól fog működni telefonon is?

Igen. Minden oldalt automatikus böngészős tesztek néznek végig 360-tól 1440 pixel szélességig, vagyis telefonon, tableten és laptopon is.

Kié lesz a weboldal?

Az Öné. Átadáskor megkapja az oldalt és minden hozzáférést, nem kötöm magamhoz.

Megfelel majd a GDPR-nak és az akadálymentességi szabályoknak?

Süti-hozzájárulás, impresszum, helye az adatkezelési tájékoztatónak és az akadálymentességi nyilatkozatnak, és az oldal billentyűzettel és képernyőolvasóval is kezelhető.

Hogyan kezdjük?

Írjon egy rövid levelet a hodabi@gmail.com címre: mi a cége, és mi a mostani oldala. Megnézem, és előbb látványtervet kap az új kezdőlapról – aztán dönt.

Írjon nekem.

Egy rövid levél elég: mi a cége, és mi a mostani oldala. Megnézem, és leírom, mit csinálnék vele.

hodabi@gmail.com

Nincs űrlap, nincs süti, nincs harmadik fél: a levél egyenesen hozzám jön.