En iyi uygulama ve web sitesi altbilgisi tasarımı örnekleri
Web sitesi altbilgisi, sitenizin her sayfasının altında görünen kısımdır. Genellikle telif hakkı bildirimi, e -posta yakalama veya kaynaklara bağlantılar gibi önemli özellikleri içerir. Altbilgi, sitenizdeki gayrimenkulün değerli bir parçasıdır. Neden? Niye? Çünkü ziyaretçilerle son kez bağlantı kurma ve web sitenize katılmaya devam etmelerini teşvik etme fırsatı sunar. Buna ek olarak, bu, her sayfaya hukuk bilgisi ve gizlilik politikaları gibi gerekli bilgileri dahil etmenin sorunsuz bir yoludur. Ne yazık ki, altbilgi son saniyede genellikle göz ardı edilir veya atılır, bu da birçok fırsata ve kaçırılan dönüşüme neden olur.
Peki web sitenizin altbilgisini nasıl kullanabilirsiniz? Neden önemli bir web sitesi altbilgisidir? 1. Ziyaretçileri tutarlılık sitesine vermek için web sitesi altbilgisinin bir tutarlılığını oluştururlar, çünkü aynı bilgiler sayfalarınızın her birinin altında görünecektir. Bu, insanların sitenizde olduklarını bilmelerine yardımcı olur ve tekrarlanan ziyaretçilerin aradıklarını bulmalarını kolaylaştırır. 2. Ziyaretçileri, tüm sayfaları dikkatlice okuyan siteyi ziyaret edenleri bile makalenin sonuna ulaşabilir ve sayfayı kapatabilir. Bu gerçekleşmez, okuyucuların SSS, popüler blog girişleri, iletişim bilgileri ve iade politikası gibi ek içerik bulmaları için sayfanın altındaki bir yol sunabilirsiniz.
3. Beklentileri karşılıyorlar Site ziyaretçilerinin altbilgi politikalarınızda, hesap bilgilerinizde ve sosyal medya bağlantılarınızda aktif olarak arayacakları bazı şeyler vardır. Onları hayal kırıklığına uğratmayın ve bekledikleri eşyalara girmeyerek aramalarını zorlaştırın. 4. Her sayfada, özellikle gayrimenkul ve ilaç gibi alanlarda, her sayfaya bildirimler eklemesi gerekmektedir. Altbilgi, bunu manuel olarak tekrar tekrar eklemek zorunda kalmadan bunu yapmanın kolay bir yolunu sunar. Birisi tüm blog yayınlarınızı okursa, tüm sayfalarınızı harcarsa veya içeriğinizi kısaca okursa, gördükleri son şey altbilginizdir. Bu, satış, bağış veya bülten abonelikleri için son talep için mükemmel bir fırsat haline getirir. Altbilgerinizin doğru altbilgisine dahil edilmesi gerekenler, sitenizin amacına göre değişecektir. Ancak kitleniz ve web siteniz için neyin en değerli olduğunu düşünmeniz önemlidir. Örneğin, yerine getirmeniz gereken bazı yasal gereksinimler var mı? Ziyaretçileri sitenizin önemli alanına yönlendirmek amacınız nedir? Yoksa satış üretmeye ve müşteri almaya daha mı odaklanıyorsunuz?
İşte altbilginize dahil edilecek bazı genel unsurlar şunlardır: 1. Site ziyaretçilerini harekete geçirmeye yönlendirmek için harekete geçme (CTA) davetini çağırın. İşte bazı CTA örnekleri:
Şimdi al
Haber bültenimize abone ol
Tekrar Öğrenin
İlgili olmak
İnceleme bırak
Bu gönderiyi paylaşın hediyemizi takip edin
CTA’yı altbilginize dahil etmek iyi bir stratejidir, çünkü CTA her sayfada görülür ve ziyaretçilere başka bir yere gitmeden önce harekete geçme şansı verir. Aşağıdaki altbilgi örneğinde, Sacramento Balesi altbilgide iki CTA düğmesi içerir: “Bağışlar” ve “Şimdi Abone olun”.
Https://www.sacballet.org/ adresindeki bir web sitesi altbilgisi örneği 2. Kolay iletişim bilgileri sitesi ziyaretçileri, altbilginize iletişim bilgilerini ekleyerek sizinle iletişim kuracak. Bu, ulaşmanın yollarının bir listesi, iletişim sayfasına bağlantılar veya hatta doğrudan altbilginize gömülü formlar gibi görünebilir. Aşağıdaki örnekte, Massachusetts General Hastanesi web sitesinin web sitesi adres, telefon numarası ve e -posta adresini içerir.
Https://giving.massgeneral.org/ adresinden web sitesi altbilgisi örnekleri, bir e -posta adresi yapmayı ve telefon numarası yapmayı tıklatabilir, böylece ziyaretçiler size kolayca sipariş gönderebilir veya arayabilir.
Bu nedenle, sosyal medya simgeleri ve hatta altbilginizde Instagram gibi sosyal yemden görüntüleri dahil edin. Boston Market bunu yapıyor, sosyal medya simgelerini diğer altbilgi içeriğinden öne çıkacak şekilde ayırıyor. Bir web sitesi altbilgisinin örneği https://www.bostonmarket.com/ 5. Bülten kayıt formu e -postanın gücünü hafife almayın Liste! Web sitenize ek olarak, bu,%100’ünüz olan kitleniz için en güçlü iletişim aracını sağlar. Müşterilere satış, yeni blog yayınları, ipuçları ve diğer teklifler hakkında bilgi vermek için bir e -posta listesi kullanın.
Ve bir e -posta listesi oluşturmak için, altbilginize kayıt formunu ekleyin. Yapmanız gereken tek şey, en sevdiğiniz e -posta pazarlama aracından kodu kullanarak formu sabitlemektir. Veya, kod gerektirmeden sayfanıza kolayca bir bülten formu eklemek için jetpack bloklarından birini kullanın. Hegerty, onu öne çıkarmak için e -posta bülten formunun etrafına açık gri kutuyu ekledi ve insanların tam olarak ne kaydeddiklerini bilmesi için basit bir dil ekledi. Https://hegerty.org/ adresinden web sitesi altbilgisine örnekler. Bloglama web sitenizin büyük bir parçasıysa popüler yayınlar veya makaleler, altbilginize gönderileri yapmayı düşünün. Popüler veya en yeni yayınlar eklemek, hatta blogunuz veya işiniz için en önemli yayınları görüntülemek isteyebilirsiniz.
Kylie M Interiors’ın kategorilerin bir listesi vardır, bu nedenle site ziyaretçileri aradıkları içerik türünü kolayca bulabilirler. Https://www.kylieminteriors.ca/ adresindeki bir web sitesi altbilgisi örneği de manuel olarak bir gönderi bağlantısı eklemenize gerek yoktur. Bilgileri güncellemeye devam etmek için en iyi gönderi ve sayfa widget’ı gibi bir widget kullanabilirsiniz. 7. Yasal Bilgi Çoğu web sitesi tarafından bağlanması gereken belirli yasal bilgi türleri vardır: telif hakkı bilgileri, hüküm ve koşullar ve gizlilik politikaları. Ancak, gayrimenkul, CBD veya uyuşturucu gibi belirli bir sektördeyseniz, ek izlenimler veya yasal ifadeler eklemeniz istenebilir. Altbilginiz bunu girmek için doğru yerdir, çünkü her sayfada görünürler. Örneğin, en iyi Bud CBD şirketleri, altbilgilerindeki FDA beyanlarını, şartlar ve koşullar, nakliye politikaları, gizlilik politikaları ve iade politikaları ile birlikte içerir. Https://www.bestbudforlifife.com/ 8. bağlantılardan örnekler. Kritik sayfaya sitenize bağlıdır, önemli sayfalar hesaplardan ve giriş sayfalarından ürün kategorilerine, SSS, hizmet sayfaları ve iletişim formlarına kadar her şeyi içerebilir. E -Ticaret Wild Mountain Wax Shop, örneğin, önemli içeriği üç kategoriye ayırır: yardım, öğrenme ve toptan satış.
Bununla birlikte, https://wildmountainwax.com/ adresinden web sitesi altbilgisi örnekleri sadece ana menünüzü tekrarlamayın. Yalnızca en değerli sayfayı azaltmak veya ziyaretçilerinizin avlayabileceği içeriğe odaklanmak yerine. Web sitesi altbilgisinin en iyi uygulaması, bu yüzden, altbilginize dahil edebileceğiniz bilgi türü hakkında biraz konuştuk. Şimdi nasıl mümkün olduğunca en iyi şekilde kullanabileceğinizi tartışalım. Web sitesi altbilgisinin en iyi uygulamalarından bazıları: 1. Mobil cihazlar için tasarım, altbilginizi tasarlarken telefonun bir yansıma olmasına izin vermeyin. Unutmayın, insanlar her tür ve boyuttaki cihazları ziyaret edecek! Ve altbilgi, mobil cihazlarda görüntülenen, visitörler tüm bilgilerinizi görmek için yuvarlanamayabilir. Woodshop’un Officeman, mobil cihazlarda iyi çalışan bir altbilgi yapmak için çok iyi bir iş çıkardı. Tasarım temiz ve masaüstlerinde, tabletlerde ve cep telefonlarında gezinmesi kolaydır. Sitenizin tüm cep telefonlarına, tabletlere ve masaüstlerine tam olarak nasıl göründüğünden emin değilseniz, https://offermanwoodshop.com/ web sitesi altbilgileri örnekleri örnekler Orada, BrowserStack gibi araçları kullanmayı deneyin. Bu, web sitenizde birçok farklı boyutta ve marka markasında anında bir görünüm sunar. 2. Altbilgerinizin altbilginize çok fazla bilgi koymak çok kolaydır, bu da site ziyaretçileri için hızla bir yük haline gelebilir. Altbilgi içeriğinizi en yararlı ve en önemli olan olacak şekilde azaltın. Ve uygun miktarlarda bilgi girmeniz gerekiyorsa, kolayca sindirilen parçalara bölün. Mailpoet’in yaptığı tam da bu. Birçok içeriğe bağlansalar da, aşırı görünmüyor çünkü net bir kategoriye ayrılmış ve birçok boş alan var.
3. Bilgilerinizi ayarlayın Organizasyon, önceki ipucu ile çok yakından ilişkilidir, çünkü organize bilgiler web sitenizin altbilgisi tasarımının daha temiz görünmesine yardımcı olur. Ancak bu sadece verileri kategorize etmekle ilgili değildir. Aynı zamanda içeriği gruplamak için görsel ipuçlarını kullanmakla ilgilidir. Bakalım WooCommerce ne yapıyor. Dipnotlarını üç bölüme ayırırlar: önemli özellikler. Bu bölüm gri bir arka plan, görsel simge ve mor metin ile öne çıkıyor. Değerli bağlantı. Tüm bunlar, tüm büyük harfler olan cesur başlıklar altında kategorize edilmiştir. Diğer bilgiler. Son kısım bölme çizgisi ile ayrılır ve yasal bilgiler, sosyal medya simgeleri ve otomatik logoları içerir. 4. Yaratıcı olun, hepsi aynı görünmemelidir. Markanızı, site tasarımınızı düşünün ve yaratıcı olun! Eğriler ve üçgenler, görüntüler, özel grafikler ve diğer ilginç özellikler gibi şekilleri düşünün. Otrusa, görüntüleri arka plana ekleyerek ve içeriklerinin bir kısmı için eğimli böcekleri kullanarak marka tasarım öğelerini bağlar.
Https://www.otrusa.com/ adresinden web sitesi altbilgisine örnekler. Farklı düzenler hakkında düşünün Altbilginizi ayarlamanın birçok farklı yolu vardır ve herkes için kimse yok. Sadece biraz bilginiz varsa, Adobe’nin blogunda olduğu gibi ince ve dar bir altbilgi isteyebilirsiniz.
Https://blog.adobe.com/ adresinden web sitesi altbilgisi örnekleri daha fazla içeriğiniz varsa, basılabilir site gibi birçok sütunla daha yüksek bir altbilgi düşünebilirsiniz. Https://pressable.com/ adresinden web sitesi altbilgisi örnekleri veya hatta küçük bir metin ve çok sayıda grafikle daha görsel bir altbilgi düşünebilirsiniz. Bu tam olarak Veer tarafından yapılır, önemli bağlantılarını görüntülemek için özel bir simge kullanır. Https://www.goveer.com/ 6 adresinden bir web sitesi altbilgisi örneği. Görsel, işitme, zihinsel ve fiziksel bozuklukları olanlar da dahil olmak üzere saha ziyaretçisi. Aşağıdaki altbilgi için geçerli olan erişilebilirlik hususlarından bazıları:Renk kontrast. Metin ve görüntülerin, kolayca kullanılabilmesi için altbilginizin arka planından oldukça farklı olduğundan emin olun. Koyu bir arka planda koyu metin veya parlak bir arka plan üzerinde parlak metinlerden kaçının. Tasarımınızın uygun olup olmadığından emin değil misiniz? Renginizi bir Webaim renk kontrast kontrolünden çalıştırın.
Bağlantı. Bağlantıları diğer metinlerden ayırmak için sadece renklerden daha fazlasını kullanın. Bunu alt satır, simge ve diğer ipuçlarıyla yapabilirsiniz.
Alternatif metin. Altbilginize herhangi bir görüntü veya grafik için alternatif bir metin ekleyin. Ekran okuyucuları bunu görme bozukluğu olanlar için “okumak” için kullanırlar. yazı tipi. Herkes tarafından kullanılabilecek basit ve kolay okunması kolay bir yazı tipini tutmaya yapışır. Ve bunu yaptığınızda, görme zorluğu olan herkesin yine de her kelimeyi okuyabilmesi için boyutun yeterince büyük olduğundan emin olun. Erişilebilecek bir web sitesi oluşturmak için çok daha fazlası var. Daha fazla bilgi için WooCommerce’den Web Erişilebilirliği hakkında bu gönderiye bakın. Altbilginizi WordPress’te nasıl düzenleyebilirsiniz, genellikle altbilgi düzeni ve tasarımınız kullandığınız temaya bağlı olacaktır. Birçok tema, ihtiyaçlarınıza göre seçebileceğiniz ve ayarlayabileceğiniz varsayılan bir altbilgi tasarımı içerir. Bununla ilgili ayrıntılar için özel tema belgelerinize başvurmanız gerekir. Örneğin, çerçeve teması, altbilginiz için 14 farklı sütun stili arasından seçim yapmanıza olanak tanır. Ancak, WordPress’te altbilgi widget alanıdır, böylece widget’ı çekip kaldırabilirsiniz veya kodu düzenlemeden engelleyebilirsiniz. Bu, altbilginize içerik ekleyebilmenizdir: WordPress kontrol panelinizde görünüm → widget’ı açın. Orada, altbilgi sütunu da dahil olmak üzere widget alanlarının bir listesini göreceksiniz. Yine, bu temanıza bağlı olarak biraz farklı olabilir. Düzenlemek istediğiniz altbilgi sütununu genişletin. Kullanılabilir blokları görüntülemek için simge + tıklayın. Oradan, belirli blokları bulabilir veya tam bir liste görmek için hepsini tıklayabilirsiniz.
İstediğiniz bloğu altbilgi sütun alanına sürükleyin.
Ayarları bloğa göre ayarlayın. Örneğin, düğmenin rengini ve metnini değiştirebilir veya eklenecek görüntüyü seçebilirsiniz.
Sağ üst köşedeki Mavi Güncelleme düğmesini tıklayın.
Daha fazla bilgi için WordPress’ten tam talimatları okuyun. Altbilgerinizden en iyi şekilde yararlanın, altbilginiz sadece bir yansıma olmamalıdır: bu, site ziyaretçileri üzerinde bir izlenim bırakmak için son fırsatınız ve her sayfada önemli bilgileri sunmanın en iyi yoludur. Bu yüzden altbilginize dahil ettiğiniz içeriği gerçekten düşünmek için zaman ayırın. Amacınız ve ziyaretçilerinizin deneyiminiz için en çok neye yardımcı olduğunu düşünün. Ayrıca, iyi ve uyumlu bir web sitesi altbilgisinin katılım üzerinde büyük bir etkisi olabilir. Biraz yardıma mı ihtiyacınız var? Jetpack, mükemmel altbilginize izin vermek için çeşitli WordPress blokları ve widget’ları sunar. Ve yeni başlıyorsanız, sizin için kimin çok çalıştığını seçmek için olağanüstü bir düzine WordPress teması var. Footer Hakkında SSS Web Sitesi Altbilgi boyutum nedir? Altbilgerinizin doğru boyutu, web sitenize ve dahil etmek istediğiniz içerik hacmine bağlı olacaktır. Bazı ince altbilgiler, bir metin satırı ile dar şeritler. Diğerleri daha fazla yer alır ve çok fazla bilgi girer. Bununla birlikte, altbilginin boyutunu seçerken, hücresel tasarımı düşündüğünüzden emin olun. Altbilgi mobil cihazda çok uzunsa, site ziyaretçileri tüm bilgileri görmek için kaydırmaya ve kaydırmaya zorlanabilir. Web sitesinin gerçekten bir altbilgiye ihtiyacı var mı? Hayır, web sitesi düzgün çalışması için teknik olarak altbilgiye gerek yoktur. Bununla birlikte, bu, önemli içeriği dahil etmek için değerli ve etkili bir yerdir ve katılım için önemli olabilir. Altbilgi bağlantısı SEO ile bana yardımcı olabilir mi?
