Mobil Uyumlu Web Tasarım Nasıl Yapılır?

Bir web sitesinin mobil uyumlu olabilmesi için bazı teknikler yer almaktadır. Responsive yani duyarlı web siteleri kurmak bu tekniklerin en temelini oluşturur. Esnek yapıya sahip siteler çeşitli tarayıcılara ve cihazlara uyumlu hale gelir. Günümüzde web sitelerine gelen trafiklerin yüksek bir kesimi, cep telefonlarıyla gelmektedir. Bu yapıya sahip web siteleri daha uygun fiyatlarla inşa edildiği için, bir çok webmaster tarafından tercih sebebidir. Bu teknoloji 2001 yılında ilk kez audi.com tarafından yapıldı. Yani tarayıcılara göre değişen esnek günümüzde, bir çok yazılımcıdan daha büyük bir yaşta. Bu nedenle yeni teknolojileri tercih etmenizi öneririm. Web sitelerinde son günlerde Search Console mobil kullanılabilirlik raporunda, en fazla tıklanabilir ögelerin yakınlığı, metinlerin okunamayacak kadar küçük olması, içeriğin ekrandan geniş olması, görüntü alanının ayarlanması gibi problemler görülüyor. Bu problemleri kesinlikle aşmalısınız. AMP ve Progressive Web App teknolojileri daha yeni ve hızlı web teknolojileridir.
Sitelerinize cep telefonu ile giriş yapan kullanıcılar içeriği düzgün 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, hemen çıkma oranı düşer. Kullanıcı etkileşimi ve deneyimi açısından olmazsa olmaz bir etkendir. Sitenizi tüm cihazlara uyumlu yapmanız Google sıralamasını da etkileyecektir. Eskiden internet sitesi sahibi olmak bir lüks gibi 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 gibi tüm telefonlarda sorunsuz açılmalıdır.

Mobil Uyumlu Tasarımın Avantajları​

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

Mobil Uyumlu Site Nasıl Yapılır?​

• Çoğu mobil cihaz ve tarayıcı Flash desteklemez. Flash kullanımını kapatın.
• Ekran boyutlarına göre sayfa genişler yada küçülür.
• Genişlik sabitlenir, sayfada kayma engellenir.
• Küçük 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 gibi reklam modelleri pasif edilir.
• Sayfanın başı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) gibi CSS kodlarıyla ekran boyutuna göre sayfadaki etkenler gizlenir, boyutu arttırılır.

Mobil Uyumluluk Testi​

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