Responsive Kontrol
Sitenizi mobil, tablet ve masaüstü ekran boyutlarında önizleyin
Adres girip “Önizle”ye basın.
Önizleme, siteyi tarayıcınızda seçilen boyutta bir çerçeve içinde açar; site doğrudan sizin tarayıcınızdan yüklenir. Cihaz kullanıcı aracısı (user agent) değiştirilmez: yalnızca genişliğe göre değişen (CSS media query) tasarımlar gösterilir; sunucunun mobil cihazlara ayrı sayfa göndermesi bu önizlemede görünmez. Ekran görüntüsü üretme özelliği yoktur.
Responsive tasarım nedir?
Responsive (duyarlı) tasarım, sitenin ekran genişliğine göre düzenini değiştirmesidir. Google sitenizi öncelikle mobil sürümüyle değerlendirdiği için telefonda okunaklı ve kullanışlı bir düzen önemlidir.
Neye dikkat etmeli?
- Yatay kaydırma çubuğu olmamalı; içerik ekran genişliğine sığmalı.
- Metinler yakınlaştırmadan okunabilmeli, düğmeler parmakla rahat dokunulacak büyüklükte olmalı.
- Menü ve formlar küçük ekranda da kullanılabilmeli.
Sıkça Sorulan Sorular
Önizleme neden boş görünüyor?
Birçok site güvenlik nedeniyle (X-Frame-Options veya CSP frame-ancestors) başka sitelerde çerçeve içinde gösterilmeyi engeller. Araç bunu tespit edip bildirir; bu durumda tarayıcınızın geliştirici araçlarındaki cihaz modunu kullanın.
Bu önizleme gerçek telefonla aynı mı?
Ekran genişliğine bağlı düzeni gösterir. Dokunmatik davranış, gerçek yazı tipleri ve kullanıcı aracısına göre farklı sayfa gönderen siteler gerçek cihazda farklı görünebilir.