Web Sitesi Yapısına İlişkin En İyi Uygulamalar

Yayınlanan: 2020-12-17

Web siteleri, esasen insanların kullanması için yayınlanan bilgi kaynaklarıdır. Kitaplara benzer şekilde, ciltleri çok küçük veya geniş olabilir. Ancak kitapların aksine, bir web sitesinin içeriği, ifade ve tasarım özgürlüğünden yararlanılarak çok çeşitli şekillerde yapılandırılabilir.

Aynı zamanda, web sitelerinin en iyi endüstri UX uygulamalarını ve kullanıcı alışkanlıklarını ve beklentilerini takip etmesi gerekir, bu nedenle özgürlük oldukça sınırlıdır. Web sitesi yapısı, bilgiye nasıl erişildiği ve hedef kitle tarafından nasıl kullanıldığının anahtarıdır. Bu nedenle çok sayıda kurala göre inşa edilmesi gerekiyor.

Web Sitesi Yapısı Neden Önemlidir?

Bir web sitesinin yapısı, sitenin nasıl oluşturulduğunu, içindeki tüm alt sayfaların birbirine nasıl bağlandığını ve hangi hiyerarşinin izlendiğini ifade eder. İyi bir yapı, bilgiyi bulmayı sezgisel ve kullanımı kolay hale getirecektir.

Tasarımcılar bir site yapısı oluştururken, ziyaretçilerin bir web sitesini nasıl kullanacaklarını ve içeriğinde nasıl gezineceklerini düşünmeleri gerekir. Odak noktası neyin yayınlanacağından nasıl ve neden yayınlanacağına kaydırılmıştır.

Web sitesi yapısı, üç ana bakış açısından temel bir kavramdır: işletme sahibinin hedefleri, sitenin ziyaretçilerinin deneyimleri, bundan yararlananlar ve içeriği tarayan, sıralayan ve doğru kullanıcılara sunan arama motorları.

İyi Web Sitesi Yapısı Nasıl Çalışır?

Bir web sitesindeki bilgiler iyi yapılandırıldığında ve ilgili bir tasarımla desteklendiğinde, sitenin sahibi, kullanıcılar ve arama motorları - herkes mutlu olur.

İşte yapının nasıl çalıştığı:

İşletme sahibinin hedeflerini destekler ve beklenen sonuçları artırır

Bir web sitesine yatırım yaptığınızda, performansı için net hedefler belirlemelisiniz. Bu hedefler, sitenin yapısı ile entegre edilmeli ve ifade edilmelidir.

Örneğin, yayınlanan blog ve kaynaklara odaklanmak istiyorsanız, ana sayfaya en iyi makaleleri eklemeniz ve kaynaklar bölümlerini menüde öne çıkarmanız gerekir. Dijital yayıncılar ve blog yazarları tarafından kullanılan tipik bir WordPress seçeneği olan ana sayfayı en son blog gönderilerinde açılacak şekilde ayarlamaya da karar verebilirsiniz.

WordPress yönetici paneli okuma ayarı

WordPress yönetici paneli, okuma ayarları - statik sayfa ve blog sayfası olarak ana sayfa seçimi

Kullanıcı deneyimini iyileştirir

Web sitesi yapısı, bir web sitesinin kullanıcı deneyimini yakından etkiler. Bilgi mantıksal bir şekilde yapılandırıldığında ve her şey sezgisel olarak erişilebilir olduğunda, kullanıcılar aradıklarını bulmak ve kullanmak için içerikte sorunsuz bir şekilde hareket ederler.

Robot taramalarını optimize ederek SEO'nuzu geliştirir

Arama motorları (Google), site içeriğini tarayan ve kullanıcılar için sıralayan araçlarla çalışır. Tarayıcı dostu web siteleri iyi bir yapıya sahiptir ve bu nedenle motorlar tarafından daha üst sıralarda yer alırlar.

XX Web Sitesi Yapısı En İyi Uygulamaları

Bir web sitesinin nasıl planlanacağına ve yapısının nasıl kurulacağına dair net bir vizyon olmadan, web tasarımı ve geliştirmesi yapmak mümkün değildir.

Aşağıdaki iyi uygulamalar, web sitesi planlamasına yaklaşırken yukarıda açıklanan perspektifleri ve faydaları içerir.

Web Sitesi Tasarımı İpuçları: Web Tasarımında Oyununuzu Nasıl Yükseltebilirsiniz?

1. İşletme Hedeflerinizi ve Hedef Kitlelerinizi Belirleyin

