Mobil Uyumlu Web Tasarım Nasıl Yapılır? | Webmaster Forum

Mobil Uyumlu Web Tasarım Iyi mi Yapılır? | – | Türkiyenin En iyi Webmaster Platformu

JavaScript dönem dışı. Daha iyi bir tecrübe için, ilkin lütfen tarayıcınızda JavaScript’i etkinleştirin.

Mobil Uyum

Bir web sitesinin mobil uyumlu olabilmesi için bazı teknikler yer verilmiştir. Responsive kısaca duyarlı internet sayfaları oluşturmak bu tekniklerin en temelini oluşturur. Esnek yapıya haiz siteler çeşitli tarayıcılara ve cihazlara uyumlu hale gelir. Günümüzde internet sayfalarına gelen trafiklerin yüksek bir kesimi, cep telefonlarıyla gelmektedir. Bu yapıya haiz internet sayfaları daha uygun fiyatlarla inşa edilmiş olduğu için, bir oldukca webmaster tarafınca tercih sebebidir. Bu teknoloji 2001 senesinde ilk kez audi.com tarafınca yapılmış oldu. Şu demek oluyor ki tarayıcılara gore değişen esnek günümüzde, bir oldukca yazılımcıdan daha büyük bir yaşta. Bundan dolayı yeni teknolojileri tercih etmenizi tavsiye ederim. Web sitelerinde son günlerde Search Console mobil kullanılabilirlik raporunda, en fazla tıklanabilir ögelerin yakınlığı, metinlerin okunamayacak kadar minik olması, içeriğin ekrandan geniş olması, görüntü alanının ayarlanması şeklinde problemler görülüyor. Bu problemleri kesinlikle aşmalısınız. AMP ve Progressive Web App teknolojileri daha yeni ve süratli web teknolojileridir.
Sitelerinize cep telefonu ile giriş icra eden kullanıcılar içinde ne olduğu muntazam olarak görüntüleyemiyorsa, siteyi terk edecektir. Bu da size ziyaretçi kaybı yaşatacaktır. Oysa mobil uyumlu web sitelerinde durum farklıdır. Siteye giren ziyaretçilerin geçirdiği süre artar, derhal çıkma oranı düşer. Kullanıcı etkileşimi ve deneyimi açısından eğer olmazsa olmaz bir etkendir. Sitenizi tüm cihazlara uyumlu yapmanız Google sıralamasını da etkileyecektir. Eskiden web sitesi sahibi olmak bir lüks şeklinde görünüyordu. Oysa şimdi site yapmanın yanı sıra tüm cihazlara uyumlu olması bir zorunluluk.
Mobil dostu siteler Android, Ios, BlackBerry, Symbian, Windows Mobile şeklinde tüm telefonlarda sorunsuz açılmalıdır.

Mobil Uyumlu Tasarımın Avantajları​

  • Responsive tasarıma haiz siteler kullanışlıdır ve kullanıcı deneyimini arttırırlar.
  • PWA, AMP şeklinde teknolojilere nazaran daha uygun maaliyetlidir.
  • Mobil uyumlu internet sayfaları ayrı bir mobil siteye gerekseme duymaz.
  • Arama motorları tarafınca tavsiye edilen siteler mobil uyumlu sitelerdir.
  • Duyarlı tasarıma haiz siteler cihazın ekran boyutuna gore adapte olabildiği için, aygıt farkları olduğu süre ayrı bir URL vermeye gerek kalmıyor.
  • Tek bir panelden tüm cihazlarda görünümler yönetilebilir.

Mobil Uyumlu Site Iyi mi Yapılır?​

  • Bir çok mobil aygıt ve tarayıcı Flash desteklemez. Flash kullanımını kapatın.
  • Ekran boyutlarına gore sayfa genişler yada küçülür.
  • Genişlik sabitlenir, sayfada kayma engellenir.
  • Minik yazı tipleri büyütülür.
  • Birbirine yakın bağlantıların ve butonların arası açılır.
  • Reklamlar optimize edilir, popup şeklinde reklam modelleri eylemsiz edilir.
  • Sayfanın başlangıcında yüklenip sonunda kullanılan JS kodları sayfanın en altına alınır.
  • Mobil sayfa hızı arttırılır.
  • @media (max-width: 768px) şeklinde CSS kodlarıyla ekran boyutuna gore sayfadaki etkenler gizlenir, boyutu arttırılır.

Mobil Uyumluluk Testi​

Google’ın internet sayfaları için mobil uyumluluk testi uygulaması bulunmaktadır. Sitenizi kontrol etmek için https://search.google.com/kontrol/mobile-friendly adresini kullanabilirsiniz.

  • Her insanın her mevzuda fikri vardır.
    Niçin siz de yorum ve fikirlerinizi bizlere aktarmayasınız?
    Sitemizde memnun bulunmadığınız bir şey mi var?
    Ya da sitemizde yayınladığımız bir yazı hakkında bir ekleme yapmak mı istiyorsunuz?
    Yorum yapın!
    Ziyaretçilerimizin fikirleri ve önerileri hepimiz için oldukca kıymetli!