Sezgisel Web Sitesinde Gezinme için En İyi Drupal 8 (ve 9) Modülleri

Başarılı bir web sitesinin gizli sosu nedir? Şey, hemen aklıma gelen 10'dan fazla faktör var. Çekici bir tasarım, sayfa yükleme hızı, içerik kalitesi, pazarlama çabaları ve daha fazlası gibi. Başarılı bir web sitesini yönlendiren harika bir kullanıcı deneyimi için önemli ancak genellikle gözden kaçan bir unsur, sezgisel bir gezinmedir. Drupal 8, web sitenizin gezinme yapısını iyileştirmek için harika bir modül setine sahiptir. Kolay ve sezgisel web sitesinde gezinmeyi sağlayan en iyi Drupal 8 (ve 9) modüllerinin bir listesini hazırladık. Öğrenmek için okumaya devam edin.

İyi bir web sitesi navigasyonu, site ziyaretçilerinin web sitenize gelir gelmez bilgilerini tam olarak nereden alacaklarını bilmelerini sağlar. Tersine, kötü web sitesinde gezinme, dönüşüm oranınıza zarar verir ve hemen çıkma oranlarını artırır. Çekici tasarıma sahip bir web sitesi, her zaman içinde gezinmenin sezgisel olduğu anlamına gelmez. Harika gezinme yapılarına sahip sıradan tasarımlara sahip web siteleri gördüm. Ve onlara geri dönmeye devam ediyorum çünkü ihtiyacım olanı her yere dağılmadan alabileceğimi biliyorum. CrazyEgg'e göre, temel kural, kullanıcınızın ihtiyaç duyduğu şeyi bulması için 3 tıklamadan fazla sürmemesi gerektiğidir.

Sezgisel Web Sitesinde Gezinme Öğeleri

Web sitenizin ziyaretçileri, dikkati dağılmadan veya kafası karışmadan bir sayfadan diğerine sorunsuzca geçebilmelidir. Dikkati dağılmış veya kafası karışmış kullanıcılar, siz onlarla bağlantı kurmadan önce web sitenizden ayrılacaktır. Harika bir tasarıma sahip olmak iyidir, ancak ziyaretçileriniz iletişim formunuzu bulamıyorsa, bunun bir anlamı yok, değil mi? Peki, iyi bir navigasyon yapısını ne oluşturur?

1. Ana Gezinti Çubukları

Bu, bir web sitesinin en önemli gezinme öğesidir. Ziyaretçileri web sitenizin etrafında yönlendirmek için bağlantıları listeleyen yatay (bazen dikey) bir çubuktur. İyi bir ana gezinme çubuğunun basit, kısa, tutarlı, yardımcı ve akılda kalıcı olması gerekir.

2. Ekmek kırıntıları

Bu yararlı gezinme yardımcıları, site ziyaretçilerinin tam olarak nerede olduklarını belirlemelerine yardımcı olur. Bunlar, ana sayfadan başlayan ve geçerli sayfayla biten, genellikle ">" veya "/" sembolüyle ayrılan bir bağlantı dizisidir.

3. Çok Sütunlu Menüler (ve Alt Menüler)

Tonlarca şubesi ve alt şubesi olan daha karmaşık bir web sitesi çok sütunlu menüler kullanmalıdır. Yine, bu menüler basit ve gezinmesi kolay olmalıdır.

4. Site Haritaları

Genellikle yalnızca bir SEO güçlendiricisi olarak kabul edilen Site Haritaları, bir gezinme yardımı olarak da son derece yararlıdır. Tipik bir Site Haritası, tüm web sitesinin hiyerarşik bir yapısını göstermelidir.

5. CTA (Harekete Geçirici Mesaj) Düğmeleri

Tüm eylemin gerçekte gerçekleştiği yer burasıdır! Bu CTA düğmelerinin doğru yerleştirilmesi, renk, yazı tipi stili, boyut, metin vb. gibi diğerleri arasında önemli bir rol oynar.

6. Kenar çubukları

Bu, site ziyaretçileriniz için UX'i geliştirmek üzere sayfaya özel bağlantılar eklemek için iyi bir yerdir. İyi kenar çubukları basit olmalı, çok uzun olmamalı, bir CTA içermeli ve uygun şekilde sıralanmalıdır.

7. Köprüler

Burada harici bağlantıdan çok dahili bağlantıdan bahsediyoruz. Bir köprü sezgisel olmalı ve ziyaretçiyi bekledikleri sayfaya yönlendirmelidir (lütfen sürpriz yapmayın). Dahili bağlantılara sahip olmak SEO için iyi olsa da, aşırıya kaçmayın, aksi takdirde sayfadaki odaklarını kaybetme riskiyle karşı karşıya kalabilirsiniz.

8. Altbilgiler

Altbilgilerin göz ardı edilmesi kolaydır ve genellikle yalnızca telif hakkı ayrıntılarını görüntülemek için kullanılır. İnsanların bir sayfanın sonuna kadar kaydırmadığı efsanesi artık çökmüştür. Tipik bir alt bilgi, üstbilgi veya kenar çubuğu bölümlerinde görüntüleyemediğiniz bağlantılar içermelidir. Ayrıca iletişim bilgilerinizin yanı sıra e-posta listesi kayıt mini formlarına da sahip olabilir.

Sezgisel Gezinme için En İyi Drupal 8 (ve 9) Modüller

