Teknoloji Haberleri
Aşağı Git
Tüm Forumlar
Web Tasarım - Programlama
Tasarım ve grafik
Web Tasarım ve Hazır Kodlar
Mobil Uyumlu Web Tasarım Nasıl Yapılır?
Bu konudaki kullanıcılar: 1 misafir
1
Cevap 234
Tıklama 0
Öne Çıkarma
Cevap 234
Tıklama 0
Öne Çıkarma
1. sayfa
-
Mobil Uyumlu Web Tasarım Nasıl Yapılır?
1. sayfa
DH Mobil uygulaması ile devam edin.
Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin.
Gizle ve güncelleme çıkana kadar tekrar gösterme.
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çinhttps://search.google.com/test/mobile-friendly adresini kullanabilirsiniz.
https://bertanuzun.com/mobil-uyum/