Cornerstone útmutató · 2026

A webfejlesztés teljes útmutatója magyar cégeknek (2026)

Mindent egy helyen: mi a webfejlesztés, mennyibe kerül, milyen technológiákat használunk, mikor válassz WordPress-t és mikor egyedit, hogyan készítsd fel az oldaladat a Google rangsorolásra. Gyakorlati, 2026-ra frissített tudás — nem elmélet.

1. Mi a webfejlesztés?

A webfejlesztés minden olyan tevékenység, ami egy internetre publikált oldal vagy alkalmazás létrejöttéhez vezet: a dizájntól a kódolásig, az adatbázis-modelltől a szerver-beállításig. Egy weboldal 2026-ban már ügyfélszerző gépezet, értékesítési csatorna és ügyfélszolgálati platform egyben — nem csak digitális névjegykártya.

A webfejlesztés három fő részre bontható: frontend (HTML, CSS, JavaScript), backend (adatbázis, API, üzleti logika) és infrastruktúra (hosting, CDN, monitoring). Egy modern weboldal mindhármat ötvözi.

2. Miért fontos 2026-ban?

A vásárlói döntések 81%-a online keresés után születik. Ha a cégedre nem találnak rá, vagy az oldalad 3 másodperc után sem töltött be — már elvesztetted őket, függetlenül a szolgáltatásod minőségétől.

2026-ban a Google Core Web Vitals (sebesség, interaktivitás, vizuális stabilitás) hivatalosan is ranking faktor. A lassú, rosszul épített oldal a 3. találati oldalra kerül.

3. A webfejlesztés típusai

  • Statikus weboldal: előre generált HTML — villámgyors, olcsó, kevés karbantartás. Bemutatkozó oldalakhoz, blogokhoz. Astro, Next.js SSG, Hugo.
  • SPA (Single Page App): egyetlen oldal, dinamikus tartalom-váltás, mint asztali alkalmazás. React, Vue, Svelte.
  • SSR: szerver oldali renderelés — dinamikus tartalom, gyors első betöltés. Next.js, Nuxt, Remix.
  • PWA: weboldal mobil app élménnyel — telepíthető, offline, push értesítés.
  • Webshop: dedikált e-commerce platform. WooCommerce, Shopify, vagy egyedi webshop.

4. Technológiák és keretrendszerek 2026-ban

A 2026-os stackünk: Astro (statikus oldalak), Next.js + React + TypeScript (dinamikus webalkalmazások), Tailwind CSS (UI), Node.js, Go, Laravel (backend), PostgreSQL, Redis (adatbázis), Cloudflare (CDN + hosting).

A TypeScript ma már kötelező, nem luxus. A headless CMS-ek (Strapi, Contentful, Sanity) komoly versenytársak — de mi általában saját, kódból épített CMS-t adunk át: a tied a kód, az admin és az adat, nincs SaaS-függés.

5. Mennyibe kerül egy weboldal?

Tipikus árkategóriák 2026-ban magyar piacon:

  • Bemutatkozó weboldal: 300.000 – 800.000 Ft
  • Vállalati weboldal: 800.000 – 1.500.000 Ft
  • Webalkalmazás vagy webshop: 1.500.000 – 5.000.000 Ft
  • Enterprise rendszer: 5.000.000+ Ft

Részletes bontás: honlapkészítés árak 2026.

6. Mennyi idő alatt készül el?

Standard bemutatkozó: 3-6 hét. Komplex webalkalmazás vagy egyedi webshop: 2-4 hónap. Agilis 2 hetes sprintekkel, heti demókkal — nem 3 hónap múlva érkező meglepetés-launch.

7. CMS: WordPress vs headless vs egyedi

WordPress: a világ weboldalainak ~43%-a ezen fut. Gyors indulás, nagy ökoszisztéma, de a plugin-dzsungel sebesség-problémákat hoz. KKV-knak 80%-ban jó választás profi kezekben.

Headless CMS: Strapi, Contentful, Sanity, Payload — tartalomkezelés + modern frontend (Next.js, Astro). Villámgyors, rugalmasabb. Mi általában saját CMS-t szállítunk a SaaS helyett.

