SC-012 · Referencia

Fékezd Magad Alapítvány

Egyedi WordPress-weboldal egy 1996 óta működő közlekedésbiztonsági alapítványnak: kiemelt adó 1% blokkal, saját hírrendszerrel, oldalon belül szerkeszthető tartalommal és mérhetően gyors mobilos megjelenéssel – oldalépítő nélkül.

Megnézem az élő oldalt: Fékezd Magad Alapítvány →
Fékezd Magad Alapítvány weboldala

Rövid összefoglaló

A Fékezd Magad Alapítványt a Magyar Autóklub hozta létre 1996-ban, azzal a céllal, hogy a gyerekek már óvodás korban megismerjék a biztonságos közlekedés alapjait. Ma a Magyar Mobilitási és Autóklub alapítványaként, 2024 óta közhasznú szervezetként működik: játékos KRESZ-foglalkozásokat tart óvodákban és iskolákban, országos rajzpályázatot hirdet, és oktatási kiadványokat készít.

A projekt célja egy egyoldalas, jól áttekinthető weboldal volt, amely egyszerre szól a támogatóknak és az intézményeknek: bemutatja az alapítvány munkáját, kiemelten kezeli az adó 1% felajánlását, és megkönnyíti, hogy egy óvoda vagy iskola foglalkozást kérjen. Emellé egy olyan hírrendszer készült, amelyet az alapítvány fejlesztő nélkül, maga tud vinni.

Kiindulópont

Az alapítványnak volt weboldala, de az elavult, és nem tükrözte azt a munkát, ami mögötte van. A tartalom java része egy nyomtatott A5-ös kiadványban élt: ott volt az arculat, a fotók és a szövegek – csak éppen nem online. A napi kommunikáció közben a Facebook-oldalon zajlott, ahol a bejegyzések elsodródnak a hírfolyamban, és ahol egy érdeklődő intézmény nem találja meg egy helyen, hogy mit csinál az alapítvány, és hogyan lehet foglalkozást kérni.

Volt még két gyakorlati kötöttség. A tárhelyhez az alapítvány rendszergazdája fért hozzá, nem a fejlesztő, ezért a kész oldalt úgy kellett átadni, hogy ő egyetlen importálással élesíteni tudja. A weboldalt pedig nem egy fejlesztőcsapat fogja gondozni, hanem az alapítvány munkatársai – így az önálló szerkeszthetőség nem extra volt, hanem alapkövetelmény.

Irány

Ebből három elv következett. Az első, hogy a weboldal a döntési pontokra épüljön, ne a menüszerkezetre: egy egyoldalas felépítésben a látogató végigolvassa a történetet, és útközben három dolgot tud megtenni – felajánlja az adója 1%-át, támogat átutalással, vagy foglalkozást kér az intézményébe. Ezért kapott kiemelt, saját színű blokkot az adó 1%, másoló gombbal az adószám mellett.

A második, hogy minden rendszeresen változó tartalom szerkeszthető legyen, és ne egy üres szövegszerkesztőben, hanem néven nevezett mezőkben: az alapítvány nem „oldalt szerkeszt”, hanem kitölti, amit az adott blokk kér. A harmadik, hogy a technikai minőség mérhető legyen, ne érzésre – sebesség, keresőoptimalizálás és biztonság: mindháromnál legyen egy szám vagy egy ellenőrizhető állapot, amit az átadáskor be lehet mutatni.

Megoldás

Egyedi téma a nyomtatott arculatból

A weboldal egyedi WordPress témaként készült, oldalépítő nélkül, a meglévő A5-ös kiadvány színeiből, formáiból és fotóiból. A főoldal tíz szakaszból áll: nyitókép, bemutatkozás, „miért fontos”, programok, adó 1%, egyéb adományozás, hírek, bizalmi blokk, gyakori kérdések és kapcsolat.

  • 105 néven nevezett mező: a szövegektől a képeken át a gombfeliratokig és a linkekig minden szerkeszthető, kódolás nélkül
  • Szerkesztés közvetlenül az oldalon: az előnézetben minden szakasznál megjelenik egy ceruza ikon, és íráskor csak az az egy blokk rajzolódik újra
  • Központi alapadatok: az adószám és a bankszámlaszám egy helyen szerkeszthető, és minden előfordulásánál automatikusan frissül
  • Adó 1% blokk: négylépéses útmutató, kiemelt adószám másoló gombbal és közvetlen link a NAV eSZJA felületére

Hírrendszer, amit az alapítvány visz tovább

  • Automatikus Hírek oldal: minden közzétett bejegyzés magától megjelenik kártyás listában, kategóriafülekkel, kereséssel és lapozással
  • Egyedi cikksablon: kiemelt kép, dátum, oldalsáv friss bejegyzésekkel és adó 1% felhívással, előző/következő cikk navigációval
  • Képgaléria karusszelként: a beszúrt galéria magától lapozhatóvá válik – nyilakkal, pöttyökkel és ujjal húzva is
  • Megosztás gombok: Facebook, LinkedIn, e-mail és link másolása, mobilon a telefon saját megosztó menüje
  • Főoldali hírblokk: mindig a három legfrissebb cikket mutatja, külön beállítás nélkül

Kapcsolatfelvétel és levélküldés

Az intézményi jelentkezéshez űrlap készült – név, e-mail, telefonszám, intézmény, üzenet és adatkezelési hozzájárulás –, Cloudflare Turnstile spamvédelemmel. A levelek SMTP-n keresztül mennek ki, hogy ne a megosztott tárhely alapértelmezett küldése döntsön a kézbesítésről, a válasz gomb pedig közvetlenül a kitöltőnek címez, így az alapítvány egy kattintással tud válaszolni.

