CTA (Eylem Çağrısı) Nedir?
Kısa tanım
CTA (call to action, eylem çağrısı), ziyaretçiyi sayfanın hedeflediği bir sonraki adıma, örneğin teklif istemeye, kayıt olmaya, satın almaya ya da iletişime geçmeye yönlendiren buton, bağlantı veya kısa mesajdır. Etkili bir CTA ne olacağını açıkça söyleyen bir etiket, sayfadaki diğer öğelerden ayrışan bir görünüm ve kullanıcının karar anına denk gelen bir konum gerektirir. Başarısı tıklamayla değil, tamamlanan dönüşümle ölçülür.
Diğer adları: call to action, eylem çağrısı, harekete geçirici mesaj, CTA butonu
İyi bir CTA'nın üç bileşeni
Etiket: Butona tıklayınca ne olacağını söylemelidir. "Gönder", "Devam" ya da "Tıklayın" yerine "Teklif iste", "Ücretsiz denemeyi başlat", "Sepete ekle" gibi fiil ve sonuç içeren ifadeler kullanıcıya belirsizlik bırakmaz. Etiketin altına konan kısa bir not ("Kredi kartı gerekmez", "2 dakika sürer") tereddüt anındaki sorulara cevap verir.
Görsel ağırlık: Sayfanın birincil eylemi, renk, boyut ve çevresindeki boşlukla diğer her şeyden ayrışmalıdır. Aynı ekranda eşit ağırlıkta dört buton varsa ziyaretçi hangisinin önemli olduğunu sizin yerinize çözmek zorunda kalır. İkincil eylemler (örneğin "Fiyatları gör") daha sade bir stille sunulur.
Konum: CTA, kullanıcının karar verecek kadar bilgi edindiği yerde durmalıdır. Kısa ve tanıdık bir teklifte bu yer hero alanı olabilir; pahalı ya da karmaşık bir hizmette ise CTA'yı faydalar, süreç ve sık sorulan soruların ardından tekrar etmek gerekir.
Buton mu, bağlantı mı?
Görünüşleri aynı olabilir ama HTML'de anlamları farklıdır. Başka bir sayfaya ya da adrese götüren CTA bir bağlantıdır; sayfada bir işlem yapan CTA ise bir butondur. Doğru öğe seçildiğinde klavye ile kullanım, ekran okuyucu duyurusu ve tarayıcı davranışları kendiliğinden doğru çalışır.
<!-- Başka sayfaya götürür: bağlantı -->
<a href="/iletisim/">Teklif iste</a>
<!-- Sayfada bir işlem yapar: buton -->
<button type="submit">Bültene kaydol</button>
<!-- Kaçınılacak: tıklanabilir div -->
<div onclick="git()">Teklif iste</div>Dokunmatik ekranlarda hedef boyutu da önemlidir. WCAG 2.2'nin AA seviyesindeki 2.5.8 başarı kriteri, işaretçi hedeflerinin (bazı istisnalar dışında) en az 24×24 CSS pikseli olmasını ister; ana CTA'lar için bundan daha geniş bir alan pratikte daha rahattır. Ayrıntı için W3C'nin açıklamasına bakılabilir.
Ölçmek: tıklama yetmez
CTA tıklamalarını olay takibi ile kaydetmek ilk adımdır, ama asıl ölçüt, tıklamanın ardından tamamlanan dönüşümdür: gönderilen form, ödenen sipariş, başlatılan deneme. Çok tıklanan ama formu yarıda bıraktıran bir CTA, beklentiyi yanlış kuruyor olabilir. Etiket, renk veya konum değişikliklerinin etkisini tahmin etmek yerine A/B testi ile ölçmek daha güvenilirdir; ancak düşük trafikli sayfalarda anlamlı sonuç almak haftalar sürebilir.
Manipülatif CTA'lardan uzak durun
Reddetme seçeneğini "Hayır, tasarruf etmek istemiyorum" gibi utandırıcı bir dille yazmak, gerçek olmayan geri sayımlar koymak ya da iptal bağlantısını neredeyse görünmez yapmak kısa vadede tıklamayı artırabilir. Bunlar karanlık desen olarak bilinir; güveni zedeler, iade ve şikâyetleri artırır, bazı durumlarda tüketici mevzuatıyla da çatışır. İyi bir CTA, kullanıcıya ne olacağını dürüstçe söyleyip kararı kolaylaştıran CTA'dır.