Web sitesi navigasyonu nasıl artırılır (örnekler ve neden yapmanız gereken nedenlerle)
Web sitesi navigasyonu, düşündükten sonra bir sayfa ve içerik olarak yaygın olarak oluşturulan bir şeydir. Yakın tarihli bir ankette, İnternet kullanıcılarının sadece% 50’si, ilgili içeriğin standart web sitesi navigasyon yapılarına dayanacağını tahmin edebilir.
Ücretsiz demoyu deneyin
Ziyaretçilerinizin yarısı aradıkları sayfayı bulamazsa, bu büyük bir UX sorunudur. Bu, daha yüksek bir ceza oranı, sahada daha düşük zaman ve daha düşük bir dönüşüm oranı ile sonuçlanacaktır. Bir E-Niaga mağazasını yönetirseniz, kötü navigasyon karınızı ve gelirinizi olumsuz etkileyebilir.
Bu yazıda, web sitesinin A’dan Z’ye navigasyonunu tartışıyorum. Hadi başlayalım!
Web sitesi navigasyonu nedir? Web sitesi navigasyonu, İnternet’teki sayfalarda, uygulamalarda ve web sitelerinde gezinme sürecidir. Arkasındaki teknolojiye hipermetin veya hipermedia denir. Köprü veya medya, internetteki diğer sayfalara bağlamak için köprü kullanan metin bazlı bir web sayfasıdır. Köprü, web tarayıcınızı URL’ye yönlendiren bir bağlantıdır.
URL, hangi dosyalara tarayıcı tarafından sunucudan erişilmesi gerektiğini gösterir ve kullanıcıların görebilmesi için verileri indirin ve oluşturur. Dahili bağlantılar aynı alanda farklı sayfalara yol açar. Harici bağlantılar, tamamen ayrı olan diğer alanlarda, web sitelerinde ve sunucularda farklı sayfalara yol açar. Web sitesi navigasyonu, ziyaretçilerin aradıkları sayfayı bulmasını kolaylaştıran dahili bir bağlantıya sahip bir menü kullanır. İyi bir navigasyon, dostça kullanıcı olan bir sitenin önemli bir unsurudur. Web sitesi gezinme menüsü nedir? Web sitesi gezinme menüsü, genellikle menüye düzenlenen dahili sayfaya olan bir bağlantı koleksiyonudur. Bizimki de dahil olmak üzere web sitelerinin çoğu menüyü web sitelerinin en üstünde görüntüler.
Hakkımızda.
Blog.
İletişim.
Özellik.
Paket fiyatı.
Menü, elbette, başka bir sayfaya bir bağlantı da içerebilir. Web sitesinin navigasyon yapısı nedir? Web sitesi gezinme yapısı, sitenizdeki farklı sayfaların birbirine nasıl düzenlendiğini ve birbirine bağlı olduğunu açıklar. Örneğin, birkaç sayfa ve içeriğe yalnızca belirli sayfaları ziyaret ederek ulaşılabilir. Tasarımcılar ve web geliştiricileri genellikle yeni web siteleri oluştururken navigasyon yapıları planlıyorlar.
Web sitesi gezinme yapısı
Doğru bir şekilde birleştirildiğinde, ziyaretçilerinizin web sitenizde gezinmesine ve hedeflerini sorunsuz bulmasına yardımcı olurlar. Birer birer daha yakından bakalım. 1. Global Web Sitesi Navigasyonu Global web sitesi navigasyonu ile menüler ve bağlantılar tüm web sayfalarında aynıdır. Kinsta’daki kendi site menümüz de dahil olmak üzere birçok modern menüler bu şekilde tasarlanmıştır: sayfayı aşağı kaydırırsanız, “Takip” menüsü.
Global Kinsta Zaman Menüsü
Ekran görüntülerinde, basit ve anlaşılması kolay başlık menümüzü görebilirsiniz. Tüm sayfalarımızda aynı şey aynıdır ve en önemli sayfalarımızdan ve içeriğimizden bazılarına yol açar. Bir karar vermeden önce potansiyel müşterilerin barındırma şirketi hakkında bilmek istedikleri önemli bilgileri biliyoruz. Bu nedenle potansiyel müşterilerin paketler, özellikler bulmasını ve bizimle iletişime geçmesini kolaylaştırıyoruz. Ve mevcut kullanıcılar için, mykinsta.info kontrol paneline girmelerine izin vermek için gelen bir seçeneğimiz var
Altbilgi menümüz de küreseldir ve web sitemizin önemli bölümlerini ve bazı üstün içerikleri vurgular.
Dipnotlar menüsü
Global menü, kutunun dışındaki çoğu CMS çözümü için bir standarttır. Her WordPress teması, gezinme menüsü için çeşitli türleri ve alanları görüntülemenizi sağlar. Daha fazlasına ihtiyacınız varsa, daha fazla seçeneğe sahip olmak için menü eklentisini kullanabilirsiniz. 2. Navigasyon web sitesi hiyerarşisi hiyerarşik navigasyon, menünün her sayfanın bağlamına bağlı olarak değiştiği anlamına gelir. Saf gazetelerin ve içeriğe dayalı içeriğin çoğu hiyerarşik navigasyon sergiliyor. Örneğin, Gazete Top sayfasını ziyaret ederseniz, genellikle başlık menüsünde en iyi haber kategorisine bağlantıyı görürsünüz.
NYT’den hiyerarşik navigasyon örnekleri
Hiyerarşik navigasyon örnekleri
Sayfaya bağlı ilgili içerik örnekleri
E-niagada yerel navigasyon örnekleri
Dahili bağlantılar aynı zamanda genel olarak SEO’nun ve daha spesifik olarak SEO WordPress’in önemli bir yönüdür, bu yüzden şimdi web sitesini yöneten herkes için standart bir uygulama.
NYT Ana Menü
Küresel.
Yerel.
NYT HOME – Başlık Menüsü
Hamburger menüsünü genişletirseniz, sol tarafta bir yan çubuğa dönüşür, burada en modern çözünürlüğe sahip geniş bir marj vardır. Web sitesindeki herhangi bir içeriği gizlemek için yer paylaşımı belirsiz/kullanmaz. Ana Sayfa (Hücresel) Cep telefonundaki aynı başlığı kontrol edelim. İnternet kullanıcılarının çoğunluğu haber web sitelerine akıllı telefonları aracılığıyla erişir, bu nedenle hücresel deneyim masaüstü deneyiminden daha önemli olabilir.
Ana Sayfa NYT – Hücresel
Altyazılar menü kategorisi haberleri, hücreseldeki verandanın bir parçası değildir. Tersine, yalnızca genişletilmiş bir seçeneğiniz var. Genişletildiğinde, tam ekran menüsü haline gelir ve verandadaki tüm içeriği tamamen kapsar.
Genişletilmiş Menü – NYT HOME (Hücresel)
NYT Science Page – Ana Menü
Başka bir neden, birçok hücresel deneyimin NYT ana sayfasını doğrudan ziyaret etmek yerine arama veya sosyal medya yoluyla başlaması olabilir. Bir makale için tek makale, yüzen bir başlık şu anda nerede olduğunuzun bir kısmını gösterir, ancak yalnızca genişletilebilen (arama kutularıyla birlikte) genişletilebilen küresel bir menü görüntüler.
Tek makale (hücresel) cep telefonlarında, tek menü hamburger başlık menüsü olduğu için temiz navigasyon korunur.
NYT Footer Footer dipnotları tüm verandalarda, kategori sayfalarında ve bir makalede aynıdır.
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
NYT Makaleleri – Altbilgi menüsü
NYT Makaleleri – Altbilgi Menüsü (Hücresel)
Mobil cihazlarda, altbilgi menüsünde yalnızca tıkanmadan sonra alt bölümlere dönüşen beş menü öğesi görüntülenir. Örneğin, sanat bölümüne tıklarsanız, bu alt bölümü keşfedebilirsiniz:
NYT Makaleleri – Genişletilmiş Altbilgi Menüsü (Hücresel)
Web sitesi, aşağı kaydırdığınızda daha dinamik içerik yüklemek için JavaScript kullandığından, altbilgi hiç yok gibi görünüyor. Bu, sitede zamana yardımcı olabilecek ve okuyucuların daha fazla makale okumasını sağlayabilen, ancak web sitesini dinvigate etmek biraz daha zor hale getirebilecek düzgün bir hile. Bazı insanların içeriğinin düzeni, gazeteler ve çevrimiçi bloglar tarafından kullanılan ana gezinme aracının sadece bir menü olmadığını iddia edebilir. Gazetenin düzeni, NYT ve diğer benzer alanlar için navigasyon bel kemiğini sağlar.
Yirmi yirmi temada başlık menülerine örnekler
Yirmi Yirmi Temadaki Genişletilmiş Başlık Menüsü Örneği
Altbilgide, sizi sayfanın üstüne geri getiren basit “UP” bağlantısı dışında dahili gezinme için bir bağlantı yoktur. İyi bir web sitesi navigasyonu yapan nedir? İyi bir web sitesinin navigasyonu her zaman kullanıcı dikkate alınarak tasarlanmıştır. Net bir dil, anlaşılması kolay ve en önemli sayfaya bağlantılar kullanır. Ana içerikten net bir şekilde ayrılmak için yeterli beyaz alan, renk değişiklikleri veya diğer tasarım teknikleri kullanır. Ayrıca, tüm cihazlarda (hücresel ve masaüstü) okumak ve kullanmak daha kolaydır. Kullanıcılara odaklanan navigasyon da bağlamsal demektir. Bu, kullanıcının deneyimini ve beklentilerini göz önünde bulundurur. Çevrimiçi gazetelerin hala “kalabalık” tasarımdan ayrılamamasının nedeni bu olabilir. Gazeteyi okuma bağlamında, çok geniş bir kategori ve alt kategori menüsü içeren kullanıcıları ve potansiyel müşterileri tarafından beklenen budur. Bir sonraki bölümde, siteniz için nasıl iyi gezinme yapılacağının temellerini tartışacağım.
8 Daha iyi web sitesi gezinmesi için ilkeler Yeni başlayanlar olsanız bile, aşağıdaki ipuçlarını izleyerek web siteniz için navigasyonda ustalaşabilirsiniz.1. Sayfalarınızı ve gezinmeyi planlayın Web siteniz için içerik yazmaya başlamadan önce, sayfa yapınızın ve navigasyonunuzun nasıl görüleceğini planlayın.Planlama, ziyaretçilerinize tatmin edici navigasyon sağlama sürecinin önemli bir parçasıdır.İstediğiniz web sitesi deneyimi için hızlı bir şekilde bir maket yapmanıza yardımcı olmak için bir site haritası üreticisi kullanabilirsiniz.İyi bir site haritası cihazına örnekler Gloomaps.peta gloo
4. Duyarlı bir menü kullanın çünkü tüm çevrimiçi trafiğin% 52’sinden fazlası artık mobil, duyarlı/mobil ilk tasarım mutlak bir zorunluluk haline geldi. Hücresel web tarayıcısında veya çok dağınık çerçeveden uzak duran menü yerine, genişletilebilecek hücresel bir menü uyguladığınızdan emin olun. Bu bir nedenden dolayı endüstriyel bir standarttır. Küçük metinlerle yatay menü okunması, tıklanması ve mobil cihazlarda doğru kullanılması zordur. İyi haber şu ki, en iyi WordPress temaları duyarlı bir tasarım ve varsayılan duyarlı bir menü ile geliyor. WordPress sitenizi sıfırdan tasarlamadığınız sürece, WordPress size yardımcı oldu. 5. Web sitenizin altına okumaya ve kaydırmaya devam eden altbilgi menüsü okuyucularınızdan yararlanın. Bundan yararlanın ve değerli içeriği vurgulamak için her sayfanın altındaki alanı kullanın. Altbilgi “en iyi paro” alanını almadığından, ayrıntılı olarak alabilir ve birkaç kategoriyi içerebilir ve hatta önemli pist sayfalarını veya makaleleri vurgulayabilirsiniz. Örneğin, bu sayfada altbilgimizi nasıl ele aldığımızı görün. Önemli özellikler sayfaları, şirketimizi, kaynaklarımızı kırma ve daha fazlasını ekliyoruz. Altbilgi, başlığınıza “sığamayacağınız” içeriği vurgulamanızı sağlar. 6. Navigasyonu diğer öğelerden ayırmak için renk ve beyaz alanı kullanın, menüyü ana içerikten ve yan bıçaklarınızdan ayırmak için renkler, yazı tipleri ve boşluklar kullanın. Navigasyonun nerede başladığını ve bittiğini açıklayın.
Yapının bu şekilde düzeltilmesinin SEO üzerinde olumlu bir etkisi olduğuna ve Google Site bağlantısına yol açabileceğine dair kanıtlar vardır.Bu yüzden web sitenizin yapısının çok dağınık olmasına izin vermeyin!2021 Web Sitesi Gezinme Menüsü Trendi Son yıllarda daha geniş web tasarımı trendleri, 3D tasarım öğeleri gibi şeyleri içerse de ve özellikle yaratıcı tasarımda yapılan fotoğrafları birleştiriyor olsa da, menünün çekici bir yılı yoktur.Ancak bu hiçbir şeyin değişmediği anlamına gelmez.Bu, son birkaç yıldır en önemli menü trendlerinden bazılarına dair kısa görüşümüzdür.Tam ekran hücresel menüsünde genişletilebilen kategoriler – hücresel menü