CTA (Call to Action) Nedir? Harekete Geçirici Mesaj Örnekleri ve Yerleşim İlkeleri

CTA (call to action), Türkçesiyle harekete geçirici mesaj, ziyaretçiye sayfada atacağı bir sonraki adımı açıkça söyleyen buton, bağlantı ya da kısa metindir. "Teklif alın", "Görüşme ayarlayın" ya da "Kataloğu indirin" tipik örneklerdir; iyi bir CTA ne yapılacağını ve karşılığında ne alınacağını belirsizlik bırakmadan anlatır. CTA nedir, nasıl yazılır ve sayfada nereye konur sorularını aşağıda örneklerle ele alıyoruz.

CTA ne demek?

CTA, İngilizce "call to action" ifadesinin kısaltmasıdır ve kelime anlamıyla "eyleme çağrı" demektir. Pazarlamada okuru ya da ziyaretçiyi belirli bir eyleme yönlendiren her mesaj için kullanılır: web sitesindeki bir buton, e-postanın sonundaki bağlantı, reklamdaki "Hemen arayın" ifadesi ya da broşürdeki karekodun yanındaki yönlendirme. Web sitelerinde en sık görülen biçimi CTA butonudur.

Türkçede CTA için "harekete geçirici mesaj" ve "eylem çağrısı" karşılıkları kullanılır; ajans ve yazılım ekipleri arasında ise kısaltma yaygındır. Hangi adla anılırsa anılsın ölçüt aynıdır: ziyaretçi mesajı okuduktan sonra ne yapacağını ve bunun kendisine ne kazandıracağını biliyor mu?

CTA'nın işi, ziyaretçinin ilgisini somut bir adıma çevirmektir. Bir sayfa ne kadar iyi anlatırsa anlatsın, sonunda ne yapılacağı belli değilse ziyaretçi çoğu zaman sayfayı kapatır. Bu adım bir form doldurmak, telefon etmek ya da bir dosya indirmek olabilir; B2B tarafında çoğunlukla satış ekibinin takip edeceği bir potansiyel müşteri kaydı (lead) oluşturur.

Birincil ve ikincil CTA

B2B sitelerde her ziyaretçi aynı noktada değildir. Satın almaya hazır olan kişi teklif ister, hâlâ araştıran kişi ise önce örnek işlere ya da bir rehbere bakmak ister. Bu yüzden sayfada genellikle bir birincil CTA (örneğin "Teklif alın") ve daha geri planda duran bir ikincil CTA (örneğin "Örnek projeleri inceleyin") bulunur. Birincil CTA görsel olarak öne çıkar; ikincil CTA daha sade bir bağlantı ya da çerçeveli buton olarak durur.

İyi bir CTA'nın özellikleri

  • Somut bir eylem söyler: "Gönder", "Tıklayın" ya da "Bilgi al" gibi genel ifadeler yerine "Teklif isteyin", "Fiyat listesini indirin" gibi ne yapılacağını anlatan bir ifade kullanır.
  • Sonucu söyler: Butona basan kişi ne olacağını bilmelidir: bir form mu açılacak, dosya mı inecek, biri mi arayacak?
  • Bağlamla uyumludur: Butonun hemen üstündeki metin, bu adımın ziyaretçiye ne kazandıracağını anlatır.
  • Görsel olarak ayrışır: Renk, boyut ve çevresindeki boşluk butonu sayfanın geri kalanından ayırır; ama sayfadaki her öğe buton gibi görünmez.
  • Erişilebilirdir: Metin ile zemin arasındaki kontrast yeterlidir, buton telefonda parmakla rahat basılabilecek boyuttadır ve ekran okuyucular için anlamlı bir metin taşır. Ölçütler için WCAG yönergelerine bakabilirsiniz.
  • Çekinceyi azaltır: Butonun altındaki kısa bir not (dönüş süresi ya da formun kaç adımdan oluştuğu gibi) ziyaretçinin tereddüdünü giderebilir; bu notun gerçeği yansıtması şarttır.

CTA örnekleri

