Call to Action (CTA) Nedir? Dönüşüm Getiren CTA Butonu Örnekleri

Bir sayfanın bütün emeği, ziyaretçinin son saniyede verdiği küçük bir karara bağlıdır: tıklamak ya da çıkmak. O kararı yönlendiren öğeye CTA diyoruz. 2012'den beri kurumsal siteler, e-ticaret mağazaları ve Google Ads açılış sayfaları üzerinde çalışıyorum; iyi bir sayfanın bile zayıf bir CTA yüzünden sessizce para kaybettiğini defalarca gördüm. Bu yazıda CTA metnini, yerleşimini, mobil ölçülerini, örneklerini ve test yöntemini anlatıyorum.

CTA nedir?

CTA (Call to Action, eyleme çağrı), ziyaretçiye sayfada atacağı bir sonraki adımı açıkça söyleyen buton, bağlantı veya metindir. "Teklif alın", "Sepete ekle" ya da "Hemen arayın" gibi ifadeler CTA örnekleridir. İyi bir CTA ne yapılacağını, ne kazanılacağını ve adımın ne kadar kolay olduğunu tek bakışta anlatır.

Tanımı biraz açayım. CTA tek başına bir tasarım öğesi değildir; sayfanın geri kalanının vardığı sonuçtur. Başlık bir soruyu yanıtlar, metin itirazları giderir, sosyal kanıt güven verir ve CTA bütün bunları tek bir eyleme bağlar. Bu nedenle CTA'yı en son tasarlanan bir buton gibi görmüyorum. Aksine sayfayı planlarken ilk yazdığım şey odur, çünkü sayfanın geri kalanı o eyleme hizmet eder.

Ayrıca CTA her zaman buton biçiminde olmak zorunda değildir. Bir blog yazısının içindeki bağlantı, sabit bir telefon çubuğu ya da bir e-postadaki cümle de eyleme çağrıdır. Biçim değişir; ama işlev aynı kalır: ziyaretçinin belirsizliğini bitirip ona net bir yol göstermek.

CTA neden dönüşümün kilit noktasıdır?

Ziyaretçi sayfanıza bir niyetle gelir, ama o niyet kendiliğinden eyleme dönüşmez. Karar anında kafasında üç soru vardır: "Şimdi ne yapmalıyım?", "Bunu yaparsam ne olacak?" ve "Bu bana zahmet mi, risk mi getirecek?" CTA bu üç soruyu yanıtlamıyorsa ziyaretçi çoğu zaman erteler, ertelediği ziyaretçi de nadiren geri döner.

Sahada gördüğüm tablo şu: reklam bütçesi, SEO emeği ve tasarım masrafı sayfanın üst kısmına harcanıyor; oysa paranın geri döndüğü nokta alt kısımdaki o küçük butondur. Örneğin bir reklam kampanyasında tıklama maliyetini düşürmek için haftalarca çalışabilirsiniz. Ancak açılış sayfasındaki CTA belirsizse, ucuzlayan tıklamalar yine boşa gider.

Öte yandan CTA'yı abartmak da işe yaramaz. Kocaman, yanıp sönen bir buton dikkat çeker, ama güven vermez. Kısacası CTA'nın gücü bağırmasından değil, doğru anda doğru soruyu yanıtlamasından gelir. Bu yazıdaki bütün önerilerin arkasında bu ilke var. Dönüşüm hedefini henüz netleştirmediyseniz önce kurumsal web sitesinde dönüşüm hedefi belirleme rehberine bakmanızı öneririm.

CTA türleri nelerdir?

Her CTA aynı işi yapmaz. Sayfadaki rolüne göre farklı biçim ve ağırlık alır. Pratikte en sık kullandığım türler şunlar:

• Birincil CTA: sayfanın asıl eylemi, örneğin "Teklif alın" veya "Sepete ekle". Görsel ağırlığı en yüksek olan butondur.
• İkincil CTA: henüz karar vermemiş ziyaretçi için daha hafif bir adım, örneğin "Fiyatları inceleyin" veya "Örnek işleri görün".
• Metin içi CTA: paragraf içindeki bağlantı. Blog yazılarında okuru ilgili hizmet sayfasına taşır.
• Yapışkan CTA: mobilde ekranın altında sabit kalan arama veya WhatsApp çubuğu.
• Form gönder butonu: formun sonundaki son adım. Çoğu sitede en çok ihmal edilen CTA budur.
• Çıkış öncesi veya zamanlı CTA: açılır pencere ya da şerit. Dikkatli kullanılmazsa deneyimi bozar.

