Frendex weboldal

Olyan app weboldal, amely megtalálható a keresőben, két nyelven mutatja be a terméket, és minden látogatót egyetlen koppintással a megfelelő áruházba visz.

1 / 7

A projekt röviden

A frendexapp.com a Frendex kétnyelvű app weboldala. A Frendex helyi szakemberkereső és foglalási alkalmazás, amelyet szintén mi építettünk (róla szól a Frendex app esettanulmánya). Az oldal egy régi WordPress-es bemutatóoldalt váltott le, és három feladatot kapott: találják meg, amikor valaki szakembert keres, magyarul és angolul is; mutassa be a terméket a felhasználóknak és a szolgáltatóknak; és minden látogatót egy koppintással juttasson el a megfelelő áruházba.

A nyitóoldalon túl gyűjtőoldal tartozik az app katalógusának minden kategóriájához és szakmájához, emellett vannak szakma- és városoldalak (például Vízszerelő Budapesten), egy magától bővülő blog és egy letöltési oldal.

Főbb funkciók

• Eszközt felismerő letöltés: iPhone-on az App Store, Androidon a Google Play, asztali gépen QR-kód.
• Programmatic SEO: nyelvenként több mint 100 szakma- és városoldal az app saját katalógusából.
• Idézhető válaszok: GYIK a szakmaoldalakon és strukturált adatok, amelyekből a keresők és az AI-asszisztensek pontosan tudnak idézni.
• Az app linkjei itt nyílnak meg: az értesítések, a meghívók és a megosztott profilok telepített appnál az appot nyitják meg, egyébként a megfelelő áruházat.
• Egységes termékélmény: az app dizájntokenjeiből vett színek, és a nyitóoldalon az app térképjelölőinek stílusában rajzolt animált térkép (a rajta látható nevek és értékelések csak szemléltetnek).
• Adatvédelem alapból: az analitika csak hozzájárulás után töltődik be, addig csak egy süti nélküli látogatásszámláló fut.

Így működik az oldal

1. Aki szakembert keres, egy generált szakma- vagy városoldalra érkezik, a saját nyelvén.
2. Az oldal megválaszolja a kérdést: mit csinál a szakember, hogyan működik a foglalás, és mik a gyakori kérdések.
3. Telefonon egy koppintás, és megnyílik a megfelelő áruház; asztali gépen ugyanezt egy QR-kód intézi.
4. Telepítés után az appból küldött linkek is a megfelelő képernyőt nyitják meg.
5. A háttérben a blog magától bővül, és minden élesítés után a módosult oldalak eljutnak a keresőkhöz.

Technológia és integrációk

• Astro: teljesen statikus oldalak, front-end keretrendszer nélkül.
• Tailwind CSS és TypeScript: az appal közös tokenek, típusellenőrzött sablonok és katalógusadatok.
• Cloudflare Pages edge funkciókkal: kiszolgálás, űrlapok, app-linkek és nyelvi átirányítás.
• Resend és Cloudflare Turnstile: az űrlapok e-mailjei, spamvédelemmel.
• RankSpiral, a saját SEO-tartalomplatformunk: mindkét nyelven publikálja a blogot.
• Lighthouse CI: az élesítés elbukik, ha a teljesítmény 95 alá vagy bármelyik másik pontszám 100 alá esik.

Kihívások és megoldások

• Programmatic oldalak, üres töltelékoldalak nélkül. A szolgáltató nélküli városoldalakat a keresők büntetik. Ezért szakma- és városoldal csak ott készül, ahol az appban valódi kínálat van (ma Budapesten és Debrecenben), az app katalógusából, és a build ellenőrzi az adatokat.
• App-linkek, amelyek csak ott nyitják meg az appot, ahol kell. Eleinte a csevegőalkalmazásokban megosztott blogcikkek is az appot nyitották meg, ezért az app-linkeket az apphoz tartozó oldalakra szűkítettük. A régi WordPress-tárhely szolgálta ki az app linkfájljait és meghívóit is, így minden app-linket újraépítettünk és leellenőriztünk, mielőtt a domain 2026. augusztus 29-én átköltözött.
• Magától publikáló blog, amely nem törheti el a buildet. A publikálási lépés ugyanazokat az ellenőrzéseket futtatja, mint a build, és visszautasít minden cikket, amely elbukna rajtuk, így egy hibás cikk soha nem akaszthatja meg az élesítéseket.

Időkeret

Az első commit 2026. július 3-án készült, már a teljes kétnyelvű főoldallal, július 6-án pedig elkészült egy 282 oldalas éles build. Az oldal augusztus 29-én indult el, a blog szeptember 2-tól publikál magától, a több várost lefedő oldalak szeptember 4-én érkeztek. Összesen 170 commitot írtunk 22 munkanap alatt, azóta pedig nagyjából 200 automatikus publikálási és indexelési commit jött.

Eredmények

Az oldal két nyelven él, több mint 600 URL-lel, köztük több mint 75 automatikusan megjelent cikkel. A Google PageSpeed Insights 2026. október 18-i mérése szerint a teljesítmény mobilon 97, asztali gépen 100, az akadálymentesség, a best practices és a SEO pedig mindkét nézetben 100. Mobilos laborértékek: Largest Contentful Paint 2,4 s, Cumulative Layout Shift 0, Total Blocking Time 0 ms.

+

Őszintén: valós felhasználói adatból még nincs elég a Chrome terepi jelentéséhez, és forgalmi, helyezési vagy letöltési számokat sem tudunk még közölni. Egy szezonnyi adat után kiegészítjük velük az esettanulmányt.

A mi szerepünk

Az app weboldalt az elejétől a végéig mi készítettük: az információs architektúrát, az app tokenjeire épülő dizájnt, a kétnyelvű szövegeket, a fejlesztést, a SEO-t, az app-linkek rétegét és az élesítési folyamatot. A Frendex appot is mi építettük, így a kettő közötti minden kapcsolat egy csapat kezében van.

Nézd meg élőben

Nézz körül a frendexapp.com oldalon, válts az angol és a magyar változat között, aztán próbáld ki a letöltést telefonon és asztali gépen is.

Ha a te appodnak is olyan alkalmazás weboldal kell, amely valódi munkát végez, nálunk az egyedi weboldal készítés és a cross-platform alkalmazásfejlesztés egy kézben van, így a weboldal és az app az első naptól egymáshoz illeszkedik. Foglalj ingyenes konzultációt, és megbeszéljük, mivel érdemes kezdened.