Mobil B2B Kişiselleştirme: Alıcılara Her Cihazda Ulaşmak

Mobil B2B kişiselleştirmesi genellikle sonradan akla gelir. Kişiselleştirme kuralları masaüstü tarayıcıda tasarlanır, 27 inçlik bir monitörde incelenir ve kimse varyantı telefonda açmadan onaylanır. Sonra bir alıcı LinkedIn mesajındaki bir bağlantıya dokunur, kişiselleştirilmiş blok geç yüklendiği için varsayılan hero'yu görür ve iki kelime genişliğindeki bir sütuna sıkıştırılmış bir vaka çalışması kartını kaydırıp geçer.

Bunun ne kadar önemli olduğu trafiğinize bağlıdır ve daha fazla okumadan önce bunu kontrol etmelisiniz. Bu yazı; mobil fırsatın büyüklüğünü kendi verilerinizden nasıl ölçeceğinizi, küçük bir ekran için kişiselleştirdiğinizde nelerin değiştiğini, telefonda işe yarayan CTA ve form kalıplarını, varyantları gerçek cihazlarda nasıl test edeceğinizi ve mobil ziyaretlerin en yüksek niyeti taşıdığı durumları ele alıyor.

Kendi Cihaz Dağılımınızla Başlayın

"Mobilden gelen B2B trafiğinin payı" için yayımlanan rakamlar büyük farklılık gösterir ve birbirinden çok farklı siteleri karıştırır, bu yüzden planlama için pek işe yaramaz. Analitik aracınız bu soruyu kendi işletmeniz için birkaç dakikada yanıtlar:

1. GA4'te Raporlar → Teknoloji → Teknoloji ayrıntıları bölümünü açın ve boyutu Cihaz kategorisi olarak değiştirin. Son 90 günü kullanın.
2. Gerçekten kişiselleştirdiğiniz trafik için bir karşılaştırma ekleyin (örneğin tespit edilen hedef hesaplardan oluşan bir segment veya ücretli ve e-posta kampanyalarından gelen oturumlar).
3. Mobil ve masaüstü için oturumların payını ve önemli etkinliklerin (demo talepleri, iletişim formları) payını not edin.
4. En yüksek trafikli üç açılış sayfanız için tekrarlayın. E-posta ve sosyal medyadan tıklama alan bir sayfada mobil pay, ana sayfadakinden çoğu zaman çok farklıdır.

Üzerinde harekete geçmeye değer iki kalıp vardır. Mobil, oturumların büyük bir payını ancak dönüşümlerin küçük bir payını oluşturuyorsa, mobil deneyim muhtemelen insanları kaybediyordur. Mobil genel olarak küçük ancak belirli kampanya sayfalarında büyükse, önce o sayfaları mobil için kişiselleştirin, gerisini olduğu gibi bırakın.

Dönüşüm açığı konusunda dikkatli olun. Bir kısmı düzeltilmesi gereken bir sorun değildir: Pek çok alıcı telefonda okur ve daha sonra dizüstü bilgisayarda dönüşür. Mobil sayfayı suçlamadan önce cihazlar arası tabloya bakın (aşağıdaki metrikler bölümüne bakın).

Küçük Ekranda Neler Değişir

Ekranın üst kısmında dört değil, tek bir kişiselleştirilmiş öğe

Masaüstündeki bir hero alanı; kişiselleştirilmiş bir başlığı, ziyaretçinin sektöründen bir logo şeridini, bir müşteri yorumunu ve bir CTA'yı yan yana taşıyabilir. 375 piksel genişliğindeki bir telefonda ilk ekrana başlık, bir iki satırlık alt metin ve belki bir düğme sığar. "Bu sizin için" sinyalini hangi tek öğenin vereceğine karar verin ve onun kaydırmadan görünür olduğundan emin olun. Çoğu B2B kurulumunda bu öğe başlıktır, çünkü değiştirmesi en ucuz ve ilk okunan öğedir.

Oluşturma hızı, varyantın görülüp görülmeyeceğini belirler