HedefZayıf ifadeDaha net ifade
Teklif talebiGönderProjeniz için teklif alın
ToplantıBilgi alTanışma görüşmesi ayarlayın
Doküman indirmeTıklayınÜrün kataloğunu indirin
TelefonBize ulaşınSatış ekibini arayın
Bülten kaydıAbone olSektör notlarını e-postayla alın
Demo talebiKeşfetCanlı demo isteyin
Güven oluşturmaDaha fazlaTamamlanan projeleri inceleyin

Tablodaki ifadeleri de her sayfaya aynen taşımayın. CTA'nın dili, sayfanın ve ziyaretçinin durumuna göre ayarlanır: fiyat sayfasındaki ziyaretçiye "Teklif alın" doğal gelir, bir blog yazısının okuruna ise ilk adımda "Kontrol listesini indirin" daha uygun olabilir.

Örnekleri değerlendirirken buton metnini tek başına değil, çevresiyle birlikte okuyun. "Teklif alın" butonunun üstünde hangi bilgilerin isteneceği ve ne zaman dönüş yapılacağı yazıyorsa ziyaretçi butona daha az tereddütle basar. Aynı buton, hizmetin ne olduğunu anlatmayan bir sayfada ise boşlukta kalır.

CTA yazarken sık yapılan hatalar

  • Erken istek: Ziyaretçi henüz ne sunduğunuzu anlamadan, sayfanın ilk satırlarında uzun bir form doldurmasını istemek.
  • Birbiriyle yarışan butonlar: Aynı görünümde dört beş farklı CTA'nın yan yana durması.
  • Tutulmayan söz: "Fiyatları görün" diyen butonun arkasından fiyat yerine iletişim formunun çıkması.
  • Mobili unutmak: Masaüstünde görünen butonun telefonda katlanmış bir menünün içinde kalması.
  • Ölçümsüz yayın: CTA'nın götürdüğü form gönderimini izlemeden sayfayı yayına almak.

Landing page'de CTA yerleşimi

Açılış sayfası (landing page), tek bir hedefe odaklanan sayfadır ve CTA bu hedefin kendisidir. Temel kavramları landing page nedir yazısında anlattık; yerleşimde şu ilkeler işe yarar:

  1. İlk ekranda bir CTA bulunsun. Ziyaretçi sayfayı kaydırmadan ne sunduğunuzu ve ne yapması gerektiğini görebilmelidir.
  2. Uzun sayfada CTA tekrar etsin. İkna edici her bölümün sonunda aynı birincil CTA'yı yeniden gösterin; ziyaretçiyi sayfanın başına dönmek zorunda bırakmayın.
  3. Tek hedef, tek birincil CTA. Aynı sayfada teklif, bülten ve iş başvurusunu eşit ağırlıkta sunmak kararı zorlaştırır.
  4. Form CTA'nın hemen arkasında olsun. Butona basan kişi aradığı formu başka bir sayfada bulmaya çalışmamalıdır; form kısa ve yalnız gerekli alanlarla kurulmalıdır.
  5. Mobilde erişim kolay olsun. Uzun sayfalarda ekranın altına sabitlenen bir arama ya da teklif butonu, telefondaki ziyaretçinin işini kolaylaştırır.

Hizmet sayfalarında ve blog yazılarında CTA

Hizmet sayfasının ziyaretçisi çoğunlukla bir tedarikçi arıyordur; bu sayfada teklif ya da görüşme isteyen birincil CTA doğaldır. Blog yazısının okuru ise genellikle bir soruya cevap arar ve henüz satın almaya hazır değildir. Yazının sonunda ilgili hizmet sayfasına ya da okurun bir sonraki sorusunu cevaplayan başka bir yazıya yönlendiren sade bir CTA, doğrudan teklif istemekten daha doğal durur. Yazı içindeki bağlantı ve kutular da okumayı bölmeyecek sıklıkta kullanılmalıdır.

CTA nasıl test edilir?