1. Menü Bloğu

Drupal 8 Menü Bloğu modülünün tasarımı, Drupal'ın standart ağaç gezinme stilini takip eder, ancak çekirdek Menü modüllerinde sunulanlardan daha gelişmiş özellikler sunar. Menü bağlantı bloklarını kolayca yapılandırabilir ve başlamak ve bitirmek istediğiniz seviyeyi belirleyebilirsiniz. Gösterebileceğiniz seviye sayısında bir sınırlama yoktur. Alt menü öğelerinizi genişletilmiş tutmayı seçebilirsiniz. Bu modülün bazı temel özellikleri Drupal 8 çekirdeğine taşınmıştır. Menü blok modülü ayrıca Drupal 9'u da destekler.

2. Kolay Ekmek Kırıntısı

Drupal 8 Easy Breadcrumb modülü, web sayfasının geçerli URL'sinden konum segmentlerini çıkararak çalışır. Tonlarca yapılandırılabilir seçenek sunar ve mevcut Drupal kırıntı modülünün yerini alabilir. Ana sayfa bağlantısını veya belirtilen diğer bağlantıları tamamen gizlemeyi seçebilirsiniz. Easy breadcrumb modülü de Drupal 9'u destekler!

3. Süper balık

Drupal 8 Superfish modülü, büyük ve çok katmanlı, çok sütunlu açılır menüleriniz olduğunda idealdir. Modül, dokunmatik ekranlar, ekran okuyucular ve diğer klavye etkileşimleri için çalışan çok yönlü bir menü eklentisi olan jQuery Superfish eklentisi ile entegre olur. Mouse-out, animasyonlar, menü bağlantılarını gizleme ve gösterme, alt menüler algılanırsa oklar ekleme ve çok daha fazlası için zaman gecikmeleri eklemek için yapılandırılabilir. Ayrıca Drupal 9 uyumludur.

4. Site Haritası

Drupal 8 Site Haritası modülü basit, temiz ve kullanımı kolaydır. Tüm site yapısını temiz bir hiyerarşik yapıda görüntüleyebilir. Bloglar ve kategoriler için RSS beslemeleri oluşturmayı ve görüntülemeyi de seçebilirsiniz. Site Haritası modülü Drupal 9'u destekler.

5. Menü Öğesi Rol Erişimi

Bu modül, menülerinize erişim kontrolü eklemenizi sağlar. Kullanıcı rollerine bağlı olarak menü öğelerini etkinleştirebilir ve devre dışı bırakabilirsiniz. Drupal 8 Menü Öğesi Rol Erişim modülü, menü öğelerine rol alanına (isteğe bağlı) girmenizi sağlar. Ayrıca Drupal 9'u da destekler.

6. Çizburger Menüsü

Hamburger menülerinin harika olduğunu düşünüyorsanız, Cheeseburger menüsüne göz atana kadar bekleyin. Drupal 8 Cheeseburger menü modülü, bazı harika özelliklerle birlikte gelir ve yalnızca mobil görünümle sınırlı değildir, aynı zamanda masaüstü görünümleri ve çeşitli ekran boyutlarıyla da çalışır. Cheeseburger menüsünde görünmesini istediğiniz menü öğelerini seçme ve menü başlıklarını düzenleme esnekliği sağlar. Drupal Commerce kullanıyorsanız, menüde alışveriş sepetini veya mağaza telefon numarasını görüntülemeyi seçebilirsiniz. Cheeseburger menünüzün yapısı olarak taksonomiler seçilebilir. Cheeseburger menü modülü de Drupal 9'u destekler!

7. Menüyü Basitleştirin

Drupal 8 Menüyü Basitleştir modülü, Twig şablonunuzda menüler oluşturmanıza olanak tanır. Erişilebilirliği sağlayan ve standartlarla uyumlu menü işaretlemesinin özelleştirilmesine olanak tanır. Menü ağacınızı twig şablonunda bir dizi olarak oluşturabilir ve menü dizisi üzerinde tam kontrole sahip olabilirsiniz. Bu modül henüz Drupal 9'u desteklemiyor.

8. Toplam Kontrol Yönetici Panosu

Drupal 8 Total Control Yönetici Panosu, kullanışlı bir yönetimsel gezinme aracıdır. Tüm yönetim araçları için merkezi bir merkez görevi görür. Pano, yönetici bölmelerini ve kullanıcılara hızlı bağlantıları, sınıflandırmaları, menüleri, içerik türlerini, site istatistiklerini, görünüm paneli bölmelerini ve daha fazlasını görüntüler. Görünümler paneli bölmeleri daha da özelleştirilebilir. Bu modül ayrıca Drupal 9 ile de çalışır.

9. Altbilgi haritası: bir altbilgi site haritası

Adından da anlaşılacağı gibi, Drupal 8 Footermap modülü, Drupal web siteniz için alt bilgi bloğuna yerleştirilebilecek bir site haritası sağlar. Dinamik bir site haritası oluşturulmasına izin verir ve çeviri ve önbelleğe almayı desteklemek için kolayca yapılandırılabilir. Görüntülenecek menüleri seçebilir, menü düzeyi sınırını (alt menüler) ayarlayabilir, menü başlığını etkinleştirebilir, CSS'yi site düzeninize uyacak şekilde düzenleyebilir ve çok daha fazlasını yapabilirsiniz. Footermap modülü ayrıca Drupal 9 ile de çalışır.