İstemci taraflı kişiselleştirme genellikle şöyle çalışır: varsayılan sayfa görüntülenir, bir komut dosyası kişiselleştirme hizmetine ziyaretçinin kim olduğunu sorar, ardından içeriği değiştirir. Daha yavaş bir mobil bağlantıda bu adımlar arasındaki boşluk daha uzundur; bu yüzden ziyaretçi ya varyanttan önce varsayılanın yanıp söndüğünü (titreme) ya da beklerken boş bir blok görür. İkisi de işe yaramaz.

Kendi sayfanızı kontrol etmek için kişiselleştirilmiş sayfayı Chrome DevTools'ta açın, ağ kısıtlamasını daha yavaş ön ayarlardan birine (örneğin Slow 4G) ve CPU kısıtlamasını 4x'e ayarlayın ve bir performans profili kaydedin. Varyant başlığının varsayılana göre ne zaman göründüğüne bakın. Ardından aynı URL'yi PageSpeed Insights'ta çalıştırın ve kişiselleştirilmiş ile varsayılan sürümlerin Largest Contentful Paint değerlerini karşılaştırın. Varyant LCP'yi belirgin şekilde geciktiriyorsa kararı daha erkene taşıyın: sunucu tarafına, uca (edge) ya da en azından hazır olana kadar yalnızca değiştirilen bloğu (sayfanın tamamını değil) gizleyin.

Üzerine gelme (hover) yok

Araç ipuçları, üzerine gelince açılan paneller ve fareyle üzerine gelindiğinde görünen vaka çalışması önizlemeleri dokunmatik ekranda hiçbir işe yaramaz. Üzerine gelmeye (hover) dayanan her kişiselleştirilmiş bileşenin dokunarak çalışan bir karşılığı olmalı. Dokunma hedefleri için WCAG 2.2'nin gelişmiş kriteri en az 44 x 44 CSS piksel ister; bu AAA düzeyinde bir kriterdir ama birincil düğmeler için makul bir alt sınırdır.

Kısa oturumlar ve başka bir cihazdaki aynı alıcı

Mobil ziyaretler çoğu zaman kısadır ve daha sonra bir dizüstü bilgisayarda sürdürülür. Telefonda ayarlanan bir çerez dizüstü bilgisayarda bulunmaz; bu yüzden çereze dayalı segmentler kişiyi takip etmez. Şirket düzeyinde tanımlama (ziyaretçinin bağlı olduğu ağ üzerinde ters IP ya da veri zenginleştirme) ve takip edilen bağlantılara tıklayan, CRM'de bilinen kişiler, cihazlar arasında taşınma eğiliminde olan sinyallerdir. Kişiselleştirme kurallarını, ziyaretçi her cihazda yalnızca tek bir oturum görse bile anlamlı kalacak şekilde planlayın.

Kişiselleştirilmiş Bloklar için Düzen Kalıpları

Tasarımcı kişiselleştirilmiş blokları alt alta dizmeden önce bunlar için bir mobil öncelik sırası belirleyin. Yaygın bir sıra şöyledir: başlık, ardından CTA, ardından kanıt (logo veya benzer bir şirketten tek satırlık alıntı), ardından vaka çalışması kartı gibi destekleyici içerik. Masaüstü sütunları daraldığında bloklar, ızgaranın rastgele ürettiği sırada değil, bu sırada görünür.

Geçerliliğini koruyan diğer kalıplar:

• Gizlemeyin, kısaltın. Masaüstündeki bir vaka çalışması kartında başlık, iki cümlelik özet ve bir sonuç olabilir. Mobilde başlığı ve sonucu gösterin, özeti bir dokunuşun arkasına koyun. Kişiselleştirilmiş sinyal (sektör adı, müşteri logosu) görünür kalır.
• Kanıt için kısa yatay carousel'ler. Birden fazla referansı kişiselleştiriyorsanız, kaydırılabilir bir satır onları alt alta dizmekten daha az dikey alan kaplar. Birkaç öğeyle sınırlı tutun ve kullanıcının kendi kaydırmalarıyla çakışacağı dokunmatik cihazlarda otomatik geçişi kapatın.
• Varyant metnini kaynağında kısa tutun. Masaüstünde iki satıra sığan bir başlık telefonda beş satıra taşabilir. Her segmentin varyantını bir karakter sınırıyla yazın ve yayımlamadan önce 375 pikselde önizleyin.

