Mobil Duyarlı Web Tasarım

Mobil uyumlu duyarlı web tasarımı, (RDW) sunucunun bütün web görüntüleme özelliğine sahip cihazlara aynı HTML kaynak kodunu gönderdiği ve web sayfa tasarımının oluşturulması için farklı bir CSS'nin kullanıldığı işlemdir Bu sayede Cep telefonunuzdan web sitelerini uyumlu web sitelerini ziyaret ederek spor, müzik, yeni haber içeriklerine ulaşabilir, yeni bilgiler öğrenebilir internet sitelerinde dilediğinizce dolaşanilirsiniz

Duyarlı web tasarım tüm, cihazlara ekran yükseklik ve genişliğine göre uyumlu olarak ayarlanan kodları gönderir

Web tarayıcılarına içeriğin olması gerektiğini tanımlayan name="viewport" etiketi kullanılmalıdır Aşağıda görüldüğü gibi etiketi kullanabilirsiniz



< name="viewport" content="width=device-width, initial-scale=10">

Niçin Duyarlı Web Tasarım Tercih Edilmeli?

Duyarlı web tasarımı aşağıda sıralanan sebepler nedeniyle tavsiye ediyoruz
Tek Site URL ile ziyaretçiler web sitenizi paylaşabilirler ve bağlantı ekleyebilirler

Eşit bilgisayar ve mobil sayfaların varlığını tespit etmek yerine Arama motorları algoritmaları sayesinde web sitenizdeki sayfalara doğru atamasına olanak sağlar

Aynı web sayfası içeriği için ayrı ayrı düzenleme gibi çalışmalara gerek duyulmaz

Mobil hatalarını minimum dereceye düşürür, düzgün ve okunabilirliği arttır
Arama motorları tarafından daha kolay taranır Tasarruf sağlar Ayrıca web sitesine uygun olarak kodlama esnasında (CSS, resimler ve JavaScript) arama motorları tarafından taramaya engelleyecek kodlama tekniklerine dikkat edilmelidir

Duyarlı web tasarımının faydaları

Duyarlı yani diğer bir adı ile Responsive tasarım tamamen kullanıcılara özgürce web sayfalarında dolaşmasına yardımcı olur Duyarlı web tasarım tek bir web site ile tüm mobil cihazlar ve masaüstü bilgisayar tarafından uyumlu olarak çalışır Ziyaretçilerinize web sitenizde dolaşım ve görüntüleme kolaylığı sunar Tüm browser ve mobil cihazlar ile uyumlu çalışan web siteleri diğer responsive özelliğine sahip olayan internet sitelerine göre google ve diğer arama motorları tarafından daha çok tercih edilir ve popüler arama sonuçlarını etkilemesine yardımcı olur

Duyarlı mobil web tasarım aşamaları

Mobil cihazlar ve tüm browserlar ile uyumlu halde çalışan tek HTML kod yapısı kullanan, CSS ve JavaScript kodlarında değişiklik gösteren web yazılım alt yapısına sahip web siteleridir

Flash Kullanımı

Mobil tarayıcıların büyük bir çoğunluğu flash tabanlı kodlamayı desteklemez Ziyaretçileriniz navigasyon menüleri, animasyonları, swf uzantılı dosyaları ve sayfaları görüntülemekte problem yaşarlar Bu yüzden flash yapısına dayalı sayfalar oluşturmak mobil kullanımı ve arama motorlarının web sitenizi taramasına engel olur

Görünümü Yapılandırma

viewport etiketi sayesinde, web sitesi görünümü bütün ekranlara göre ayarlayabilirsiniz Bu sayede tüm ziyaretçileriniz web sitenizi web browser ekranına göre görüntüleme olanağı bulur

Sabit Görünüm Genişliği

Web sitenizi sabil bir görüntü boyutundan ziyade tüm ekranlara uyumlu hale getiriniz Sabit piksel ayarlanan web siteleri tüm ekranlarla uyumlu çalışmasına mani olur

Yazı Tiplerini Düzenleyin

Yazı tiplerinizi mobil web sitesi tasarımınıza göre uyarlayın tüm yazılarınızın okunurluğunu arttırmak sizlere, ziyaretçilerinizin web sayfanızda daha fazla vakit geçirmesini sağlar Web tasarım konuları hakkında detaylı bilgi için İstanbul web tasarım web sitesini ziyaret ederek uyarlı web sitesi genel bilgilerine sahip olabilirsiniz