Bu türleri karıştırmamak önemli. Örneğin ikincil CTA'yı birincil kadar parlak yaparsanız ziyaretçi ikisi arasında kalır. Benzer biçimde form gönder butonuna "Gönder" yazıp geçmek, tüm sayfa boyunca kurduğunuz ikna zincirinin son halkasını zayıflatır. Yani her tür için ayrı bir karar vermelisiniz.

İyi bir CTA metni nasıl yazılır?

İyi bir CTA metni eylemi ve sonucu birlikte söyler. "Gönder" yalnızca eylemi anlatır; "Ücretsiz teklifimi al" ise eylemi, sonucu ve maliyeti tek satırda verir. Metni yazarken kendime üç soru soruyorum: ziyaretçi bu butona basınca tam olarak ne olacak, ne alacak ve bunun için ne vermesi gerekecek?

Pratik kurallarım şunlar:

1. Fiille başlayın: "Alın", "İndirin", "Arayın", "Planlayın". Fiil, ziyaretçiye ne yapacağını doğrudan söyler.
2. Sonucu ekleyin: "Randevu alın" yerine "Bu haftaya randevu alın" daha somut bir resim çizer.
3. Kısa tutun: çoğu durumda iki ile beş kelime yeterlidir. Uzun açıklamayı butonun altına mikro metin olarak yazın.
4. Ziyaretçinin dilini kullanın: sektör jargonunu değil, müşterinin arama çubuğuna yazdığı kelimeleri seçin.
5. Dürüst olun: "Ücretsiz" yazıyorsanız gerçekten ücretsiz olmalı; sonradan çıkan bir şart güveni hemen yıkar.

Birinci tekil şahıs meselesine de değineyim. "Teklifimi al" ile "Teklifinizi alın" arasındaki fark bazı sayfalarda anlamlı olabilir, bazılarında hiç fark etmez. Bu yüzden bunu genel bir kural olarak değil, test edilecek bir hipotez olarak görüyorum. Öncelik her zaman netliktir; üslup ince ayarı sonra gelir.

Zayıf ve güçlü CTA metinleri nasıl ayırt edilir?

En hızlı yöntem, butonu sayfadan koparıp tek başına okumaktır. Butonu çevresindeki metin olmadan okuduğunuzda ne olacağını anlıyorsanız metin güçlüdür. Anlamıyorsanız zayıftır. Aşağıdaki tabloda sahada en sık düzelttiğim örnekleri topladım.

Tablodaki güçlü örneklerin hepsinde ortak bir şey var: ziyaretçinin kafasındaki "sonra ne olacak?" sorusunu önceden yanıtlıyorlar. Ancak kopyalamadan önce bir uyarı yapayım. "24 saatte" ya da "kart gerekmez" gibi vaatleri yalnızca gerçekten sağlayabiliyorsanız yazın. Tutulmayan bir söz, zayıf bir butondan çok daha fazla zarar verir.

Sektöre göre CTA örnekleri nelerdir?

Aynı buton her sektörde aynı etkiyi yaratmaz. Ziyaretçinin riski ve karar süresi değiştikçe CTA'nın tonu da değişmelidir. Aşağıdaki örnekleri kendi projelerimde başlangıç noktası olarak kullanıyorum; birebir kopyalamak yerine kendi teklifinize uyarlamanızı öneririm.

• E-ticaret: "Sepete ekle", "Hemen satın al", "Bedenimi bul". Karar kısa olduğu için doğrudan fiil yeterlidir.
• B2B üretim: "Teknik şartnameyi gönderin, teklif hazırlayalım", "Numune talep edin". Karar uzun olduğu için ilk adımı küçültmek işe yarar.
• Sağlık ve klinik: "Muayene randevusu alın", "Hemen arayın". Burada telefon ve WhatsApp butonları çoğu zaman formdan daha çok iş görür.
• Hizmet ve danışmanlık: "30 dakikalık ön görüşme planlayın", "Sitemi değerlendirin".
• SaaS ve yazılım: "Ücretsiz deneyin", "Demo isteyin", "Fiyatları karşılaştırın".
• Yerel hizmet: "Yol tarifi alın", "Şimdi arayın", "Müsait saatleri görün".