Web siteniz işletmenize hizmet edecek bir araçtır. Üzerinde hangi bilgileri yayınlayacağınızı ve ne sıklıkla güncelleyeceğinizi planlamak, web sitesi yapısının temelidir. Sitede hangi ürün veya hizmetleri sunacağınıza ve satacağınıza karar vermelisiniz.

Hedeflerinize ve iletişim hedeflerinize bağlı olarak, iki temel yaklaşım arasından seçim yapabilirsiniz:

  • Kullanıcı merkezli tasarım - Tüm bilgilerin kategorize edildiği ve hedef kullanıcı gruplarına göre yapılandırıldığı yer. Bu yaklaşım, milyonlarca insana hizmet veren, kullanıcıların kendi kategorilerini ve ihtiyaçlarına uygun bilgileri bulmaları gereken telekomünikasyon veya kurumlar gibi büyük şirketler için bir zorunluluktur.
Kurumsal bölüm

ATT.com doğrudan "Kişisel" bölümünde açılır ancak Küçük İşletmeler ve İşletmeler için de bir tane vardır; bu görüntüde - seçili Enterprise bölümü

Daha fazlasını okuyun: İnfografik: Kullanıcı Merkezli WordPress Kavramları Nasıl Geliştirilir

  • Şirket veya ürün merkezli tasarım - Bu web siteleri, şirket sahibinin kendisini ve / veya ürünlerini öne çıkarmak için oluşturulmuştur. Ayrıca, belirli kullanıcı gruplarını hedefleyen bölümler ve sayfalar da içerebilirler, ancak marka hala ana odak noktasıdır.
IMDB.com web sitesi yapısı

IMDB.com web sitesi yapısı prodüksiyona odaklanmıştır: filmler, TV şovları ve ünlüler

2. Rakip Araştırması Yapın

Web sitenizi tasarlarken, rakipleri araştırmak için birkaç neden vardır. Bunlardan biri, sitelerinin nasıl yapılandırıldığını incelemektir.

Site yapısı odak noktası olduğunda, rakiplerinizin ana sayfa düzenini, hizmetlerini nasıl gruplandırıp sunduklarını, iç sayfaların hiyerarşisinin ne olduğunu, gezinmenin nasıl organize edildiğini ve kullanıcı davranışı akışının ne olduğunu araştırmak isteyebilirsiniz.

Bir SEO perspektifinden, rakip araştırması, kendi sitenizin ana sayfa adları ve URL'leri, kategorileri, bölümleri ve gezinmesi için hangi sektörle ilgili anahtar kelimeleri kullanacağınızı bulmanıza yardımcı olacaktır.

Pazarlama Stratejinizi Geliştirmek İçin Rakip Araştırmasını Nasıl Kullanabilirsiniz?

3. Tüm İçeriğinizin Bir Envanterini Oluşturun

İçeriğinizi yapılandırabilmek için önce sitede ne yayınlamak istediğinizi açıklamanız gerekir. Her şeye sahip olduğunuzda, sadece onu kategorilere ayırmak ve uygun etiketleri seçmek meselesidir.

Bu yeni bir web sitesiyse, üzerinde yayınlamanız gerekenlerin bir listesini yapabilirsiniz. İçerik üretiminden kimin sorumlu olacağına ve ne sıklıkla oluşturulup güncelleneceğine dair bir not eklemeyi unutmayın.

Bir siteyi yeniden tasarlarken, içeriğinizi denetlemek de atmanız gereken ilk adımlardan biridir.

Önce İçerik Yaklaşımı ile Web Sitesi Yeniden Tasarımı Nasıl Gerçekleştirilir

4. Gönderi Türlerine Karar Verin

Gönderi Türleri, farklı WordPress site içeriği türlerini ifade etmek için kullanılan bir terimdir. Her gönderi türü genellikle farklı bir sayfa tasarımı, özel alanlar ve işlevlerle ilişkilendirilir.

DevriX portföy gönderi türü

DevriX, müşteriler için vaka çalışmaları yayınlamak için bir Portföy gönderi türü kullanıyor

Varsayılan olarak, WordPress'in iki ana gönderi türü vardır - Sayfalar ve Yazılar - CMS yalnızca blogların daha kalıcı içerik için birkaç "statik" sayfaya ve haberler ve güncellemeler için blog gönderilerine ihtiyaç duyduğu bir blog platformu olduğu zamandan gelir.

