Konverzió optimalizálás: melyik CTA szöveg és szín nyer?

A CTA gomb (call-to-action, azaz cselekvésre ösztönző gomb) az a kattintható elem a weboldaladon, amely a látogatót egy konkrét lépésre biztatja: vásárlásra, időpontfoglalásra vagy ajánlatkérésre. A CTA optimalizálása azért kulcsfontosságú egy magyar vállalkozás online marketingjében, mert ez az a pont, ahol a puszta figyelemből valódi bevétel lesz — kis változtatással is nagy hatás érhető el.

Kezdjük egy meglepő ténnyel: a legtöbb vállalkozó a gomb színén agyalja magát halálra, miközben a szöveg sokkal fontosabb. A Marketingpszichológia landing page-kísérletei szerint a CTA gomb szövege általában nagyobb hatással van a konverzióra, mint önmagában a gomb színe — vagyis érdemes a copy-val kezdeni. Ez a cikk tiszta CRO (konverzió optimalizálás) szemüvegen keresztül mutatja meg, hogyan válaszd ki a jól konvertáló szöveget és színt, és hogyan mérd le adat alapon, mi működik nálad. A Török Balázs 2026-os adatai szerint már 10–15%-os kattintásnövekedést is elérhetsz, ha komolyan veszed a tesztelést.

Tartalomjegyzék

• Mi tesz egy CTA gombot jóvá?
• A CTA szöveg optimalizálása: melyik copy konvertál jobban?
  • Első vagy második személy: „Kosárba teszem” vs. „Tedd a kosárba”?
• Melyik CTA szín konvertál jobban: zöld, narancssárga vagy piros?
• Szöveg vs. szín: összehasonlító táblázat
• Hogyan tesztelj CTA gombokat A/B teszttel 6 lépésben?
  • Tipikus hibák, amiket kerülj el
• Szakértői meglátás
• Gyakori kérdések (GYIK)

Mi tesz egy CTA gombot jóvá?

Egy jó CTA gombnak az Obev szakemberei szerint három kritériumnak kell megfelelnie: legyen egyértelmű, legyen jól látható, és ténylegesen ösztönözzön cselekvésre. Ez a három szempont adja a konverzió optimalizálás alapját, amikor gombokkal dolgozol.

A láthatóságot nemcsak a szín, hanem a méret és az elhelyezés is befolyásolja. Az Obev 2023-as adatai szerint a CTA gomb ajánlott minimális mérete mobilon 44×44 pixel, hogy ujjal könnyen érinthető legyen. Ez ma már nem opció, hanem alapkövetelmény, mivel a forgalom nagy része mobilról érkezik.

Elhelyezésben se fogd vissza magad: az Obev 2023-as ajánlása szerint legalább három pozíció (hero szekció, tartalom közepe, oldal vége) javasolt a konverzió növelésére. Az FFM 2021-es anyaga és a Maximumbusiness szintén azt tanácsolja, hogy a CTA a hajtás fölött (fold felett) és a fontos tartalmi blokkok után jelenjen meg — így pont ott találod meg a felhasználót, ahol dönteni készül.

Fontos viszont a mérték: a BCG 2022-es adatai szerint egy oldalon maximum 3–5 CTA javasolt, mert a túl sok gomb szétosztja a figyelmet és rontja a konverziót. A gomb körüli üres tér (white space) pedig a 7Blog 2020-as és a Ranktracker 2023-as megfigyelése szerint növeli az észlelhetőséget és a kattintási arányt, mert optikailag kiemeli a gombot.

A CTA szöveg optimalizálása: melyik copy konvertál jobban?

Ha egyetlen dologgal kezdenéd a konverzió optimalizálást, az legyen a szöveg. A Marketingpszichológia landing page-kísérletei szerint a javasolt optimalizálási sorrend: először copy, aztán elhelyezés, végül szín. Ennek oka egyszerű: a szöveg mondja meg a látogatónak, mi történik kattintás után.