Mobilde WhatsApp ile iletişim kuran işletmeler için hazır mesajlı bir bağlantı büyük kolaylık sağlar; bunu WhatsApp link oluşturucu ile birkaç saniyede hazırlayabilirsiniz. Böylece ziyaretçi ilk mesajı yazmak için düşünmek zorunda kalmaz.

Neden her sayfada tek bir birincil CTA olmalı?

Seçenek arttıkça karar zorlaşır. Bir sayfada "Teklif al", "Katalog indir", "Bültene kaydol" ve "Bizi takip et" butonları aynı ağırlıkta duruyorsa ziyaretçi hangisinin önemli olduğunu bilemez. Çoğu zaman da hiçbirini seçmez.

Bu nedenle her sayfa şablonu için tek bir birincil eylem seçiyorum. Ana sayfada bu "teklif al" olabilir; ürün sayfasında "sepete ekle", iletişim sayfasında "ara". Diğer eylemler kalabilir, ama görsel olarak geri planda durur: daha küçük, çerçeveli ya da metin bağlantısı biçiminde.

Tek birincil CTA, aynı butonun sayfada tek kez geçmesi anlamına gelmez. Uzun bir hizmet sayfasında aynı birincil eylemi üç dört farklı noktada tekrarlayabilirsiniz. Önemli olan, her tekrarda aynı eylemi göstermektir. Yani tekrar serbest, rekabet yasak.

Pratikte bir kontrol yapıyorum: sayfanın ekran görüntüsünü alıp gözlerimi kısıyorum. Bulanık görüntüde en belirgin kalan öğe birincil CTA değilse hiyerarşide sorun var demektir. Bu kaba test, uzun toplantılardan daha hızlı sonuç verir. Görsel hiyerarşinin genel mantığını dönüşüm odaklı web tasarım yazısında daha ayrıntılı anlattım.

CTA sayfanın neresine yerleştirilmeli?

Kısa yanıt: ziyaretçinin karar vermeye hazır olduğu her noktaya. Uzun yanıt ise sayfanın türüne ve teklifin karmaşıklığına bağlıdır. Basit ve ucuz bir ürün için ilk ekrandaki buton yeterli olabilir. Pahalı veya karmaşık bir hizmette ise ziyaretçi önce ikna olmak ister, bu yüzden asıl CTA'yı itirazları yanıtlayan bölümlerin arkasına da koymalısınız.

Benim genel yerleşim düzenim şöyle:

• İlk ekran: değer önerisinin hemen altında birincil CTA. Hazır gelen ziyaretçiyi bekletmeyin.
• Fayda ve süreç bölümlerinin sonu: "Tamam, anladım" anında aynı eylemi tekrar sunun.
• Fiyat veya paket bölümü: her paketin altında net bir seçim butonu.
• Referans ve yorumların hemen ardı: güven en yüksek olduğu anda eylemi hatırlatın.
• Sayfanın sonu: sayfayı bitiren ziyaretçiye son bir özet ve CTA.

İlk ekran konusunu ekipler çok tartışır. Bazı ekipler her şeyi ekranın üstüne sığdırmaya çalışır. Oysa ziyaretçi kaydırmaktan kaçınmaz; yeter ki kaydırmaya değecek bir sebep görsün. Dolayısıyla ilk ekranda CTA bulunmalı, ama sayfa orada bitmemeli. Ziyaretçiyi ikna edecek içeriği aşağıya koymaktan korkmayın.

Mobilde CTA butonu nasıl olmalı?

Mobilde CTA'nın ilk şartı rahatça dokunulabilir olmasıdır. Google'ın web.dev rehberi, doğru ayarlanmış bir mobil görünüm alanında dokunma hedefleri için yaklaşık 48 cihazdan bağımsız piksel önerir ve hedefler arasında yaklaşık 8 piksel boşluk bırakmayı tavsiye eder (web.dev, erişilebilir dokunma hedefleri). W3C'nin WCAG 2.2 standardındaki 2.5.8 başarı kriteri ise AA düzeyinde en az 24 x 24 CSS piksellik hedef boyutu ister (W3C, Target Size Minimum). Birincisi pratik öneri, ikincisi alt sınırdır; ben CTA butonlarında her zaman 48 pikseli hedefliyorum.

Boyutun dışında dikkat ettiğim noktalar:

• Başparmak bölgesi: sık kullanılan eylemi ekranın alt yarısına, kolay erişilen alana yakın tutun.
• Yapışkan çubuk: uzun sayfalarda altta sabit bir "Ara" veya "Teklif al" çubuğu işe yarar, ama içeriğin üstünü örtmemeli.
• Doğru bağlantı türü: telefon butonu için tel: bağlantısı kullanın ki tek dokunuşla arama başlasın.
• Tam genişlik: dar ekranda birincil butonu tam genişlikte göstermek çoğu zaman hedefi büyütür.

Mobil tasarımın genel ilkelerini mobil öncelikli tasarım yazısında ele aldım. Burada vurgulamak istediğim şu: masaüstünde güzel duran bir CTA, mobilde iki bağlantının arasına sıkışıp yanlış tıklamalara yol açabilir. Bu yüzden her CTA'yı gerçek bir telefonda, tek elle deneyin.

CTA butonunun rengi, boyutu ve kontrastı nasıl seçilmeli?

İnternette "en çok dönüşüm getiren buton rengi" üzerine sayısız iddia dolaşıyor. Benim deneyimim şu: tek bir sihirli renk yok. Önemli olan, butonun sayfanın geri kalanından ayrışmasıdır. Turuncu bir sitede turuncu buton kaybolur; gri bir sitede aynı turuncu parlar.

Kontrast konusunda ise tahmin yerine standart var. WCAG, normal boyuttaki metin için en az 4,5:1 kontrast oranı ister. Ayrıca buton kenarı gibi arayüz bileşenleri için en az 3:1 oranı öngörür. Yani buton üzerindeki yazı okunaklı olmalı, buton da arka plandan net biçimde ayrılmalıdır. Açık gri zemin üzerindeki beyaz yazılı açık mavi buton hem erişilebilirlik hem de dönüşüm açısından zayıftır.

Boyut ve biçim için pratik önerilerim:

1. Birincil butonu dolu (arka plan renkli), ikincil butonu çerçeveli veya metin bağlantısı olarak tasarlayın.
2. Buton metnini yeterince büyük tutun; mobilde küçük punto hem okunmaz hem de dokunma alanını daraltır.
3. Butonun çevresinde boşluk bırakın; kalabalık alanda en parlak buton bile kaybolur.
4. Butonun tıklanabilir olduğunu belli edin: köşe yuvarlaklığı, gölge veya üzerine gelince değişen ton gibi.

Kısacası rengi marka rehberinden değil, sayfanın bağlamından seçin. Tasarımı veriyle doğrulamak için de aşağıda anlattığım ölçüm ve test adımlarını izleyin.

CTA'nın çevresindeki mikro metinler ne işe yarar?

Mikro metin, butonun hemen altına veya yanına yazdığınız kısa cümledir. Görevi, son saniyedeki tereddüdü gidermektir. Ziyaretçi butona basmak üzereyken aklından geçen soruyu önceden yanıtlar.

Etkili bulduğum mikro metin örnekleri:

• "Yanıtı bir iş günü içinde e-posta ile gönderiyorum." (Süreyi ve kanalı netleştirir.)
• "Ön görüşme ücretsizdir ve bağlayıcı değildir." (Riski azaltır.)
• "Bilgileriniz yalnızca bu talep için kullanılacaktır." (Gizlilik kaygısını yanıtlar.)
• "İstediğiniz zaman iptal edebilirsiniz." (Bağlılık korkusunu azaltır.)

Bu cümlelerin hepsi gerçek olmalı. Örneğin "bir iş günü içinde" yazıp üç gün sonra dönerseniz, müşteri ilişkisini daha ilk adımda zedelemiş olursunuz. Ben kendi sitemde yalnızca kendi CRM'imde takip edebildiğim sözleri yazıyorum, çünkü tutulmayan bir mikro metin, hiç yazılmamış bir metinden daha kötüdür.

Mikro metin formlarda da önemlidir. Özellikle randevu, teklif ve demo formlarında gönder butonunun çevresi, formun geri kalanı kadar dikkat ister. Bu konuyu randevu, teklif ve demo formu tasarımı yazısında ayrıntılı işledim.

Blog yazılarında CTA nasıl kullanılmalı?

Blog okuru çoğu zaman satın almaya hazır değildir; bilgi arıyordur. Bu yüzden blog yazısının sonuna "Hemen satın al" butonu koymak genellikle işe yaramaz. Onun yerine okurun o anki niyetine uygun, bir adım ötesindeki eylemi önermek daha doğrudur.

