Bağlantı Etiketleri, Açılış Sayfası Kullanıcı Deneyimini Nasıl İyileştirir?

Yayınlanan: 2017-05-31

Suya bir çapa attığınızda ne olur?

Çapa tekneyi yerinde tutar, değil mi? Hala herhangi bir yönde bağlantı noktasından belirli bir mesafe hareket etme özgürlüğüne sahipsiniz, ancak hangi yöne giderseniz gidin, belirli bir yarıçapla sınırlandırılırsınız.

Bu, bağlantı etiketlerinin bir web sayfasında nasıl çalıştığına benzer. Ziyaretçilerin sayfada çeşitli yerlere atlamalarına izin verir, ancak onları sayfada tutar .

Pazarlamacılar bu web tasarım tekniğini seviyorlar çünkü özellikle hedefin harekete geçmek olduğu tıklama sonrası açılış sayfalarında belirli ilgi alanlarını vurgulamalarını sağlıyor. Bunu başarmak için, doğru optimize edilmiş öğelerle ikna edici bir tıklama sonrası açılış sayfası tasarlamanız gerekir. Yeni e-kitabımız, İkna Edici Bir Tıklama Sonrası Açılış Sayfası Oluşturmak İçin Nihai Kılavuz bu konuda daha ayrıntılı bilgi veriyor:

bağlantı etiketi e-kitap kılavuzu

Ancak bugünkü gönderide, pazarlamacıların belirli sayfa öğelerine dikkat çekmek ve nihayetinde sayfada dönüşüm sağlamak için bağlantı etiketlerini nasıl kullandığını göstereceğiz.

Belirli öğelere dikkat çekmek için bağlantı etiketleri kullanın, ancak bunları dönüştürmek için sayfada tutun.

Tweetlemek için tıklayın

Bağlantı etiketi nedir?

Bağlantı etiketi veya bağlantı bağlantısı, aynı sayfadaki başka bir konuma bağlanan bir web sayfası öğesidir. Genellikle uzun veya metin ağırlıklı sayfalar için kullanılırlar, böylece ziyaretçiler sayfanın belirli bir bölümüne çok fazla kaydırmak zorunda kalmadan atlayabilirler.

Bir bağlantı bağlantısına tıklamak, ziyaretçileri fazla çaba harcamadan gitmek istedikleri yere götürdüğünden, dönüşüm sürecine yardımcı olan genel kullanıcı deneyimini geliştirir. Ziyaretçilerin sayfanızda gezinmesini hızlı ve kolay hale getirmekle kalmaz, aynı zamanda insanları dönüşüm hedefinizin ayrılmaz bir parçası olan öğelere yönlendiren görsel ipuçları olarak da hizmet edebilirler.

Statik veya hareketli olabileceklerini belirtmekte fayda var. Bağlantı etiketleri, canlandırıldığında daha fazla dikkat çekme potansiyeline sahiptir, çünkü muhtemelen sayfada hareket eden tek şeydir. Animasyonu beyaz boşlukla birleştirdiğinizde, insanların dikkatini istediğiniz yere çeken güçlü bir kombinasyon elde edersiniz.

Aşağıdaki bağlantı etiketi örneklerinde, bu tasarım tekniğinin çeşitli şekillerde kullanılabileceğini fark edeceksiniz.

Bağlantı etiketleri, tıklama sonrası açılış sayfalarında neleri vurgulayabilir?

Önemli kopya

Ürününüzün veya hizmetinizin faydaları kopya yoluyla iletildiğinden, belirli bir kopyaya bağlantı bağlantısı kullanmak idealdir. Constant Contact bunu, sayfanın ortasındaki tıklama sonrası açılış sayfalarında yapar. Bir ziyaretçi aşağı oku tıkladığında, sayfa onlar için kaydırılır:

SocialMediaCompanies.com, ziyaretçileri ekranın alt kısmına yönlendiren bir bağlantı bağlantısına sahip başka bir markadır. Bu örnekte, ziyaretçilerin şirketin derecelendirdiği ve incelediği temel alanları fark etmelerini istiyorlar:

Her örnek, bir bağlantı etiketi hedefiyle teklifinizle ilgili faydaları veya önemli ayrıntıları vurgulayarak, ziyaretçilerin metni okumasının (gözden geçirmesinin) daha olası olduğunu gösterir.

Müşteri başarı hikayeleri

Müşteri başarı öykülerini ve referanslarını sunmak, ziyaretçilere ikna edici sosyal kanıtlar sağlamanın harika bir yoludur. Ürününüze veya hizmetinize güven ve güven inşa ederler ve onları dönüştürmeye yönlendirmeye yardımcı olurlar.

Müşteri başarı öykülerinin gözden kaçırılmamasını sağlamak için Dinamik Verim, dikkat çekmek ve ziyaretçileri doğru yöne yönlendirmek için sıçrayan bir bağlantı etiketi oku içerir. Potansiyel müşteriler oku tıkladıklarında marka logolarını atlarlar ve doğrudan başarı öyküsü videolarına yönlendirilirler:

Bu tür bir müşteri incelemesi genellikle ürününüzü sayfadaki her şeyden daha etkili bir şekilde satabileceğine göre, potansiyel müşterilerinizin bunları atlama riskini neden riske atıyorsunuz?

Kullanım durumları

