Responsive nedir?

Responsive, yani duyarlı tasarım, bir web sitesinin telefonda, tablette ve masaüstünde otomatik olarak uyumlu görünmesini sağlayan yaklaşımdır. Ekran genişliği ne olursa olsun içerik okunur, butonlar rahat tıklanır ve sayfa dağılmadan kendini yeni boyuta göre yeniden düzenler. Yani her cihaz için ayrı bir site yapmak yerine tek bir tasarım tüm ekranlara uyum sağlar.

Bunun işleyişi esnek ölçülere ve ekran boyutuna göre değişen kurallara dayanır. Geniş bir ekranda yan yana duran üç sütun, dar bir telefonda alt alta dizilir. Fotoğraflar taştıkça küçülür, yazı boyutu okunabilir kalacak şekilde ayarlanır.

Duyarlı olmak bugün bir tercih değil, zorunluluktur. Ziyaretçilerin büyük kısmı siteye telefondan girer ve mobilde bozuk görünen bir sayfa güveni anında zedeler. Üstelik Google, sıralama yaparken sitenin mobil halini esas aldığı için responsive tasarım aynı zamanda SEO açısından da doğrudan belirleyicidir.