Blog CTA'larında izlediğim yaklaşım şöyle:

1. Konuya bağlı metin içi bağlantı: yazı bir sorunu anlatıyorsa, o sorunu çözen hizmet sayfasına doğal bir cümleyle bağlantı verin.
2. Bir sonraki okuma: okuru ilgili bir yazıya taşıyarak sitede kalmasını sağlayın.
3. Yumuşak dönüşüm: kontrol listesi, şablon veya ücretsiz araç gibi düşük eşikli bir teklif sunun.
4. Yazının sonunda kişisel çağrı: yazarın ağzından, baskı kurmayan tek bir cümle.

Örneğin bu yazıyı okuyan biri CTA'sını iyileştirmek istiyorsa, ona doğrudan satış yapmak yerine sitesini birlikte gözden geçirmeyi öneririm. Böylece okur hazır olduğunda hangi kapıyı çalacağını bilir. Ayrıca blogdan gelen ziyaretçiyi daha sonra reklamla yeniden yakalamak mümkündür; bu kurguyu remarketing ile satış hunisini güçlendirme yazısında anlattım.

Reklam açılış sayfasında CTA reklamla nasıl eşleşmeli?

Reklam trafiğinde en sık gördüğüm kopukluk, reklamın bir şey vaat edip açılış sayfasının başka bir şey istemesidir. Örneğin reklam "Ücretsiz keşif" diyor, sayfa ise "Paketlerimizi inceleyin" butonu gösteriyor. Ziyaretçi aradığını bulamayınca geri döner, tıklama parası da boşa gider.

Bu nedenle reklam metni, açılış sayfası başlığı ve CTA arasında birebir tutarlılık kuruyorum. Reklamda hangi fiil ve teklif varsa, sayfanın ilk ekranında da o fiil ve teklif olmalı. Örneğin reklam "Aynı gün servis randevusu" diyorsa, ilk ekrandaki buton da "Aynı gün randevu alın" demeli.

Öte yandan her reklam grubu için ayrı sayfa yapmak her zaman şart değildir. Birbirine yakın anahtar kelime gruplarında tek bir sayfa, başlığı ve CTA'yı arama niyetine göre ayarlarsanız yeterli olabilir. Ancak niyet belirgin biçimde farklıysa ayrı sayfa daha tutarlı sonuç verir. Kampanya tarafındaki kurguyu Google Ads yönetimi hizmetinde sayfa tarafıyla birlikte ele alıyorum; çünkü iki taraf ayrı ayrı optimize edildiğinde sonuç çoğu zaman yarım kalıyor.

Son olarak kampanya linklerinizde UTM etiketlerini tutarlı kullanın. Böylece hangi reklamın hangi CTA tıklamasını getirdiğini raporda ayırt edersiniz. Bunun için UTM oluşturucu işinizi kolaylaştırır.

Aciliyet ve kıtlık ifadeleri ne zaman ters teper?

"Son 3 ürün", "Kampanya bu gece bitiyor" gibi ifadeler gerçekse karar vermeyi hızlandırabilir. Ancak gerçek değilse, üstelik ziyaretçi bunu fark ederse, markanıza verdiği zarar tek bir satıştan çok daha büyük olur. Her sayfa yenilendiğinde baştan başlayan bir geri sayım sayacı bunun en bilinen örneğidir.

Benim kuralım basit: yalnızca doğrulanabilir aciliyet kullanın. Stok gerçekten azsa stok sistemine bağlı bir uyarı gösterin. Kampanyanın gerçekten bir bitiş tarihi varsa o tarihi açıkça yazın. Kontenjanı sınırlı bir etkinlikte kalan yer sayısını gerçek zamanlı gösterin.

Ayrıca aciliyeti her sayfaya yaymayın. Sürekli "son fırsat" diyen bir site bir süre sonra inandırıcılığını kaybeder. Kurumsal hizmetlerde ise baskı dili çoğu zaman tam tersi etki yaratır; karar verici acele ettirildiğini hissedince geri çekilir. Bu durumda "Takviminizde uygun bir gün seçin" gibi rahatlatıcı bir dil daha iyi sonuç verir. Kısacası aciliyet bir araçtır, ama güvenle ödeşmeye değmez.

CTA tıklamaları GA4'te nasıl ölçülür?