Web sitenizin amacı ne olursa olsun, bu iki temel gönderi türünü kullanmanız gerekecektir. Bu nedenle, istediğiniz ve sitenizde yayınlamanız gereken tüm içeriği toplayıp tanımladıktan sonra, iki türe ayırın:

  • Sayfalar için - Ne yaptığınız, temel hizmetleriniz nelerdir ve neden iş yaptığınız gibi bilgilerin düzenli olarak değişmeyeceği daha kalıcı, muhafazakar veya her zaman yeşil olan kısım - çoğu zamana duyarlı değildir.
  • Gönderiler için - Haberler, blog gönderileri, teknik incelemeler, araştırmalar vb. Gibi dinamik kısım veya güncel bilgileri içeren ve gelecekte sürekli olarak üretilecek herhangi bir içerik.

Portföyler, Görüşler, Projeler gibi daha fazla gönderi türüne ihtiyacınız olduğunu keşfedebilirsiniz. İyi haber şu ki, WordPress'te özel gönderi türleri oluşturmak için birden fazla eklenti var ve bazı temalar çeşitli şeyler içeriyor. Ayrıca, sonraki sürümlerde, WordPress özel gönderi türlerinin kaydını etkinleştirdi.

İhtiyaç duyduğunuz gönderi türü seçimini tamamladığınızda, sitenizi bunları içerecek şekilde yapılandırmak çok daha kolay olacaktır.

WordPress Sayfaları vs WordPress Gönderileri, Sağduyu ve SEO

5. Bir Alıcı Yolculuğu ve Kullanım Örnekleri Oluşturun

Bir web sitesinde alıcı yolculuğu, kullanıcıların ilk ziyaretlerinden sitede bir ürün veya hizmet satın aldıkları ana kadar geçirdikleri süreçtir. Web sitesi yapısı bu satın alma sürecini temel almalı ve böylece kullanıcıların ihtiyaç duyduklarını bulmalarını ve bir sonraki aşamaya geçmelerini kolaylaştırmalıdır.

Dönüşüm Yolu: Web Sitenizdeki Kullanıcı Yolculuğunu Tanımlayın

Kullanım senaryoları, Kullanılabilirlikte temel bir kavramdır. Ziyaretçilerin web sitenizi nasıl kullanacağına dair yazılı açıklamalar vardır. Her bir kullanım durumunu açıklamak için, kullanıcının amacına ve hedefe ulaşıldığında sona eren bir dizi basit adım listelemelisiniz.

Site yapısına karar verirken, tüm hedef gruplarınız için kullanım senaryolarını yazmanız gerekir. Bu, yapısının onu destekleyebilmesi için sitenizdeki kullanıcı davranışının net bir vizyonunu verecektir. Bu, sitenizin işlevlerini de planlamanın en iyi yoludur.

MVP Web Sitesi: Bilmeniz Gereken Her Şey + İnfografik

6. Birincil Anahtar Kelime Araştırmasını yapın

Web sitesini oluşturduktan sonra, ona istediğiniz kadar içerik ekleyebileceksiniz.

Ancak siteyi planlama - veya yeniden tasarlama sürecinde - web sitesi yapısının, sıralamak istediğiniz en önemli ve alakalı anahtar kelimeler kullanılarak oluşturulması son derece önemlidir.

Hizmetlerinize "Ürünler" mi yoksa "Çözümler" mi diyeceksiniz? Çevrimiçi mağazanızda "Markalar" bölümüne mi ihtiyacınız var?

Yaptıklarınızla alakalı en popüler terimleri eklediğinizden emin olun. Önümüzdeki yıllarda SEO pazarlama stratejinizin merkezinde olacak kelimeleri ve ifadeleri kullanın.

Hem ücretsiz hem de ücretli birçok araç ve bir web sitesi için birincil anahtar kelime araştırmasının nasıl yapılacağına dair öğreticiler vardır. Bunları akıllıca birleştirin ve en sağduyulu seçimlerle başlayın.

SEO İçin Anahtar Kelime Araştırması Doğru Yapıldı

7. Sınıflandırmalardan Yararlanın

Taksonomi, yayınlanan içeriği sınıflandırmak için kullanılan bir sistemdir. Yayınladığınız şeye etiketler ve açıklayıcı terimler ekleme stratejisidir. Taksonomiler, benzer içerik türlerini gruplamak ve bu gruplar arasındaki ilişkileri ve benzerlikleri tanımlamak için kullanılır.

WordPress'te, yazı türlerine taksonomiler eklenir. Tek başına etiketlerdir hiyerarşik olabilir Kategoriler, ve Etiketler vardır. Yayın türleri için, kullanıcıların aradıkları içeriği bulmalarını kolaylaştıran bir sınıflandırma sistemi oluştururlar.