A legjobban teljesítő CTA-szövegek a 7Blog szerint konkrét cselekvést és konkrét előnyt kommunikálnak egyszerre — vagyis „mit tegyek + mit kapok érte”. Emellett fontos a rövidség: az FFM 2021-es anyaga szerint a CTA gomb szövege ideális esetben maximum 2–4 rövid szóból áll, mert a hosszabb, nehezen átlátható szöveg rontja az átkattintást.

Magyar KKV-környezetben az EstarDesign 2022-es és az FFM 2021-es ajánlása alapján a következő szövegek teljesítenek jól, mert köznyelviek, bizalmiak és egyértelműek:

• „Ajánlatot kérek” — szolgáltatói oldalakon
• „Ingyenes konzultációt kérek” — tanácsadói, ügynökségi weboldalakon
• „Lefoglalom” — időpontfoglalásnál
• „Kosárba teszem” — webshopokban

Ha még feljebb akarod tornászni az eredményt, építs be pszichológiai elemeket. A Maximumbusiness 2022-es, a DaniellaVarga 2023-as és a Ranktracker 2023-as anyaga egyaránt kiemeli, hogy a sürgősség, a hiányérzet, a biztonság és a társadalmi bizonyíték a konverzió optimalizálás kulcselemei a CTA szövegezésében.

Első vagy második személy: „Kosárba teszem” vs. „Tedd a kosárba”?

Ez az egyik leggyakoribb kérdés. Az első személyű megfogalmazás („Kosárba teszem”, „Lefoglalom”) azért erős, mert a felhasználó úgy érzi, ő maga mondja ki a döntést — belebújik a cselekvésbe. A magyar CRO-gyakorlatban ezek a megfogalmazások jól teljesítenek. A helyes válasz azonban ugyanaz, mint mindig: tesztelj. A saját közönséged reakciója számít, nem egy általános szabály.

Melyik CTA szín konvertál jobban: zöld, narancssárga vagy piros?

Itt jön a nagy csalódás — és egyben a felszabadulás: nincs univerzális „legjobb CTA szín”. A KiszervezettMarketing 2020-as, az SRG 2023-as és az FFM 2021-es anyaga is egybehangzóan hangsúlyozza, hogy tesztelés nélkül nem lehet kijelölni a nyerő színt, mert az eredmény erősen kontextusfüggő.

Ettől függetlenül vannak jó kiindulópontok. A KiszervezettMarketing 2020-as gyakorlati megfigyelése szerint a zöld és narancssárga CTA gombok átlagosan a „leghatásosabbak” a magyar webdesign-gyakorlatban, de az eredmény kontextusfüggő. A 7Blog 2020-as anyaga hozzáteszi: a zöld és kék „megengedő” színek jól teljesítenek, de a narancssárga és piros is nyerő lehet a magas kontraszt miatt.

És pontosan itt van a lényeg: a kontraszt. Az SRG 2023-as és a Usebouncer 2023-as elemzése szerint a CTA gomb színe akkor konvertál jobban, ha erős kontrasztban áll a háttérrel és az oldal fő színpalettájával, de közben harmonizál a dizájnnal. Vagyis nem az abszolút szín számít, hanem az, mennyire ugrik ki a környezetéből.

Egy dolgot viszont biztosan kerülj: a szürkét. A Usernet 2021-es megfigyelése szerint a szürke, „inaktív” hatású CTA-k szisztematikusan gyengébb konverziót hoznak, mert a magyar felhasználók az ilyen gombot letiltott elemként érzékelik. Ha a márkaszíneid átgondolt, kontrasztos gombdizájnt igényelnek, érdemes profi kézbe adni a folyamatot — nézd meg például a webdesign portfóliómat inspirációért.

Szöveg vs. szín: összehasonlító táblázat

Hogy tisztán lásd, melyik elemre mennyi energiát érdemes fordítani, itt egy gyors összefoglaló:

Hogyan tesztelj CTA gombokat A/B teszttel 6 lépésben?

A konverzió optimalizálás nem tippelés, hanem mérés. Így állítsd fel az első CTA A/B tesztedet:

1. Válaszd ki az egyetlen tesztelendő elemet. Ne változtass egyszerre szöveget és színt is — akkor nem fogod tudni, melyik hozta az eredményt. Kezdd a szöveggel, ahogy a Marketingpszichológia javasolja.
2. Készíts két variánst. Például „Ingyenes konzultáció” vs. „Foglalj időpontot most” — pontosan az a szövegpár, amivel Török Balázs 2026-os anyaga szerint 10–15% kattintásnövekedés érhető el.
3. Határozd meg a mintaméretet. A Török Balázs 2026-os ajánlása szerint verziónként minimum 500–1000 látogató szükséges a megbízható méréshez. Alatta a szám csak zaj.
4. Futtasd elég sokáig. Török Balázs 2026-os anyaga a 2–4 hetes futtatást javasolja, hogy a hétköznapi és hétvégi forgalom is beleférjen.
5. Mérd a jó metrikát. Ne csak a kattintást (CTR), hanem a tényleges konverziót (vásárlás, ajánlatkérés) kövesd. Ehhez állítsd be a Google Analytics konverziós eseményeit. Ha nem vagy biztos a számításokban, a marketing kalkulátoraim (CTR, CPA, ROAS) segítenek értelmezni az adatokat.
6. Vezesd be a győztest, majd tesztelj tovább. A CRO folyamat: a nyertes verzió lesz az új alap, amit a következő körben újabb variánssal ütköztetsz. Utána jöhet a szín tesztelése.

Tipikus hibák, amiket kerülj el

• Túl korán állítod le a tesztet. 200 látogatóból nem lehet következtetést levonni — tartsd magad az 500–1000-es minimumhoz (Török Balázs, 2026).
• Egyszerre több dolgot változtatsz. Ha a szöveget és a színt is módosítod, elveszíted a mérés értékét.
• Túl sok CTA-t raksz egy oldalra. A BCG 2022-es adatai szerint a 3–5 gomb feletti mennyiség rontja a konverziót.
• Szürke gombot használsz. A Usernet 2021-es megfigyelése szerint ez inaktív elemnek tűnik, és szisztematikusan gyengébben teljesít.

Szakértői meglátás

„A legtöbb magyar vállalkozó a gomb színét cserélgeti hetekig, miközben a CTA szövege a valódi tétje. Egy szolgáltatói oldalon például az »Ajánlatot kérek« gyakran jobban konvertál, mint egy semmitmondó »Tovább« — és ez percek alatt beállítható. A Török Balázs 2026-os adatai szerint már önmagában a színvariánsok tesztelése is 10–15%-kal javíthatja a kattintást, de ehhez verziónként 500–1000 látogatóra van szükség. Ha ennél kevesebb forgalmad van, ne A/B tesztelj — inkább a bevált best practice-ekre (kontrasztos szín, rövid cselekvő szöveg, hajtás fölötti elhelyezés) építs, és fókuszálj a forgalomszerzésre.” — digitális marketing szakértő nézőpont

Gyakori kérdések (GYIK)

Összegzés: kezdd a szöveggel, mérd az eredményt

A CTA gombok optimalizálása a konverzió optimalizálás egyik leggyorsabban megtérülő lépése. A recept egyszerű: kezdd a szöveggel (2–4 szó, cselekvés + előny), használj kontrasztos, nem szürke színt, helyezd el a gombot legalább három pozícióban, és mindent támassz alá A/B teszttel legalább 500–1000 látogatóval verziónként. A többi már csak finomhangolás. Ha szeretnéd, hogy a te weboldaladon is adat alapon szülessenek meg a döntések, nézd meg a szolgáltatásaimat, vagy vedd fel velem a kapcsolatot — egyetlen jól megválasztott gomb is új ügyfeleket hozhat.

A szerzőről

Suhajda Tamás

Google Partner 6+ év tapasztalat Szeged

Digital marketing és webfejlesztés szakértő Szegedről. PPC · Webdesign · Automatizációk · Shopify — mérhető eredményekkel, tulajdonosi szemlélettel.

Bővebben rólam