Ölçmediğiniz bir CTA'yı iyileştiremezsiniz. Google Analytics 4'ün gelişmiş ölçüm özelliği bazı etkileşimleri kod yazmadan toplar: siteden çıkan bağlantı tıklamaları için click, form etkileşimleri için form_start ve form_submit, dosya indirmeleri için file_download etkinliği bunlardan bazılarıdır. Google'ın belgesine göre form_submit etkinliği gönder butonunun metnini de parametre olarak kaydeder (GA4 gelişmiş ölçüm belgesi).

Ancak site içi CTA butonlarının tıklamaları, örneğin "Teklif al" butonunun sizi iletişim sayfasına götürmesi, otomatik olarak ayrı bir etkinlik olarak gelmez. Bunun için Google Etiket Yöneticisi ile özel bir etkinlik kurmanızı öneririm. Benim kurduğum düzen şöyle:

1. Her önemli CTA'ya ayırt edici bir kimlik veya veri özniteliği verin.
2. Etiket Yöneticisi'nde bu öğeye yapılan tıklamaları yakalayan bir tetikleyici oluşturun.
3. GA4'e cta_click gibi bir etkinlik gönderin; butonun konumunu ve metnini parametre olarak ekleyin.
4. Gerçek iş sonucunu (form gönderimi, arama, satış) ayrıca anahtar etkinlik olarak işaretleyin.

Burada önemli bir ayrım var: CTA tıklaması bir ara sinyaldir, iş sonucu değildir. Tıklamayı artırıp gönderilen formu düşüren bir değişiklik kazanç değil kayıptır. Bu yüzden raporda ikisini birlikte izliyorum. Huni mantığını dönüşüm hunisi yazısında anlattım.

CTA A/B testi nasıl yapılır?

A/B testi, CTA'nın iki sürümünü aynı dönemde farklı ziyaretçilere gösterip sonucu karşılaştırmaktır. Google'ın ücretsiz test aracı Google Optimize 30 Eylül 2023'te kapandı; bu yüzden bugün ya üçüncü taraf bir test aracı, ya da kendi sunucu tarafı çözümünüz gerekir. Araç ne olursa olsun, yöntem aynıdır.

İzlediğim adımlar:

1. Tek bir hipotez yazın: "Buton metnini sonuç odaklı yaparsak form gönderimi artar, çünkü ziyaretçi ne alacağını bilir."
2. Tek bir değişkeni değiştirin. Metin, renk ve konumu aynı anda değiştirirseniz hangisinin işe yaradığını bilemezsiniz.
3. Ana metriği önceden seçin: tıklama değil, gönderilen form veya satış.
4. Testi en az bir iki tam hafta çalıştırın ki hafta içi ve hafta sonu davranışı dengeye otursun.
5. Test bitmeden sonuca bakıp karar vermeyin; erken kazanan çoğu zaman şanstır.

Düşük trafikli sitelerde durum farklıdır. Ayda birkaç yüz ziyaret alan bir sayfada buton rengi testi anlamlı sonuca ulaşamayabilir. Bu durumda küçük ayrıntılar yerine büyük farkları test etmenizi öneririm: tamamen farklı bir teklif, farklı bir sayfa kurgusu ya da formsuz doğrudan arama butonu. Ayrıca oturum kayıtları ve müşteri görüşmeleri düşük trafikte daha hızlı içgörü verir.

En sık yapılan CTA hataları nelerdir?

Denetlediğim sitelerde aynı hatalar tekrar tekrar karşıma çıkıyor. Bunları bir liste halinde vereyim, çünkü çoğu birkaç saatte düzelir:

• Belirsiz metin: "Gönder", "Tıklayın", "Devam". Ziyaretçi butonun ne yapacağını tahmin etmek zorunda kalır.
• Yarışan butonlar: aynı ağırlıkta üç dört farklı eylem.
• Görünmez buton: arka planla aynı tonda, düşük kontrastlı ya da bir görselin içine gömülü.
• Küçük dokunma alanı: mobilde parmakla basılamayan, yanlış bağlantıya kayan butonlar.
• Kırık hedef: butonun götürdüğü sayfa hata veriyor ya da form çalışmıyor. Bunu düzenli kontrol etmeyen çok sayıda site gördüm.
• Uyumsuz vaat: reklam bir şey, buton başka bir şey söylüyor.
• Sahte aciliyet: gerçeğe dayanmayan geri sayım ve stok uyarıları.
• Ölçümsüz CTA: tıklama da sonuç da takip edilmiyor, karar tahmine kalıyor.

