İçeriğe geç
parazade

Mobil Uyumlu Ne Demek?

İngilizce: Mobile-Friendly

Yayın: · Son güncelleme:

Mobil Uyumlu Ne Demek? Kısaca

Mobil uyumlu, bir web sitesinin veya uygulamanın telefon ve tablet gibi küçük ekranlarda yakınlaştırma gerektirmeden okunabilmesi, düğmelerine kolay dokunulabilmesi ve hızlı açılması demektir.

Mobil Uyumlu nedir?
İçindekiler
  1. Mobil uyumlu ne demek?
  2. Mobil uyumlu bir sitenin özellikleri
  3. Nasıl kontrol edilir?

Mobil uyumlu ne demek?

Mobil uyumlu (mobile-friendly) site, telefondan açıldığında ziyaretçiyi zorlamayan sitedir. Yazılar yakınlaştırmadan okunur, menüler parmakla rahatça açılır, sayfa yana taşmaz. Ziyaretçilerin önemli bir kısmı siteleri telefondan açtığı için bu artık temel bir beklentidir.

Mobil uyumluluk genellikle responsive tasarım ile sağlanır. Bazı siteler ayrı bir mobil sürüm de kullanır, ama tek sayfanın her ekrana uyarlanması bakım açısından daha pratiktir.

Mobil uyumlu bir sitenin özellikleri

Birkaç temel özellik, sitenin telefonda rahat kullanılıp kullanılmadığını belirler:

  • Viewport meta etiketi doğru ayarlanmıştır.
  • Metin boyutu okunaklıdır, satırlar ekran dışına taşmaz.
  • Düğmeler ve bağlantılar parmakla dokunacak kadar büyük ve birbirinden uzaktır.
  • Görseller ekran genişliğine göre küçülür.
  • Açılır pencereler içeriğin tamamını kapatmaz.

Hız da bu tablonun parçasıdır. Mobil bağlantılar her zaman hızlı olmadığı için büyük görselleri sıkıştırmak ve gereksiz betikleri azaltmak gerekir.

Nasıl kontrol edilir?

En basit yol, sitenizi kendi telefonunuzda açıp bir ziyaretçi gibi gezmektir. Örneğin bir ürün sayfasından sepete ekleyip ödeme adımına kadar ilerleyin ve tek elle bunu yapıp yapamadığınıza bakın.

Tarayıcı geliştirici araçlarındaki cihaz görünümü ve Google'ın Lighthouse aracı da sorunları listeler. En sık görülen hatalar; masaüstüne göre ayarlanmış geniş tablolar, küçük yazı tipleri ve ekranı kaplayan çerez bildirimleridir.

Sıkça Sorulan Sorular

Sitemin mobil uyumlu olup olmadığını nasıl anlarım?

Siteyi farklı telefonlarda açıp gezinin ve tarayıcının geliştirici araçlarındaki cihaz görünümünü kullanın. Lighthouse raporu da mobil kullanım sorunlarını gösterir.

Mobil uyumlu olmayan site ziyaretçi kaybeder mi?

Genellikle evet. Telefondan giren ziyaretçi yazıları okuyamaz veya düğmelere basamazsa siteden kısa sürede çıkabilir.

İlgili terimler

Responsive Tasarım(Responsive Design)Responsive tasarım, bir web sitesinin düzeninin, görsellerinin ve yazılarının ekran genişliğine göre kendiliğinden uyum sağlamasıdır. Aynı sayfa telefon, tablet ve bilgisayarda okunaklı ve kullanışlı görünür.Media QueryMedia query, CSS'te belirli koşullar sağlandığında, örneğin ekran genişliği belli bir değerin altına indiğinde, yalnızca o duruma özel stil kurallarının uygulanmasını sağlayan bir yapıdır.Web Tasarım(Web Design)Web tasarım, bir web sitesinin yerleşimini, renklerini, yazı tiplerini, görsellerini ve kullanıcı akışını planlayarak sitenin hem estetik hem de kolay kullanılır olmasını sağlayan tasarım alanıdır.Kullanılabilirlik(Usability)Kullanılabilirlik (usability), bir ürünün belirli kullanıcılar tarafından belirli bir amaca ulaşmak için ne kadar etkili, verimli ve memnuniyet verici biçimde kullanılabildiğini anlatan kalite ölçütüdür.Özellik(Feature)Özellik (feature), makine öğrenmesinde her bir örneği tanımlayan ve modelin tahmin yaparken girdi olarak kullandığı ölçülebilir nitelik ya da değişkendir. Örneğin ev fiyatı tahmininde metrekare, oda sayısı ve konum birer özelliktir.Meta Etiketi(Meta Tag)Meta etiketi, HTML sayfasının head bölümüne yazılan ve sayfa içeriği hakkında tarayıcılara, arama motorlarına ve sosyal medya platformlarına bilgi veren, ziyaretçiye doğrudan görünmeyen etiketlerdir.Tarayıcı(Web Browser)Tarayıcı (web browser), internetteki web sayfalarını açmak, görüntülemek ve sayfalar arasında gezinmek için kullanılan yazılımdır. Chrome, Safari, Firefox ve Edge en yaygın tarayıcılardandır.