Kereső- és AI-optimalizálás

  • Mind a 9 nyilvános URL egyedi keresőtalálati címet, meta leírást, megosztási képet és kanonikus linket kapott
  • Strukturált adatok: szervezet (NGO) az alapítvány adataival, cikkséma, morzsamenü és gyakori kérdések
  • Nyolc kérdésből álló GYIK: ugyanabból a tartalomból készül a látogatóknak szóló szöveg és a keresőknek szóló adat
  • llms.txt és XML-oldaltérkép: az AI-keresők és a keresőmotorok géppel olvasható összefoglalója az oldalról
  • Márkázott megosztási képek 1200 × 630-ban a legfontosabb oldalakhoz

Sebesség mobilra

A képek WebP formátumban, több méretben készülnek el, és a telefon csak a neki való változatot tölti le; a nyitóképnek külön álló kivágása van mobilra. A betűtípusok a saját tárhelyről töltődnek, Google-kapcsolat nélkül, ami egyben adatvédelmi kérdést is megold. Az űrlap szkriptjei – a védelmi widget és a hozzá tartozó könyvtárak – csak akkor töltődnek be, amikor a látogató a kapcsolati részhez ér.

Biztonság és átadás

A weboldal HTTPS-kényszerítéssel, biztonsági HTTP-fejlécekkel, elrejtett felhasználónevekkel és kikapcsolt beépített kódszerkesztővel került átadásra. Mivel az élesítést a rendszergazda végezte, a csomag mellé telepítési útmutató készült, az alapítványnak pedig egy húszfejezetes kézikönyv, egy technikai dokumentáció és egy külön útmutató ahhoz, hogyan kerüljön be az oldal a Google találatai közé.

Eredmény

  • Mobilos teljesítmény: 69-ről 90 fölé a Google PageSpeed mérésében, a képek, a betűtípusok és a szkriptbetöltés átalakítása után
  • A nyitókép mobilon 568 KB helyett ~110 KB – ugyanaz a képkivágás, ötödannyi adatforgalom
  • PageSpeed: SEO 100, Bevált módszerek 100, Kisegítő lehetőségek 95
  • Fejlesztő nélkül kezelhető tartalom – 105 szerkeszthető mező, oldalon belüli szerkesztéssel, plusz a teljes hírrendszer
  • Működő kapcsolatfelvétel – az élesben elküldött próbaüzenet a megfelelő postafiókba érkezett, válaszolható formában

Tanulságok

A legfontosabb tanulság, hogy egy alapítványnál az önállóság nem ígéret kérdése, hanem tervezési kérdés. Attól lesz egy weboldal valóban az ügyfélé, hogy a gyakran változó részek – a szövegek, a képek, a gombok és a linkek – néven nevezett mezőkbe kerülnek, és ott szerkeszthetők, ahol a szerkesztő látja is őket. Ha ez nem a terv része, minden apró módosítás fejlesztői feladat marad, és egy civil szervezetnél ez általában azt jelenti, hogy a módosítás egyszerűen elmarad.

A második, hogy a mobilos sebesség nem trükk, hanem képméret és betöltési sorrend. Ugyanaz a nyitókép, ugyanaz a látvány, csak éppen a telefon nem a teljes méretű változatot kapja, és nem várja meg azokat a szkripteket, amelyekre a képernyő tetején még nincs szüksége. A 69-ről 90 fölé lépéshez nem kellett a designból engedni.

Projektadatok
  • Szolgáltatás: Weboldal-tervezés, egyedi WordPress téma, hírrendszer
  • Iparág: Civil szervezet, közlekedésbiztonsági nevelés
  • Időszak: 2026 nyár–ősz
KÖVETKEZŐ LÉPÉS

A te vállalkozásod hogyan nézne ki?

Írd le, hol tartasz most, és megírom, mi lenne a következő jó lépés.

Beszéljük át a projektem Megnézem a megoldásokat
AZ ÜGYFÉL SZAVAIVAL

Ritka az ennyire alapos hozzáállás

Maximálisan elégedettek vagyunk Regina munkájával, jó szívvel ajánljuk mindenkinek! A Fékezd Magad Alapítvány új weboldalának elkészítésével bíztuk meg, és már a közös munka során is azt tapasztaltuk, hogy rendkívül precízen, lelkiismeretesen és proaktívan dolgozik. Nemcsak az általunk kért feladatokat valósította meg, hanem több alkalommal olyan megoldásokat, fejlesztéseket is javasolt és elkészített, amelyekre mi nem is gondoltunk, de sokkal jobbá és könnyebben kezelhetővé tették az oldalt. Külön szeretnénk kiemelni az átadás alaposságát. Rendkívül részletes, mégis közérthető dokumentációt kaptunk, amelynek segítségével informatikai tudás nélkül is magabiztosan tudjuk kezelni és frissíteni a weboldalt. Minden apró részletre gondolt, a technikai háttértől és biztonságtól kezdve a keresőoptimalizáláson át egészen a későbbi üzemeltetésig. Ritka az ennyire alapos, megbízható és ügyfélközpontú hozzáállás. Nagyon köszönjük a munkáját, öröm volt vele együtt dolgozni, és biztosan fordulunk még hozzá a jövőben is!

Fékezd Magad Alapítvány Google · 2026. szeptember
TOVÁBBI MUNKÁK

Nézz körül a többi projektben.

MAG Népe Mozgalom weboldala

MAG Népe Mozgalom

Egyedi WordPress-weboldal egy 33 000 fős hagyományőrző közösségnek: rendezvény-helyfoglalással, saját hírrendszerrel, szerkeszthető menüvel és élesítésre előkészített…

Megnézem a projektet: MAG Népe Mozgalom →
Megnézem az összes munkát