Mobil Uyumlu Web Sitesi: Mobil Öncelikli Dizin, Dokunma ve Hız

Kısa cevap: Mobil uyumlu web sitesi, telefon ve tabletlerde yakınlaştırma gerektirmeden okunabilen, kolay dokunulan ve hızlı açılan sitedir. Google, siteleri dizine eklerken ve sıralarken ağırlıklı olarak sayfaların mobil sürümünü esas alır; bu nedenle mobilde eksik kalan içerik, başlık ya da yapılandırılmış veri aramada da eksik sayılabilir. İyi bir mobil deneyim için duyarlı tasarım kullanılmalı, masaüstündeki önemli içerik mobilde de bulunmalı, yazılar okunabilir büyüklükte olmalı, düğme ve bağlantılar parmakla rahat basılabilecek boyutta ve aralıkta yerleştirilmeli, sayfa hızı mobil bağlantılarda test edilmeli ve içeriği kapatan açılır pencerelerden kaçınılmalıdır.

Mobil öncelikli dizine ekleme ne demek?

Google, bir sayfanın içeriğini anlamak ve sıralamak için ağırlıklı olarak o sayfanın akıllı telefonlarda görünen sürümünü kullanır. Mobil sürümde gizlenen ya da çıkarılan metinler, görseller, alternatif metinler, iç bağlantılar ve yapılandırılmış veriler değerlendirmeye yeterince yansımayabilir. Bu yüzden mobil ve masaüstü sürümlerde aynı temel içeriğin, aynı başlıkların ve aynı meta bilgilerin bulunması gerekir. Akordeon ya da sekme içindeki içerik kullanılabilir; önemli olan içeriğin sayfada gerçekten yer almasıdır.

Mobil kullanım için kontrol listesi

• Duyarlı tasarım: Sayfa ekran genişliğine göre uyum sağlar; yatay kaydırma gerekmez ve görünüm alanı (viewport) etiketi doğru tanımlanır.
• Okunabilir yazı: Metin yakınlaştırma yapmadan okunabilecek büyüklükte, satır aralığı ve kontrastı yeterli olur.
• Dokunma alanları: Düğme, menü ve bağlantılar parmakla rahat basılabilecek büyüklükte ve birbirinden yeterince uzak yerleştirilir; yanlış dokunma önlenir.
• Menü ve gezinme: Menü sade tutulur; telefon, WhatsApp ve teklif gibi önemli eylemler kolay ulaşılır bir yerde bulunur.
• Formlar: Alan sayısı azaltılır, uygun klavye türü (telefon, e-posta) açılır, otomatik doldurma desteklenir.
• Açılır pencereler: Sayfa açılır açılmaz içeriği kapatan büyük açılır pencereler kullanılmaz; çerez bandı içeriği engellemeyecek şekilde tasarlanır.

Mobil hız ve test

1. Mobil hız: Görseller mobil ekran boyutuna uygun sunulur, gereksiz betikler kaldırılır, sayfa önbelleği kullanılır.
2. Gerçek cihaz testi: Site farklı boyutlarda telefonlarda ve hem kablosuz ağda hem mobil veri bağlantısında denenir.
3. Ölçüm araçları: PageSpeed Insights ile mobil performans, Search Console ile mobil deneyim ve Core Web Vitals verileri takip edilir; tarayıcının geliştirici araçlarıyla farklı ekran boyutları simüle edilir.
4. Sürekli kontrol: Yeni sayfa, eklenti ya da tasarım değişikliğinden sonra mobil görünüm yeniden kontrol edilir.

Metrikleri Core Web Vitals nedir, genel hız çalışmasını web sitesi hız optimizasyonu, erişilebilir tasarımı web sitesi erişilebilirliği rehberi yazımızda anlattık.

Sık sorulan sorular

Ayrı bir mobil site (m.) mi, duyarlı tasarım mı tercih edilmeli?

Günümüzde çoğu site için duyarlı tasarım önerilir; tek adres ve tek içerik olduğu için bakımı kolaydır ve mobil ile masaüstü arasında içerik farkı oluşmaz. Ayrı mobil site, içerik ve bağlantı tutarlılığını korumak için ek çaba gerektirir.

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

Siteyi farklı telefonlarda açıp yatay kaydırma, küçük yazı ve yakın düğme gibi sorunlara bakabilirsiniz. PageSpeed Insights mobil raporu ve Search Console’daki deneyim raporları da sorunlu sayfaları gösterir. Search Console kullanımını Google Search Console kurulumu ve kullanımı yazımızda ele aldık.

Eski bir siteyi mobil uyumlu hale getirmek mi, yeniden yapmak mı daha doğru?

Tema ve altyapı çok eskiyse, güvenlik ve hız sorunları da varsa yenileme genellikle daha verimlidir. Altyapı güncel ve yapı sağlamsa mevcut tasarımın duyarlı hale getirilmesi yeterli olabilir.