Mobilde CTA'lar ve Formlar

Ürününüzün bir eşlikçi uygulaması varsa, mobil ziyaretçilere bir demo formu yerine yükleme CTA'sı daha iyi hizmet edebilir. Uygulama açılış sayfası örneklerimiz, ekiplerin web dönüşümünü kaybetmeden mağaza rozetlerini ve akıllı uygulama banner'larını nasıl kullandığını gösteriyor.

Segmente göre kişiselleştirilmiş sabit CTA

Ana CTA, telefonda hızla görüş alanından çıkar. Altta ince, sabit bir çubuk onu erişilebilir tutar. Etiketi kişiselleştirmek için kolay bir yerdir, örneğin:

• Tanımlanan kurumsal hesaplar: "Kurumsal ekiple görüşün"
• Küçük şirketler: "Planları ve fiyatları görün"
• Fiyatlandırmayı görüntülemiş geri dönen ziyaretçiler: "Bir demo saati seçin"

Çubuğu içeriği kapatmayacak kadar küçük tutun ve çerez banner'ının veya bir sohbet widget'ının üzerine binmediğinden emin olun. CTA metnini segmentlere uydurma hakkında daha fazlası için veriye dayalı kişiselleştirilmiş CTA'lar yazımıza göz atın.

Daha kısa formlar ve doldurulacak daha az alan

Telefonda yazı yazmak yavaştır, bu yüzden her alan masaüstüne göre daha maliyetlidir. Lead toplama formu rehberimiz yalnızca başka yerden öğrenemeyeceğiniz bilgileri sormayı savunuyor; mobilde bu argüman daha da güçlüdür.

• Açılır menüler yerine zenginleştirme kullanın. Şirket tanımlanmışsa şirket adını, büyüklüğünü ve sektörünü önceden doldurun ya da bu alanları kaldırın. Ziyaretçiden her şeyi onaylamasını istemek yerine önceden doldurulmuş şirketi bir "düzenle" bağlantısıyla gösterin.
• Doğru giriş türlerini ayarlayın. type="email" ve type="tel" uygun klavyeleri açar; autocomplete özniteliği (email, name, organization) ise telefonun kayıtlı bilgileri doldurmasını sağlar.
• İkincil soruları sonraya taşıyın. Telefon numarasını veya proje ayrıntılarını, ana dönüşüm kaydedildikten sonra teşekkür sayfasında veya randevu aracında sorun.

Etkiyi kendi trafiğiniz üzerinde ölçün. Mobil oturumlar için önceki ve sonraki form başlatma ve tamamlama oranlarını karşılaştırın ve lead kalitesinin değişip değişmediğini kontrol edin; A/B testi örneklem büyüklüğü rehberimizdeki örneklem büyüklüğü kontrolü bunun ne kadar süreceğini size söyler.

İsteyen segmentler için tıkla-ara

Bir tel: bağlantısı telefonda tek dokunuştur. Bir aramanın olağan sonraki adım olduğu kurumsal segmentlerde "Kurumsal ekibimizi arayın" düğmesi işe yarayabilir. Self servis segmentlerde genellikle yaramaz: Ürünü denemek isteyen küçük şirket alıcısının bir satış araması istemesi pek olası değildir. Bu, segment kurallarının iyi bir deneyim yarattığı kadar kötü bir deneyimi de önlediği bir durumdur.

Varyantları Gerçek Cihazlarda Test Etmek

Lansmandan önce her kişiselleştirilmiş varyantı üç farklı genişlikte kontrol edin:

DevTools cihaz emülasyonu düzen için yeterlidir. Gerçek dokunma davranışını, gerçek yazı tipi oluşturmayı veya orta segment bir telefonun işlemcisini yeniden üretmez; bu yüzden her varyantı yayına girmeden önce en az bir fiziksel telefonda açın. Segmentte olmadan bir varyantı görmek için kişiselleştirme aracınızın önizleme modunu veya onu zorlayan bir URL parametresini kullanın.

Mobil için ayrıca neler takip edilmeli