DevriX sitesinde Gönderi Kategorileri

DevriX sitesinde Gönderi Kategorileri

Arama motorları, içeriği uygun bir şekilde sıralayıp sıralamaya yardımcı oldukları için taksonomileri de kullanır. Sıralamak istediğiniz anahtar kelimeleri ve bunları kullanacak gönderi türlerini tamamladıktan sonra, kategoriler ve etiketler gibi sınıflandırmalarınız olarak seçili anahtar kelimeleri eklemeniz yeterlidir.

WordPress ile taksonomiler zorunlu değildir. Ancak site menülerine eklenebilirler, bu yüzden site yapısı ile yakından ilişkilidirler. Örneğin, DevriX blog, 3 ana kategoriye dayalı makaleler için bir alt menüye sahiptir: İşletme, Pazarlama ve Geliştirme:

8. Basit ve Mantıksal Bir Gezinme Oluşturun

Web sitesinin yapısı, tasarımında öncelikle menü ile görselleştirilir. İşletmenizin öncelikleri menü yapısında uygulanmalı ve en iyi içeriğinizi içermelidir.

Menülere dahil edilen sayfalar ve kategorilerin alt başlıkları olabilir veya hiyerarşi olmaksızın eşit oluşturulabilir. Her düzeydeki bağlantı sayısına menü genişliği ve düzeylerin sayısına menü derinliği denir.

Menü genişliği ve derinliği söz konusu olduğunda, uyulması gereken birkaç basit kural vardır.

  • Çok sayıda yatay kategori kullanmayın - maksimum 7-8 için gidin;
  • Çok derinleştirmeyin - itaat 3 seviyeden fazla düşmemelidir
  • Simetrik ve dengeli tutun - bir bölümde çok fazla alt sayfa ve diğerinde yalnızca bir çift varsa, tüm yapı yanlış olabilir.

Tipik bir işletme web sitesi, standart bir yerde bulunan basit ve öngörülebilir gezinme kullanmalıdır. Bir WordPress web sitesinde, bazı temalar, her biri için farklı sayfalar ve bağlantılar seçme seçeneğiyle birlikte iki veya daha fazla menü konumuna izin verir. Sitenin altbilgisine bir menü eklemeniz ve kenar çubuğu gezinmesini ayrı tutmanız önerilir.

WP Düzenleme menüleri

WordPress düzenleme menüsü seçenekleri arasında Sayfalar, Gönderiler, diğer Yazı türleri, Özel bağlantılar, Kategoriler yer alabilir

9. Web Sitesinin URL Yapısına ve Kalıcı Bağlantılarına Karar Verin

WordPress ile URL yapısı ayarlarda önceden tanımlanmıştır.

Anahtar kelime araştırmanızı doğru yaptığınızda, taksonomiler oluşturduğunuzda ve menü hiyerarşisine karar verdiğinizde, kalıcı bağlantıları sonlandırmak kolay olacaktır. En önemli anahtar kelimelerinizin ve sınıflandırmalarınızın, SEO için daha güçlü hale getirilmesi için URL'lere girmesi gerekir.

İşte bir WordPress web sitesinde URL yapısı için bazı iyi uygulamalar:

  • Gönderi adını etki alanıyla şu şekilde birleştiren bir kalıcı bağlantı yapısı kullanın: https://yourwebsite.com/ post-name
  • Varsayılan olarak WordPress, sayfalarınız ve yayınlarınız için başlıklarındaki tüm kelimeler dahil bir kalıcı bağlantı oluşturur. Ancak, bunlar çok uzun olabilir ve önemsiz kelimeler içerebilir, bu yüzden onları düzenleyin.
  • Sayfalarınızı Google'da en iyi şekilde sıralamak için kalıcı bağlantıları yaklaşık 60 karakter uzunluğunda tutun.
  • Mümkün olduğunda, en önemli anahtar kelimeleri başlıktan tutarak daha kısa URL'ler oluşturun - bu aynı zamanda arama motorlarının sayfalarınızı dizine eklemesine yardımcı olur.
  • Bağlaçlar ve zamirler gibi tüm durdurma sözcüklerini kaldırın.
  • Hem kullanıcıların hem de arama motorlarının sayfanın neyle ilgili olduğunu görmesine yardımcı olmak için kalıcı bağlantılardaki kelimeleri ayırmak için kısa çizgiler kullanın.
WordPress kalıcı bağlantı ayarları