Boardvantage, önceki örneklerden biraz farklı bir şey yapar. Burada ok bağlantı etiketinin yanındaki "Kullanım Durumlarını Keşfet" hedefini tanımlarlar. Öne çıkması için yeterli beyaz boşlukla nasıl çevrelendiğine dikkat edin. Tıklandıktan sonra ziyaretçiler, şirketin MeetX'in başlıca özelliklerini ve avantajlarını minimum kopya, kısa videolar ve ekran görüntüleri ile vurguladığı ekranın altındaki bölüme gönderilir:

Bu özel bölüm, ana ürün satış noktalarını içerir, bu nedenle ziyaretçilerin onu gördüğünden emin olmak istediler. Boardvantage'dan akıllı hareket.

Ürün eklentileri

Bu Lyft tıklama sonrası açılış sayfasında, menü gezinme bağlantılarının tümü, ziyaretçileri sayfadaki çeşitli yerlere yönlendiren bağlantı etiketleridir. "Sizinkileri Alın" bağlantısını tıkladıklarında, kendi Amfilerini nasıl edineceklerini öğrenebilecekleri sayfa ortaya doğru kayar:

Kullanıcı SSS gezinme bağlantısını tıklamış olsaydı, sayfanın alt kısmındaki "bilmeniz gereken her şey" bölümüne gönderilirdi. Bu makalede bahsedilen diğer öğelerle karşılaştırıldığında, SSS bölümleri tıklama sonrası açılış sayfalarında çok yaygın değildir. Ancak yine de, özellikle bir şirket markasına özel bir şey satmaya çalışıyorsa, önemli bir amaca hizmet ederler.

Potansiyel müşteri yakalama formu

Bu Salesgenie tıklama sonrası açılış sayfası, her biri ziyaretçilerin sayfayla daha fazla etkileşim kurmasını amaçlayan bağlantı etiketleriyle doludur. Her aşağı ok, insanları sayfanın daha aşağılarına gönderirken, her turuncu CTA düğmesi, formu doldurmaları için insanları tekrar en üste yönlendirir:

CTA düğmesine tekrar dikkat edin. Parlak turuncu rengi dikkat çekicidir ve çekici bir kopya ("ücretsiz") kullanır, bu da muhtemelen daha fazla tıklamayla sonuçlanır. Ziyaretçiler buna (veya ortak CTA düğmelerinden herhangi birine) tıkladıklarında, Salesgenie ücretsiz deneme sürümünü başlatmak için sayfanın en üstüne geri gönderilirler.

AppFolio ayrıca potansiyel müşterileri potansiyel müşteri yakalama formlarına yönlendirmek için bir CTA düğmesi kullanır. Ziyaretçiler tüm sayfayı kaydırdıklarında bu turuncu CTA düğmesini görürler. Düğme, sayfanın üst kısmındaki forma yönlendiren bir bağlantı bağlantısıdır:

Üçüncü CTA düğmesi örneğimizde, BambooHR CTA düğmesini zıt bir renkle vurgular, kopya demonun ücretsiz olduğunu belirtir ve hatta her iki tarafta onu gösteren ok yönlü ipuçları vardır:

Potansiyel müşteri yakalama formu, tıklama sonrası açılış sayfanızdaki en önemli unsurlardan biridir çünkü onsuz, potansiyel müşterilerinizin bilgilerini elde edemezsiniz. Kolayca erişilebilen bir form olmadan, potansiyel müşterilerin dönüştürme işlemi daha zor olur, bu nedenle bağlantı etiketleri, onları forma yönlendirmek ve dönüştürmek için harika bir tasarım tekniğidir.

CTA düğmesi

CTA düğmenizi optimize etmenin birçok yolu vardır, ancak ziyaretçileri doğrudan onlara yönlendiren bağlantı bağlantıları da oluşturabilirsiniz. Aşağıdaki QuickBase örneğinde şirket, üç bağlantının hepsinin bağlantı etiketleri olduğu bir tıklama sonrası açılış sayfası navigasyonu (resmin altındaki üç bölüm) oluşturdu. Potansiyel müşteriler “Başarı Öyküsü” ve “QuickBase Nedir”i tıkladıklarında, sayfanın aşağısındaki iki farklı bölüme yönlendirilirler, her ikisi de bir CTA düğmesi içerir:

Açıkçası, CTA'nız çok önemlidir. Kelimenin tam anlamıyla insanlar nasıl dönüştürülür. Onu öne çıkarın, kopyayla ikna edici olun ve doğrudan ona yönlendiren bağlantı etiketleri oluşturarak mümkün olduğunca erişilebilir hale getirin.

Bağlantı etiketlerini nasıl kullanıyorsunuz?

Yukarıdaki örnekler kapsamlı bir liste değildir, ancak bağlantı etiketlerinin dönüşümlere nasıl yardımcı olduğu ve farklı tıklama sonrası açılış sayfası öğelerini nasıl vurguladığı konusunda size iyi bir fikir verir. Belirli tıklama sonrası açılış sayfası öğelerini bağlarken veya tüm bir bağlantı menüsünü ayarlarken, tıklama sonrası açılış sayfalarınızdaki bağlantı etiketlerinde yanlış gidemezsiniz. Keyifli bir kullanıcı deneyimi sağlarlar ve bu da dönüşüm şansınızı artırır.

Tıklama sonrası açılış sayfalarınıza özel kod ekleyerek bağlantı etiketlerini bugün kullanmaya başlayın. Bugün bir Instapage Enterprise demosu için kaydolun.