• Kişiselleştirilmiş sayfalarda kaydırma derinliği. Mobil ziyaretçilerin çoğu kişiselleştirilmiş kanıt bloğuna hiç ulaşmıyorsa, onu yukarı taşıyın veya mobilde kaldırın.
• Cihaza göre form başlatma ve tamamlama. Düşük başlatma oranı sayfaya, düşük tamamlama oranı alanlara işaret eder.
• Öfke dokunuşları ve ölü dokunuşlar. Oturum kaydı araçları, hiçbir işe yaramayan öğelere tekrarlanan dokunuşları işaretler; bu genellikle bir şeyin bağlantı gibi göründüğü ama olmadığı anlamına gelir.
• Cihazlar arası geri dönüş. Tanımlanan şirketlerden kaçı bir mobil ziyaretten sonraki bir hafta içinde masaüstünde geri dönüyor ve orada dönüşüyor mu? Çoğu dönüyorsa, mobil sayfaları yalnızca mobil dönüşümlere göre değil, bu geri dönüş ziyaretini sağlayıp sağlamadıklarına göre değerlendirin.

Mobil Ziyaretlerin En Yüksek Niyeti Taşıdığı Yerler

Etkinlikler

Katılımcılar oturum aralarında tedarikçileri araştırır. Stand açıyorsanız, etkinlik tarihleri için ev sahibi şehirden (veya katılımcı listesindeki şirketlerden) gelen ziyaretçilere etkinliğe atıfta bulunan ve standınızda toplantı ayarlama bağlantısı içeren bir hero alanı gösteren bir kural planlayın. Etkinliğin bittiği gün kaldırın. Etkinliklerde lead toplama rehberimiz takip tarafını ele alıyor.

E-posta ve LinkedIn tıklamaları

E-posta platformunuzun cihaz raporunu kontrol edin: çoğu listede açılmaların ve tıklamaların büyük kısmı telefonlarda gerçekleşir. Bir kampanya e-postasından gelen tıklama, ziyaretçinin neyle ilgilendiğini zaten söyler. Bunu UTM parametreleriyle iletin ve varyantı seçmek için kullanın; böylece sayfa genel bir ana sayfada baştan başlamak yerine e-postanın konusunu sürdürür.

Satış ekibinin gönderdiği bağlantılar

Bir satış temsilcisi LinkedIn mesajında veya takip e-postasında bir bağlantı gönderdiğinde, potansiyel müşteri genellikle ona telefondan dokunur. Satış temsilcilerine, temsilcinin konuştuğu konuyla ilgili bir sayfayı açan takipli bağlantılar (parametrelerde hesap veya kampanya bilgisiyle) verin. Hesap düzeyinde kişiselleştirmeyi gerekçelendirmenin en kolay olduğu yer burasıdır, çünkü bağlam açıktır.

Hareket halindeyken okuma

Trende okuyan biri değerlendirme yapmıyor, göz gezdiriyordur. İçeriği kendisine e-postayla gönderen bir “bu vaka çalışmasını bana gönder” seçeneği çoğu zaman bir demo formundan daha uygun olur ve masasına döndüğünde takip etmeniz için size bir gerekçe verir.

İki Haftalık Bir Başlangıç Noktası

1. Oturumlar ve dönüşümler için cihaz dağılımını hem genel olarak hem de kişiselleştirilmiş segmentleriniz için çekin.
2. Bu segmentler arasında mobil payın en yüksek olduğu sayfayı seçin.
3. O sayfanın kişiselleştirilmiş varyantını gerçek bir telefonda ve yavaşlatılmış bir bağlantıda kontrol edin. Önce titremeyi ve düzeni düzeltin.
4. Segmente duyarlı sabit bir CTA ekleyin ve mobil formu zenginleştiremediğiniz alanlarla sınırlayın.
5. Mobil form başlatmalarını, tamamlamalarını ve cihazlar arası geri dönüşleri önceki dönemle karşılaştırın, ardından değişiklikleri genişletip genişletmeyeceğinize karar verin.

Telefondan dizüstü bilgisayara geçişte bile korunan şirket düzeyinde bir sinyale ihtiyacınız varsa, Markettailor'ın ziyaretçi tanımlama özelliği ziyaret eden şirketi her iki cihazda da tanımlar; segmentasyon özelliği de yukarıdaki mobil kuralları bunun üzerine kurmanızı sağlar.