WordPress seçeneklerinde kalıcı bağlantılar / URL yapısı - posta adı türü, anahtar kelimeleri içerdiği için genellikle en çok tercih edilen türdür

10. Web Sitesi İçin Site Haritası Ekleyin

Sitenizin site haritası, web sitenizin tüm sayfalarını ve yayınlanan medyayı içeren ve birbirleriyle nasıl ilişkili olduklarını gösteren bir dosyadır. İçeriğiniz aracılığıyla Google'a ve diğer arama motorlarına bir yol haritası olarak hizmet eder ve içeriği daha hızlı ve daha akıllı bir şekilde taramalarına ve sınıflandırmalarına yardımcı olur.

Site haritasına sahip olmak zorunlu değildir, ancak özellikle karmaşık siteler için şiddetle tavsiye edilir. Dosyanın da otomatik olarak oluşturulması ve güncellenmesi gerekir.

Eklentiler de dahil olmak üzere WordPress sitenize bir site haritası oluşturmanıza ve eklemenize yardımcı olacak birçok araç vardır. Ancak, en son sürüm WordPress 5.5 ile birlikte. XML site haritaları varsayılan olarak etkindir ve kullanıcılar da bunları görebilir.

Sitenizin yapısı ve hem arama motorlarının hem de insanların sitede gezinirken gördükleri hakkında herhangi bir şüpheniz varsa, site haritanıza bakın.

ATT site haritası sayfası

ATT.com site haritası - tasarımla eşleşmesi için dahili bir sayfa olarak oluşturulur

Web Sitenizin Hiyerarşisini Planlama

Yukarıdaki tüm görevleri tamamladıktan sonra sitenin yapısını tamamlamak kolay ve hızlı olacaktır. Son seçiminizi yaparken göz önünde bulundurmanız gereken bazı genel site yapısı türleri şunlardır:

Hiyerarşik bir web sitesi , bazı sayfaların diğerlerine tabi olduğu ve yapının bir ağaca benzediği anlamına gelir. Tipik bir web sitesinde, ana sayfa en üsttedir. Buradan, ana menüdeki alt sayfalara sahip olabilecek diğer sayfalara gidersiniz.

Hiyerarşik olmayan bir web sitesi yapısı, alt sayfaların olmadığı anlamına gelir. Çok fazla içerik olmadığında ve yalnızca birkaç sayfa olduğunda, hepsi eşit olarak oluşturulabilir ve ana menüde yatay olarak gösterilebilir.

nika ajansı hiyerarşi sitesi yok

Hiyerarşisiz bir web sitesi örneği - Nika Agency - bu sitenin bir portföy bölümü olmasına rağmen, proje sayfaları alt sayfalar değildir, örneğin https://nika.agency/ apothe-pure-details .html

Tek sayfalı web siteleri , hiyerarşisiz yapıların başka bir güzel örneğidir. Her şey tek bir sayfada yayınlandığı için üst / alt sayfa yoktur. Tek sayfalık tasarım, kısa ömürlü etkinlik ve tanıtım web siteleri, tanıtım sayfaları veya bir kartvizite benzer çok kısa bir temsile ihtiyaç duyan bir işletme için iyi bir çözümdür.

GlobeKit tek sayfalık tek hizmet web sitesi

GlobeKit, geliştiricilerin animasyonlu ve etkileşimli küreleri web'e hızla getirmesini sağlayan tek hizmetli bir web sitesidir. Hepsi interaktif animasyonlu gezinme (kaydırma) ile ana sayfada yer alan 6 bölümden oluşur.

Sıralı, Matris ve Veritabanı gibi daha az popüler web sitesi yapıları vardır. Adlarından da tahmin edebileceğiniz gibi

  • Sıralı model, kullanıcıları bir dizi adımda meşgul eder
  • Matrix , kullanıcıların site içeriğinde nasıl gezineceklerini kendi yollarını seçmelerine olanak tanır
  • Veritabanı bir veritabanı üzerine kuruludur ve özniteliklerini kullanıcı deneyimini aramak ve üretmek için kullanır.

Son düşünceler

Bir işletme web sitesinin genel yapısı temiz, basit ve mantıklı olmalıdır. Yapının tasarlanması, web sitesi tasarımı ve geliştirmesinde temel bir süreçtir. Yukarıda bahsedilen iyi uygulamaları takip etmek, sitenizin yapısını iş hedefleriniz ve hedef gruplarınızla alakalı hale getirmek için tüm önemli faktörleri dikkate almanızı garanti etmeye yardımcı olacaktır.