Derslerde “panel” dediğimiz yer, Dijenta SEO hesabınızın ekranlarıdır; “denetimimiz” sitenizi tarayan kontrollerimizdir.
Google önce telefonu görür
Google sayfaları dizine eklerken ve sıralarken sitenizin telefon sürümünü esas alır (mobil öncelikli dizin). Masaüstünde kusursuz görünen ama telefonda eksik ya da bozuk açılan bir sayfa, Google'ın gözünde de eksiktir.
Bu yüzden telefon sürümünüzde de aynı ana metin, başlıklar, görseller ve yapılandırılmış veri bulunmalıdır. Telefon sürümünden yer açmak için içerik çıkarmak, o içeriğin Google tarafından görülmemesine yol açabilir.
Viewport etiketi
Viewport etiketi (<meta name="viewport" content="width=device-width, initial-scale=1">), tarayıcıya sayfayı telefonun ekran genişliğine göre çizmesini söyler. Etiket yoksa telefon sayfanın küçültülmüş masaüstü hâlini gösterir; metin okunmaz ve ziyaretçi sürekli yakınlaştırmak zorunda kalır.
Etikette "user-scalable=no" ya da "maximum-scale=1" gibi ayarlar varsa ziyaretçi parmaklarıyla yakınlaştıramaz. Bu, görme zorluğu olan ziyaretçiler için metni okunmaz hâle getirir; bu kısımları kaldırın.
Dokunma ve okunabilirlik
Denetimimiz viewport etiketini ve yakınlaştırma engelini kontrol eder. Aşağıdakileri ise en iyi kendi telefonunuzda görürsünüz:
- Düğme ve bağlantılar parmakla rahat dokunulacak büyüklükte olmalı. Web erişilebilirlik ölçütü WCAG 2.2, dokunma hedefleri için en az 24×24 CSS pikseli ister; daha büyüğü daha rahattır.
- Yan yana duran bağlantılar arasında boşluk bırakın; yanlış bağlantıya dokunmak ziyaretçiyi yorar.
- Gövde metnini tarayıcıların varsayılan yazı boyutu olan 16 pikselin belirgin biçimde altına indirmeyin ve satırları sıkıştırmayın.
- Sayfa yana kaymamalı: geniş tablolar ve görseller ekrana sığmalı ya da kendi içinde kaydırılmalıdır.
- Ekranı kaplayan açılır pencereler ana içeriği kapatmamalı; kapatma düğmesi kolay bulunmalıdır.
Telefonda nasıl test edersiniz?
En güvenilir test, sitenizi kendi telefonunuzda ve mümkünse eski, küçük ekranlı bir telefonda açmaktır. Ana sayfada, bir ürün ya da hizmet sayfasında ve iletişim formunda gerçek bir ziyaretçi gibi gezinin.
Bilgisayarda Chrome'un geliştirici araçlarındaki cihaz görünümüyle farklı ekran genişliklerini deneyebilirsiniz. Hız bölümündeki mobil ölçüm de sayfanın telefonda ne kadar hızlı açıldığını gösterir.
Eski rehberlerde geçen Google Mobil Uyumluluk Testi aracı 2023 sonunda kullanımdan kaldırıldı; aramanıza gerek yok.
Bugün yapabilecekleriniz
- Ana sayfanızı, en çok ziyaret alan bir sayfanızı ve iletişim formunuzu telefonunuzda açıp sonuna kadar kaydırın.
- Sorunlar sayfasında kategori listesinden Mobil'i seçin; viewport eksikse etiketi temanızın <head> bölümüne ekleyin.
- Viewport etiketinizde "user-scalable=no" ya da "maximum-scale=1" varsa kaldırın.
- Telefonda yana kayan bir tablo, taşan bir görsel ya da kapatılamayan bir açılır pencere görürseniz not alıp düzeltin.
- Hız bölümünde cihaz olarak Mobil'i seçip ana sayfanızı ölçün.
Bu dersle ilgili kontrollerimiz
Ücretsiz analizimiz ve panelimizdeki denetim bu kontrolleri sitenizde çalıştırır:
- Mobil görünüm etiketi (viewport) yok
- Telefonda yakınlaştırma engellenmiş