Egyedi fejlesztés: nincs CMS — a backend és frontend nulláról épül. Specifikus üzleti logikánál érdemes. Egyedi weboldal készítés →

8. Webshop vagy weboldal — melyik kell?

Online termék-értékesítéshez webshop. Szolgáltatáshoz (tanácsadás, fejlesztés, oktatás, egészségügy) jól felépített weboldal + kapcsolati űrlap + opcionális foglalási rendszer elég.

A webshop bonyolultabb: fizetés, termékvariánsok, szállítás, készlet, számlázás, GDPR, e-számla, kosárelhagyás flow. Ezért drágább és hosszabb fejlesztés.

9. SEO-alapok a webfejlesztésben

A SEO a fejlesztés első sorában kezdődik:

  1. Semantikus HTML — helyes h1-h6, article, section
  2. Strukturált adatok — schema.org Organization, Article, FAQPage, BreadcrumbList
  3. Mobile-first indexing
  4. XML sitemap + robots.txt
  5. Canonical URL-ek + hreflang többnyelvűséghez

Egy rosszul épített oldalt utólag SEO-zni 10x drágább, mint jól építeni az elején.

10. Sebesség és Core Web Vitals

Minden másodperc késés ~7%-os konverziócsökkenés. A Google Core Web Vitals: LCP <2.5s, INP <200ms, CLS <0.1. Mind ranking faktor.

Optimalizáció: WebP/AVIF képek, lazy loading, CDN (Cloudflare), critical CSS inlining, JS code splitting, edge rendering, cache stratégia.

11. Biztonság és GDPR

Minden weboldalnak HTTPS-t kell használnia (SSL). 2026-ban a Google már nem indexel HTTP-t. OWASP Top 10 védelmek (SQL injection, XSS, CSRF), WAF, automatikus security frissítések, rendszeres audit.

GDPR: cookie consent banner Google Consent Mode v2-vel, adatvédelmi tájékoztató, helyes jogalap-kezelés. Egy bírság egyetlen nap alatt elviheti a projekt költségét.

12. Hosting és infrastruktúra

  • Cloudflare Pages / Workers: edge-deployed, ingyenes a legtöbb esetben, villámgyors globálisan.
  • Vercel / Netlify: Next.js / Astro projekteknek egyszerűen.
  • Saját VPS (Hetzner, DO): teljes kontroll, 5-30 USD/hó, saját karbantartás.

13. Karbantartás és frissítések

Egy weboldal nem egyszer felépített dolog, hanem folyamatosan karbantartandó termék. WordPress-nél havi 2-4 plugin frissítés. Egyedi fejlesztésnél negyedéves audit, havi dependency frissítés, napi backup.

50-150k Ft/hó közötti csomagokkal kínálunk teljes körű karbantartást.

14. Hogyan válassz webfejlesztő céget?

Hat kritérium szerződés előtt:

  1. Referenciák: élő projekt, korábbi ügyfél visszajelzés.
  2. Technológia: modern stack (TypeScript, React, Astro), nem 10 éves WordPress-sablonok.
  3. Kommunikáció: 24 órás válaszidő? Heti demó? Átláthatóság?
  4. Szerződés: fix ár vs óradíj, scope creep kezelés, garanciális javítás.
  5. Támogatás: mi lesz élesítés után? Karbantartási csomag?
  6. Helyi jelenlét: CET időzóna, magyar nyelv, személyes találkozó.
GYIK

Gyakori kérdések a webfejlesztésről

Standard bemutatkozó weboldal 300.000 és 800.000 Ft között, összetett vállalati oldal vagy egyedi webalkalmazás 1-5 millió Ft-tól. Webshop 800.000 Ft-tól 5 millióig. A pontos árat a komplexitás, az integrációk és a dizájn részletessége határozza meg.
Készen állsz?

Kérj árajánlatot 24 órán belül

Mondd el, mit szeretnél építeni — visszaírunk konkrét ár-tartománnyal és időbecsléssel. Ingyenes konzultáció, tételes ajánlat.

Projektet indítok