İşe Yarayan 25 Web Sitesi Altbilgi Tasarımı Örneği
Kendi sitenize uyarlayabileceğiniz 25 altbilgi düzeni: sade yasal altbilgiden site haritasına ve haritalı yerel işletme altbilgisine. Her birinin içeriği, uygun olduğu site ve uygulama ipucu.
Sıkça sorulan sorular
Altbilgiyi nasıl erişilebilir yaparım?
Çalışma saatleri ve iletişim bilgilerini görsel yerine gerçek metin olarak kullanın. Her bağlantıya Tab tuşuyla erişilebilsin ve odak çerçevesi görünsün. Sosyal simgelere metin etiketi ekleyin ve arka planla yeterli renk kontrastı sağlayın.
Her web sitesi altbilgisinde neler bulunmalı?
En azından güncel yılı gösteren telif hakkı satırı, iletişim yolu ve gerekiyorsa gizlilik politikası, kullanım koşulları ve erişilebilirlik beyanı bağlantısı bulunmalı. Diğer öğeler sitenizin türüne bağlıdır; aşağıdaki düzen örneklerine bakın.
Altbilgide çok fazla bağlantı olduğunu nasıl anlarım?
Sabit bir sayı yoktur; ancak sitedeki her sayfayı listelemek okunmayan bir bağlantı yığınına dönüşür. Tek uzun liste yerine bağlantıları Şirket, Ürün, Kaynaklar ve Yasal gibi etiketli 3–5 sütunda gruplayın.
Altbilgide bülten kaydı olmalı mı?
Sayfanın sonuna kadar gelip dönüşüm yapmayan ziyaretçiler de ilgilidir; bu nedenle ikincil bir konum olarak uygundur. Bülten kaydını yalnızca altbilgide sunmayın; sayfanın daha üstünde de görünür bir seçenek bulunsun.
Altbilgi SEO’yu etkiler mi?
Dolaylı olarak evet. Altbilgi bağlantıları arama motorlarının ve ziyaretçilerin derin sayfaları bulmasına yardımcı olur. Her sayfada yinelenen veya şişkin bağlantı listeleri sitenin anlaşılmasını zorlaştırabilir. Bağlantıları amaçlı ve tutarlı tutun.
Mobilde altbilgi farklı görünmeli mi?
İçerik aynı kalabilir; düzen tek sütunlara, net aralıklara dönüşmeli ve açılır bölümler kolay dokunulabilir olmalı. Küçük metinlerle tek uzun sütuna dönüşen altbilgi sık rastlanan bir mobil sorundur.
Kısa yanıt: En iyi web sitesi altbilgileri birkaç tekrarlanabilir düzenden oluşur: sade yasal altbilgi, geniş site haritası, bülten odaklı altbilgi, haritalı yerel işletme altbilgisi ve başka seçenekler. Sitenize uygun düzeni seçmek, tasarımınızı benzersiz kılmaya çalışmaktan daha önemlidir. Aşağıda uyarlayabileceğiniz 25 düzenin içeriği, uygun olduğu site ve ipucu yer alıyor.
Seçim yöntemi ve hedef kitle: Bu rehber küçük işletme sahipleri ve onların sitelerini kuranlar içindir. Örnekleri ziyaretçilerin sayfa sonunda aradığı beş unsura göre karşılaştırıyoruz: iletişim bilgileri, çalışma saatleri, temel hizmetler, politika bağlantıları ve klavyeyle erişim. İlerideki örnekler gerçek işletmelere değil, We.Inc şablon tasarımlarına dayanır.
Altbilgiler SEO için neden önemlidir?
Altbilgiler, web sitesi tasarımında en sık gözden kaçan bölümlerdendir; oysa çabanın başarıya ulaşıp ulaşmamasını etkileyebilir. Bu alanı erken ele alan işletmeler pahalı yeniden çalışmalardan kaçınır ve daha öngörülebilir sonuç alır. Dikkat edilmesi gerekenler:
- Geniş bilgilendirici sözcükler yerine satın alma veya eylem niyeti taşıyan uzun kuyruklu kelime çeşitlerine odaklanın.
- İlgili kelimeleri konu kümelerinde gruplayarak zamanla konu otoritesi oluşturun.
- Alan adı otoritenizin ilk sayfada sıralanma şansı verdiği terimlere öncelik verin.
- Sıralamalar durakladığında haftalık konum değişimini izleyip içeriği güncelleyin.
- Arama hacmini rekabet ölçümleriyle birlikte kullanın; yüksek hacim ve düşük rekabet iyi fırsattır.
Altbilgi SEO çalışmanız yeni bir web sitesi, açılış sayfası veya uygulama gerektiriyorsa We.Inc bunu hızla oluşturmanıza yardım eder. İstediğinizi sohbette açıklayın; yapay zekâ tarayıcıda canlı ve düzenlenebilir site kurar.
Her altbilgide önce bulunması gerekenler
Örneklerden bağımsız olarak vazgeçilmez unsurlar şunlardır: güncel yılı gösteren telif hakkı satırı, çalışan bir iletişim yolu ve kişisel veri topluyorsanız gizlilik politikası ile kullanım koşulları bağlantıları.
Temel altbilgi öğeleri, iyi bir web sitesi kurma yaklaşımının önemli parçasıdır. Bunları sistemli biçimde ele almak, diğer bölümlerin üzerine kurulacağı zemini hazırlar. Bunun için zaman ayıran, sonuçları düzenli izleyen ve küçük iyileştirmeler yapan ekipler, konuyu gelişigüzel ele alanlardan daha iyi sonuç alır. Başarının en güçlü göstergesi sürecin ne kadar karmaşık olduğu değil, belgelenmiş bir sürecinizin bulunmasıdır. We.Inc ile sayfa veya uygulamayı yalın dille açıklayıp oluşturabilir; ardından görsel tıklayarak düzenleme ya da yerleşik kod düzenleyicisiyle iyileştirebilirsiniz.
| Öğe | Önemi | Sık yapılan hata |
|---|---|---|
| Telif hakkı satırı | Temel yasal işaret, eklemesi kolay | Eski yılın kalması |
| Gizlilik politikası / koşullar bağlantısı | Veri topluyorsanız çoğu kez yasal olarak gerekir | Hiç olmaması veya bozuk bağlantı |
| İletişim yolu | Ziyaretçinin sizi kolayca bulmasını sağlar | Doğrudan bağlantı olmadan iletişim sayfasına gömülmesi |
| Sosyal bağlantılar | İkincil güven işareti | Kullanılmayan hesaplara bağlantı vermek |
| Site haritası veya önemli gezinme bağlantıları | Ziyaretçilerin ve arama motorlarının sayfaları bulmasına yardım eder | Ana menünün tamamını sırasız biçimde yinelemek |
25 altbilgi düzeni
Altbilgi düzen kalıpları, sağlam bir web sitesi oluşturma stratejisinin kritik bir bileşenidir. Temelleri burada doğru atmak, çabanın her diğer bölümünün üzerine inşa edileceği zemini oluşturur. Altbilgi düzen kalıplarında dikkat edilmesi gereken temel noktalar:
- Önemli zaman veya bütçe harcamadan önce küçük ölçekte test ile başlayın
- Faaliyet patlamalarının ardından uzun duraksamalar yerine tutarlı bir tempo belirleyin
- Bu alanda başarılı olan rakiplerden öğrenin; sıfırdan icat etmeye çalışmayın
- Süreçteki sürtünmeyi ortadan kaldırın: her ekstra adım tamamlama oranını düşürür
- Erken sorunları yakalamak için sonuçların yanında öncü göstergeleri (çaba, faaliyet) de izleyin
Altbilgi düzen kalıpları için insanları yönlendirecek bir sayfa, mağaza veya uygulama gerekiyorsa We.Inc bir açıklamayı dakikalar içinde yayınlanabilir çalışan siteye dönüştürür. Bir şablonla başlayın, sohbet ve görsel düzenlemeyle özelleştirin, kendi alan adınızda ücretsiz SSL ile yayına alın.
- Sade yasal altbilgi. Tek satırda yalnızca telif hakkı, gizlilik ve koşullar. Altbilgide pazarlama yapmayan küçük tanıtım siteleri ve açılış sayfaları için uygundur. Üstteki eylem çağrısıyla yarışmaması için ortalı ve yalın tutun.
- Geniş site haritası altbilgisi. Ürün, Şirket, Kaynaklar ve Yasal gibi birden çok etiketli sütunla sitenin çoğunu kapsar. SaaS veya içerik ağırlıklı büyük sitelere uygundur. Kolon başına 5–7 bağlantıyı aşmayın.
- Bülten öncelikli altbilgi. Bağlantılardan önce e-posta kayıt alanını gösterir. Okur kitlesi oluşturan yayıncı, blog ve içerik işletmelerine uygundur. Sayfadaki tek bülten kaydı olmasın.
- Yerel işletme NAP ve harita altbilgisi. İşletme adı, adres, telefon ve gömülü haritayı içerir. Fiziksel konumu olan işletmeler için uygundur. Ad, adres ve telefon metnini Google İşletme Profili’ndekiyle aynı tutun.
- Uygulama indirme altbilgisi. Standart bağlantıların yanında App Store ve Google Play rozetleri. Mobil uygulaması olan ürünlere uygundur. Rozetleri ana sayfaya değil gerçek mağaza listelerine bağlayın.
- Güven rozeti altbilgisi. Güvenlik mühürleri, ödeme simgeleri veya sektör sertifikaları. E-ticaret ve ödeme alan sitelere uygundur. Kanıtlayabileceğiniz rozetleri kullanın; sahte veya süresi geçmiş sertifika hiç olmamasından kötüdür.
- Sosyal kanıt altbilgisi. Müşteri logoları, basın haberleri veya yorum platformu puanları. B2B ve hizmet şirketlerine uygundur. Yalnızca göstermeye izniniz olan logoları kullanın.
- Arama kutulu mega altbilgi. Site haritasına ek olarak kendi arama kutusu bulunan geniş altbilgi. Derin içeriğe sahip büyük dokümantasyon siteleri ve pazaryerleri için uygundur.
- Tek sütunlu altbilgi. Sütun kullanmadan tüm öğeleri dikey dizer. Basit siteler, portföyler ve tek sayfalı siteler için uygundur. Küçük ölçekte ağır görünebilen ayraçlar yerine bölümler arasında boşluk bırakın.
- İki katmanlı altbilgi. Sütunlu ana alanın altında yalnızca telif hakkı ve yasal bağlantıları içeren ince bir alt şerit bulunur. Pazarlama içeriğini yasal metinden görsel olarak ayırmak isteyen siteler için uygundur.
- Eylem çağrısını yineleyen altbilgi. Standart altbilgiden hemen önce sayfanın ana çağrısını (Demo ayırtın, Ücretsiz başlayın) tekrarlar. Açılış ve pazarlama sayfalarına uygundur. Bu çağrıyı alttaki bilgi bağlantılarından ayrı gösterin.
- Başa dön bağlantılı altbilgi. Uzun sayfalarda görülen bir bağlantı veya düğmeyle sayfanın üstüne dönmeyi sağlar. İçerik siteleri, iş örnekleri çok olan portföyler ve uzun açılış sayfaları için uygundur.
- Dil ve bölge seçicili altbilgi. Açılır menü veya dil/bölge bağlantı listesi içerir. Birden çok ülkeye veya dile hizmet veren sitelere uygundur.
- Ekip ve iletişim kişili altbilgi. Temel ekip üyelerinin adlarını, küçük fotoğraflarını ve doğrudan iletişim bağlantılarını gösterir. Güven ilişkisiyle hizmet satan küçük ajanslara ve danışmanlara uygundur.
- Topluluk merkezi altbilgisi. Sosyal simgelerin yanında Discord, forum veya topluluk alanına bağlantı verir. Etkin kullanıcı topluluğu olan ürünlere uygundur.
- Ödül ve tanınma altbilgisi. Ödülleri, “basında yer aldık” haberlerini veya sektör sıralamalarını gösterir. Doğrulanabilir takdir kazanmış işletmelere uygundur; almadığınız ödülü asla uydurmayın veya ima etmeyin.
- Erişilebilirlik beyanı altbilgisi. Bazen görünür erişilebilirlik ayarları simgesinin de yanında, beyan sayfasına doğrudan bağlantı verir. Kapsayıcı tasarıma önem veren her işletmeye uygundur; aşağıdaki araçla beyan taslağı oluşturabilirsiniz.
- Kardeş siteler ve marka ailesi altbilgisi. Aynı ana markanın diğer sitelerine bağlantı verir. İlişkili birden çok site veya ürün grubu yöneten şirketlere uygundur.
- Acil iletişim altbilgisi. Bazen çalışma saatleriyle birlikte belirgin telefon numarası veya acil iletişim bilgisi sunar. Sağlık, hukuk, ev hizmetleri ve zamana duyarlı işler için uygundur.
- SSS kısayollu altbilgi. Genel bir Yardım bağlantısı yerine en sık sorulan 3–5 destek sorusuna doğrudan gider. Destek hacmini azaltmak isteyen e-ticaret ve abonelik ürünlerine uygundur.
- İş ve kariyer altbilgisi. Açık pozisyonlara bağlantı veren “Ekibimize katılın” mesajı içerir. Altbilgiyi işe alım kanalı olarak da kullanmak isteyen büyüyen şirketlere uygundur.
- Basın kiti altbilgisi. Logolara, marka öğelerine ve basın iletişim bilgilerine doğrudan bağlantı verir. Düzenli basın talebi alan şirketlere uygundur.
- Bağış ve destek altbilgisi. Ana gezinmedeki bağış düğmesinden ayrı, görünür bir Destek olun veya Bağış yapın bağlantısı verir. Kâr amacı gütmeyen kuruluşlar ve açık kaynak projeleri için uygundur. Bağış sayfası hakkında kâr amacı gütmeyen kuruluşlara web sitesi tasarımı rehberimize bakın.
- Sade karanlık mod altbilgisi. Sayfanın açık gövdesiyle kontrast kuran koyu altbilgi şeridi kullanır; sitenin genel temasından bağımsız olabilir. Tasarım odaklı portföyler ve yaratıcı stüdyolar için uygundur.
- Yoğun mevzuat bağlantılı altbilgi. Finans, hukuk, sağlık veya sıkı düzenlemeye tabi sektörlerde gerekebilen çerez politikası, GDPR bildirimi, sorumluluk reddi ve lisans bilgisi gibi yasal bağlantıları içerir. Sektörünüzde ne gerektiğini tahmin etmeyin; hukuk danışmanına veya güncel sektör yönergelerine başvurun.
Dönüşüm sağlayan altbilgi çağrıları
Dönüşüm sağlayan altbilgi CTA’ları, sağlam bir web sitesi oluşturma stratejisinin kritik bir bileşenidir. Temelleri burada doğru atmak, çabanın her diğer bölümünün üzerine inşa edileceği zemini oluşturur. Dönüşüm sağlayan altbilgi CTA’larına en etkili yaklaşım, reaktif değil sistematik olandır. Buna belirli zaman ayıran, sonuçları tutarlı biçimde izleyen ve küçük ayarlamalar yapan ekipler, konuyu gelişigüzel ele alanlardan daha iyi performans gösterir. Başarının en güçlü göstergesi, sürecin ne kadar gelişmiş olduğu değil, belgelenmiş bir sürecinizin bulunmasıdır. Dönüşüm sağlayan altbilgi CTA’ları için yeni bir web sitesi, açılış sayfası veya web uygulaması gerektiğinde We.Inc sizi hızla hedefe ulaştırır. Sohbette istediğinizi anlatın; yapay zekâ canlı, düzenlenebilir bir siteyi tarayıcıda oluşturur; böylece tasarım aracıyla uğraşmadan yayına alabilirsiniz.
Mobil altbilgi tasarımı
Mobil altbilgi, özenli bir web sitesi stratejisinin önemli parçasıdır. Gerçek cihazlarda test edin; tarayıcı benzeticileri cihazlar arasındaki önemli davranış farklarını göstermez. Mobilde üç saniyenin altında yüklemeyi hedefleyin; her ek saniye hemen çıkma oranını artırabilir. Daha büyük dokunma hedefleri, kaydırmaya uygun gezinme ve az metin girişiyle dokunmatik kullanıma göre tasarlayın. Görselleri WebP’ye sıkıştırıp ekranın altındaki öğeleri geç yükleyin. Core Web Vitals ölçümlerini her ay denetleyerek CLS, LCP ve INP sorunlarını düzenli çözün. We.Inc’te sayfa veya uygulamayı yalın dille açıklayıp üretin; görsel tıklayarak düzenleme ya da kod düzenleyicisiyle geliştirin.
Masaüstü ve mobil altbilgilerin karşılaştırması
| Öğe | Masaüstü | Mobil | Klavye denetimi |
|---|---|---|---|
| İletişim | Adres, telefon ve e-posta tek sütunda | Önce dokunarak aranabilir telefon bağlantısı | Her bağlantıya Tab ile erişim ve görünür odak çerçevesi |
| Çalışma saatleri | Kısa tablo | Önce bugünün saati, altında tüm hafta | Görsel değil, düz metin |
| Temel hizmetler | 4–6 bağlantı | Daraltılmış veya en çok 3 bağlantı | Mantıklı bağlantı sırası |
| Politika bağlantıları | Altta küçük satır | Aynı satır, daha büyük dokunma hedefleri | Üzerine gelmeye bağlı olarak gizlenmez |
| Sosyal medya | Simge satırı | Ekran okuyucu için metin etiketli simge satırı | Simge adları erişilebilir olmalı |
Açıklamalı örnekler (temsili)
| Örnek | Altbilgi içeriği | Uyarlanabilecek özellik | Sınırlama |
|---|---|---|---|
| Fırın | Adres, saatler, sipariş bağlantısı, sosyal medya | Saatleri metin olarak yazma, sipariş bağlantısını yineleme | Uzun saat tablosu telefonda sıkışır |
| Tesisatçı | Telefon, hizmet bölgesi, lisans satırı | Mobilde önce tek dokunuşla arama | Hizmet bölgeleri çok uzayabilir |
| Diş hekimi | Adres, harita bağlantısı, acil numara | Acil hattı ayrı gösterme | Çok sayıda sigorta logosu kalabalık yaratır |
| Hukuk bürosu | Ofisler, uzmanlık alanları, sorumluluk reddi | Gerekli yasal metin | Yasal metin iletişim bilgisini gömebilir |
| Kâr amacı gütmeyen kuruluş | Bağış bağlantısı, kayıt ve raporlar | Kayıt numarasını görünür kılma | Eylem çağrıları birbiriyle yarışabilir |
Kopyalanabilir altbilgi blokları
Aşağıdaki örnekleri notlarınıza kopyalayıp doldurun:
İletişim: [İşletme adı], [cadde, ilçe], [telefon bağlantısı], [e-posta] Saatler: Pzt-Cum [saat], Cmt [saat], Paz kapalı Hizmetler: [hizmet 1], [hizmet 2], [hizmet 3] Yasal: Gizlilik, Koşullar, Erişilebilirlik, © [yıl] [işletme adı]
Neleri uyarlamalı, neleri kopyalamamalısınız?
Gruplamayı ve sıralamayı uyarlayın. Başka sitelerin rozetlerini, ödüllerini, yorum sayılarını veya yasal metnini kopyalamayın; yalnızca işletmeniz için doğru olanları kullanın ve kendi politikalarınızı inceletin.
Uygun bir şablonla başlayın
İşletme sitesi şablonlarından birini seçin, altbilgiyi görsel düzenleyicide değiştirin ve ücretsiz web sitesi derecelendiricisini çalıştırın.
İşletme sitenizi oluşturmaya başlayın. Hesabınızı oluşturun. Ücretsiz plan, we.inc adresinde en fazla üç şablonlu siteyi yayınlar; yapay zekâ kredisi ve özel alan adı içermez. Yapay zekâ oluşturma ve kendi alan adınız Starter planında ayda $20’dan başlar; fiyatlandırmaya bakın.
Sonraki adımlar: mevcut sitenizi ücretsiz web sitesi derecelendiricisiyle inceleyin, bütçeyi web sitesi maliyet hesaplayıcısıyla tahmin edin, işletme sitesi şablonlarına göz atın veya We.Inc web sitesi oluşturucusunun nasıl çalıştığını okuyun.
Nasıl seçmeli?
Görünüşü etkileyici olana değil, sitenizin gerçek ihtiyacına uygun düzene karar verin. Beş sayfalı tanıtım sitesinde arama kutulu mega altbilgi gerekmez; binlerce sayfalı pazaryeri de sade yasal altbilgiyle yetersiz görünür. Emin değilseniz sade başlayın (1, 4 veya 9. düzen) ve yalnızca gerçek bir neden olduğunda bölüm ekleyin.
We.Inc ile ücretsiz oluşturun
Altbilgiyi boş bir sayfadan tasarlamak zorunda değilsiniz. We.Inc’i açıp sitenizi tek cümleyle anlatın; örneğin “adresimizi, çalışma saatlerimizi ve sosyal medya bağlantılarımızı gösteren altbilgili yerel bir fırın sitesi”. Oluşturucu, altbilgisi de bulunan çalışan bir başlangıç taslağı üretir; sonra bunu düzenleyebilirsiniz.
Ücretsiz planda kredi kartı girmeden we.inc adresinde en fazla üç şablonlu site kullanabilir, altbilginin metnini ve görsellerini düzenleyicide kendiniz değiştirebilirsiniz (ücretsiz planda yapay zekâ üretimi yoktur). Yapay zekânın altbilgi içeriğini yazıp düzenlemesini ve sitenin we.inc yerine kendi alan adınızda yayınlanmasını isterseniz ayda $20’lık Starter planı gerekir. Güncel ayrıntılar için fiyatlandırmaya, ücretsiz ve kartsız başlamak için ücretsiz web sitesi oluşturucusuna bakın veya tamamlanmış bir tasarımla başlamak için şablonlara göz atın.
Web sitesi altbilgi tasarımına başlarken
İşe yarayan 25 web sitesi altbilgi örneğinin temel ilkelerini tutarlı biçimde ilerlemek isteyen her işletme uygulayabilir. Rehberden tek bir bölüm seçin, tamamını hayata geçirin ve diğerine geçmeden önce sonucu ölçün. Her şeyi aynı anda yapmaya çalışmak yerine küçük, doğrulanmış adımlarla ilerleyin. Web siteniz, mağazanız veya uygulamanız gerekiyorsa We.Inc’te sohbette açıklama yaparak oluşturabilirsiniz. Yapay zekâ canlı ve düzenlenebilir site üretir; görsel olarak veya kodla geliştirip kendi alan adınızda ücretsiz SSL ile yayınlayabilirsiniz. We.Inc hesabınızı ücretsiz açın; kredi kartı gerekmez.
Hızlı altbilgi kontrol listesi
Yayınlamadan önce şunları kontrol edin:
- [ ] Telif hakkı satırında güncel yıl var.
- [ ] Gizlilik politikası ve kullanım koşulları bağlantıları çalışıyor ve güncel.
- [ ] İletişim yoluna tek tıklamayla ulaşılabiliyor.
- [ ] Bağlantılar tek uzun liste yerine etiketli bölümlerde gruplanmış.
- [ ] Mobil düzen düzgünce sütunlanıyor ve dokunmaya uygun.
- [ ] Rozet, ödül ve sertifikaların hepsi gerçek ve güncel.
- [ ] Sosyal bağlantılar etkin hesaplara gidiyor.
Altbilginin hemen üstündeki düzen kararları için ana sayfa tasarımı rehberimize bakın. Altbilgiden veya sayfanın başka yerlerinden potansiyel müşteri toplama konusunda iletişim formu rehberimiz pratik kurulumu anlatır. Altbilgide erişilebilirlik beyanı gerekiyorsa erişilebilirlik beyanı oluşturucumuz hızlı taslak hazırlamaya yardımcı olur; web sitesi yapma rehberimiz ise altbilgi dışındaki sayfa bölümlerini kapsar.
Ücretsiz başlayın · Kredi kartı gerekmez
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App