Bu listedeki "kırık hedef" maddesini özellikle vurgulamak istiyorum. Güzel bir CTA'nın sizi hatalı bir sayfaya götürmesi, hiç CTA olmamasından daha kötüdür. Bu nedenle her site güncellemesinden sonra birincil CTA'ları elle deniyorum.

CTA ile UX ve SEO arasında nasıl denge kurulur?

CTA'yı güçlendirmek isterken sayfanın içeriğini feda etmek sık yapılan bir hatadır. Bazı ekipler dönüşüm uğruna hizmet sayfasını üç paragrafa indirir ve her ekrana bir buton koyar. Kısa vadede dönüşüm oranı yükselebilir, ama arama niyetine yanıt veren içerik kaybolduğu için organik trafik düşer. Sonuçta toplam dönüşüm sayısı geriler.

Benim yaklaşımım şöyle: içerik ziyaretçinin sorusunu yanıtlar, CTA ise yanıtın doğal devamı olarak gelir. Buton içeriği kesmez; içeriğin vardığı sonucu eyleme çevirir. Ayrıca ilk ekranı kaplayan ve içeriğe erişimi engelleyen açılır pencerelerden kaçınıyorum. Bu tür pencereler hem kullanıcıyı rahatsız eder hem de mobil deneyimi bozar.

Tasarım kararlarında UX ve SEO arasındaki genel dengeyi UX ve SEO dengesi yazısında daha ayrıntılı anlattım. Burada kısaca şunu söyleyebilirim: iyi bir CTA içeriğin rakibi değil, onun son cümlesidir.

CTA kontrol listesi: yayına almadan önce nelere bakmalısınız?

Yeni bir sayfayı yayına almadan veya mevcut bir sayfayı düzenlemeden önce aşağıdaki listeyi kullanıyorum. Her maddeye "evet" diyemiyorsanız o maddeyi düzeltmeden yayına almayın:

1. Sayfanın tek bir birincil eylemi var mı ve en belirgin öğe o mu?
2. Buton metni fiille başlıyor ve sonucu söylüyor mu?
3. Butonu tek başına okuyan biri ne olacağını anlıyor mu?
4. Mobilde dokunma alanı yeterli mi, çevresinde boşluk var mı?
5. Yazı ve buton kontrastı standartları karşılıyor mu?
6. Butonun altında tereddüdü gideren dürüst bir mikro metin var mı?
7. Reklam vaadi ile buton vaadi birebir örtüşüyor mu?
8. Butonun götürdüğü sayfa veya form sorunsuz çalışıyor mu?
9. Tıklamayı ve iş sonucunu ayrı ayrı ölçüyor musunuz?
10. Bir sonraki test için yazılı bir hipotez hazır mı?

Bu liste uzun görünebilir, ama çoğu madde ilk kurulumdan sonra rutine dönüşür. Ayrıca her maddeyi bir kez oturttuğunuzda ekibin tamamı aynı dili konuşmaya başlar.

CTA iyileştirmesine nereden başlamalısınız?

Her şeyi aynı anda değiştirmeye çalışmayın. En çok trafik alan ve para kazandıran üç sayfayı seçin: genellikle ana sayfa, en çok satan hizmet veya ürün sayfası ve reklam açılış sayfası. Bu sayfalarda önce ölçümü kurun, ardından metni ve hiyerarşiyi düzeltin, en son teste geçin.

Deneyimime göre ilk iyileştirme turu çoğu zaman en büyük farkı yaratır, çünkü belirsiz metinler, yarışan butonlar ve kırık hedefler gibi temel sorunlar ilk turda çözülür. Sonraki turlar daha ince ayardır ve sabır ister. Bu, saha tecrübesine dayalı bir gözlemdir, garanti değildir; sonuç sektörünüze, teklifinize ve trafiğinizin niteliğine göre değişir.

Sitenizin CTA'larını ve dönüşüm kurgusunu birlikte gözden geçirmek isterseniz web tasarım hizmetimde bu çalışmayı sayfa sayfa yapıyorum. Aracısız çalıştığım için değerlendirmeyi doğrudan ben yapıyorum. Sorularınız için iletişim sayfasından bana yazabilirsiniz.