İnternet ilk çıktığı zamanlarda erişim için kullanılan neredeyse tek cihaz türü (ekonomik etkenlerin de etkisiyle) masaüstü bilgisayarlardı. Daha sonra taşınabilir dizüstü bilgisayarlar yaygınlaştı ve zamanla monitör boyutları ve en-boy oranı kullanımları farklılaşmaya başladı. Bu değişikliklerde sinema filmi gibi medyaların video çözünürlükleri etkili oldu. Ülkemizde özellikle 2000li yıllarda kullanımı gittikçe artmaya başlayan akıllı telefonlar günümüzde her kesimden ve yaştan kullanıcı tarafından yoğun bir kullanım alanına sahip oldu. Bunlara bir zaman popüler olan netbook bilgisayarları ve tabletleri de ilave ederseniz artık mobil cihazların ciddi bir kullanım oranına sahip olduğu günümüzde web sitelerinin aynı değişimi biraz geç de olsa takip etme zorunluluğu geldi.
Web teknolojilerinde özellikle Html 5 ve CSS 3 ile arayüz geliştirmede kullanılan teknoloji güncellemeleri de mobil cihazların ihtiyaçlarına karşılık verecek şekilde ilerledi. Ancak bununla birlikte bugün yayında olan birçok site henüz mobil uyumluluğu sağlayabilmiş değil. Özellikle twitter bootstrap gibi css frameworkleri kolayca mobil uyumlu web siteleri arayüzü geliştirmeye olanak sağlıyor. Ayrıca böyle bir framework kullanmadan da media query adı verilen ve css ile farklı ekran boyutlarındaki web tarayıcılarını ayırt ederek farklı stil tanımları yapmaya imkan veren css özelliği kullanılabilir.
Google artık sitelerin mobil uyumlu olmalarına ayrıca bir önem veriyor ve mobil cihazlar kullanılarak yapılan arama sorgularında bu kriteri ciddi bir şekilde önemsiyor. Bu anlamda artık mobil uyumlu web siteleri SEO açısından da ciddi bir öneme sahip olmaya başladı. Bunun dışında internet erişimlerindeki mobil cihaz kullanım oranının da her geçen gün artması bu konudaki hassasiyeti kaçınılmaz hale getiriyor. Artık rekabet etmek isteyen hiçbir kurum yada şahıs mobil kullanıcıların payını göz ardı edemez, etmemeli. Bu gerçeği web sitelerinizdeki ziyaretçi istatistiklerinizden de görebilirsiniz. Artık neredeyse herkesin bir akıllı telefonu varken akşam eve gittiğinde birçok kişi masaüstü yada dizüstü bilgisayarının başına geçmek yerine belki televizyon karşısında kanepede uzanırken internete girmeyi tercih ediyor.
Herhangi bir web sitesinin sınırlı boyutlardaki ekrana sahip bir mobil cihazda görüntülenmesi durumunda iki ihtimal ortaya çıkıyor. Bunlardan birincisi web sitesinin görünümünün aynen masaüstü bilgisayar gibi geniş ekranlı cihazlardaki biçimle birebir aynı olması ve kullanıcının siteyi ilk açılışta tüm sayfanın elindeki cihazın ekranına sığacak şekilde küçültülmüş görmesi durumudur. Bu durumda kullanıcının akıllı telefon yada tablet kullanarak web sitesini görebilmesi ve içerikleri okuyabilmesi için sayfada zoom yaparak istediği noktaya doğru ekranı kaydırması gerekir. Mobil uyumluluk teriminin anlamını bilmeyen birisi için bu kullanım tarzı normal olabilir. Ancak web sitesinin ziyaretçinin cihazında akıcı ve kolay kullanıma sahip olmasını isteyen bir web tasarımcı yada site sahibi için durum böyle değildir. Bu durumda ikinci seçenek devreye giriyor. Bu da web sitesinin görüntülendiği web tarayıcının boyutlarına göre kendisini yeniden biçimlendirerek en uygun şekilde ve zoom yapmaya gerek kalmayacak bir şekilde göstermesi. İşte bu şekilde tasarlanmış web arayüzlerine kısaca responsive denilir. Artık web sitesi için hazır tema arayanlar bile ilk olarak responsive temaları tercih ediyorlar. Responsive tasarım kavramı için Türkçe karşılık olarak duyarlı web tasarımı ifadesi kullanılsa da internette daha çok responsive tasarım adıyla bilinmektedir.
Google, responsive arayüz kullanarak web sitesi ziyaretçilerine mobil uyumlu bir deneyim yaşatmak isteyen site webmasterlar için Mobil uyumluluk testi adında bir hizmet sağlıyor. Bu aracı kullanarak yayında olan istediğiniz bir web sitesinin mobil uyumluluk anlamındaki başarısını kontrol edebilir ve varsa bu konudaki hatalarını görebilirsiniz. Google mobil uyumluluk testi hizmetini aşağıdaki adreste bulabilirsiniz:
https://www.google.com/webmasters/tools/mobile-friendly/
Bu sayfaya girdiğinizde karşınıza çıkan forma test etmek istediğiniz web sitesinin adresini yazarak analiz et düğmesini tıklayın. Site analiz edilerek sitenin mobil uyumlu olup olmadığı ve eğer değilse hataları bildiren sonuç sayfasını göreceksiniz. Örneğin bu blog için bu testi yaparsak mobil uyumlu olduğu sonucu çıkacaktır:
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Feezgu.blogspot.com%2F
Eğer mobil test ettiğiniz web sitesi mobil uyumlu değilse "Mobil uyumlu değil" şeklinde bir sonuçla karşılaşırsınız.
Günümüzde web sitesi ziyaretçi profili hızlı bir şekilde mobil cihazlara kaymaya devam ettikçe artık resmen mobil uyumluluk dönemi başlatmıştır diyebiliriz. Hatta bazı hizmetler ve web uygulamaları masaüstü cihazlardan daha çok mobil cihazlarda kullanılmaktadır. Web dünyasındaki bu değişim hareketi artık mobil cihazları web tasarımında ihmal edilebilecek bir azınlık olmaktan çıkarıp dikkate alınması gereken ciddi bir kesim haline getirmiştir. Bu nedenle artık günümüzde web siteleri için mobil uyumluluk bir tercih değil bir zorunluluk haline gelmiştir. Web sitelerinde kullanılan arayüzün kalitesi (UI), kullanıcı deneyimi (UX) ve google arama sonuçları için etkisi (SEO), mobil uyumluluk etkenini web siteleri için geri dönüş oranı (ROI) kapsamında da önemli hale getirecektir. Bu sayede gelecekte mobil uyumluluk daha da yüksek ölçüde önemli ve elzem bir etken olacaktır.