CTA'nın işe yarayıp yaramadığını tahminle değil ölçümle anlarsınız. İlk adım, butona tıklanmayı değil asıl sonucu, yani gönderilen formu, yapılan aramayı ya da indirilen dosyayı ölçmektir. Tıklama çok ama form azsa sorun büyük olasılıkla CTA'da değil, formda ya da formun beklentiyi karşılamamasındadır.

ÖlçümNe söyler
Buton tıklamasıCTA'nın dikkat çekip çekmediğini
Form gönderimiSözün ve formun ikna edip etmediğini
Nitelikli talepGelen kişilerin gerçekten hedef müşteri olup olmadığını

Bu üç ölçüm birlikte okunduğunda sorunun yeri görünür: tıklama düşükse mesaj ya da konum, form düşükse formun kendisi, nitelik düşükse sayfanın vaadi gözden geçirilmelidir.

A/B testinde sayfanın iki sürümü aynı dönemde farklı ziyaretçilere gösterilir ve sonuçlar karşılaştırılır. Test edilen değişkeni tek tutun: buton metni, konumu ya da çevresindeki açıklama. Az trafikli sayfalarda anlamlı sonuç almak uzun sürer; bu durumda birkaç kullanıcıyla kısa görüşmeler yapmak ya da kişisel veri mevzuatına uygun kurulmuş oturum kayıtlarını izlemek daha çok şey öğretir.

Granobra'da CTA'yı nasıl kurguluyoruz

Landing page projelerinde CTA'yı tasarımın sonunda eklenen bir buton olarak değil, sayfanın hedefinden başlayarak kurguluyoruz: ziyaretçinin kim olduğu, sayfaya nereden geldiği ve hangi adımı atmaya hazır olduğu. Buton metnini, formu ve ölçümü birlikte ele alıyoruz. Ayrıntılar için landing page tasarımı sayfamıza göz atabilirsiniz.

Sık sorulan sorular

Bir sayfada kaç CTA olmalı?

Sabit bir sayı yoktur; önemli olan tek bir birincil hedefin olmasıdır. Uzun bir sayfada aynı birincil CTA birkaç kez tekrar edebilir, yanında daha sade bir ikincil CTA bulunabilir. Farklı hedeflere götüren çok sayıda eşit ağırlıklı buton ise ziyaretçinin kararını zorlaştırır.

CTA butonunun rengi önemli mi?

Rengin kendisinden çok, sayfadaki diğer öğelerle kurduğu kontrast önemlidir. Butonun göze çarpması, metnin rahat okunması ve marka renkleriyle uyumu birlikte düşünülmelidir. Tek başına renk değişikliği belirsiz bir buton metnini düzeltmez.

CTA yalnız buton mu olur?

Hayır. Metin içindeki bir bağlantı, tıklanabilir bir telefon numarası, bir mesajlaşma bağlantısı ya da bir formun başlığı da CTA işlevi görür. Web sitelerinde buton en yaygın biçimdir, çünkü sayfada kolay fark edilir ve tıklanabilir olduğu hemen anlaşılır.

CTA ile form arasındaki ilişki nedir?

CTA bir söz verir, form o sözü yerine getirir. "Kısa bir form" diyen butonun arkasında uzun ve ayrıntılı bir form çıkarsa ziyaretçi yarıda bırakır. CTA metni ile formun uzunluğu ve istenen bilgiler birbirini tutmalıdır.

CTA, sayfanızın ziyaretçiden istediği adımı söyler; net olduğunda ziyaretçi ne yapacağını bilir. Mevcut sayfalarınızdaki CTA'ları ya da yeni bir kampanya sayfasını birlikte değerlendirmek isterseniz teklif alın; projenizi konuşalım.

Diğer Yazılar

Web tasarım, yazılım, marka kimliği ve dijital pazarlama üzerine diğer yazılarımızı inceleyin. Farklı yaklaşımları ve proje planlarken dikkate alınabilecek noktaları keşfedin.

Projenizin kapsamını birlikte netleştirelim.

Web, yazılım veya tasarım ihtiyacınızı ve hedeflediğiniz takvimi paylaşın. Projenize uygun hizmet kapsamı ve çalışma planı üzerinden ilerleyelim.

Projenizi Konuşalım