Viewport meta etiketi yok
viewport_missingKısa cevap
Sayfada <meta name="viewport"> etiketi yok. Bu durumda mobil tarayıcılar sayfayı ekran yaklaşık 980 px genişliğindeymiş gibi işler ve sonucu sığdırmak için küçültür; metin minicik, dokunma hedefleri çok küçük olur. Google her sayfanın mobil sürümünü dizine ekler (mobil öncelikli dizine ekleme), bu yüzden mobilde kullanılamayan bir sayfa öyle değerlendirilir. <head> içine <meta name="viewport" content="width=device-width, initial-scale=1"> ekleyin; viewport olmadan sayfa mobil cihazlarda masaüstü genişliğinde açılır.
Neden önemli
Bu sorun sayfanın mobil cihazlarda nasıl göründüğünü etkiler. Viewport etiketi duyarlı (responsive) tasarımın tek ön koşuludur: o olmadan media query'ler hiç devreye girmez ve her mobil ziyaretçi, boyutunun dörtte birine küçültülmüş bir masaüstü sayfası görür. Lighthouse sayfayı mobil uyumlu değil olarak işaretler ve Core Web Vitals (özellikle INP) olumsuz etkilenir.
Glimana bunu nasıl tespit eder
Kural, <head> bölümünde viewport meta etiketi bulunmayan, 200 dönen her HTML sayfası için tetiklenir.
Nasıl düzeltilir
- Etkilenen sayfaları Glimana'da bulun. Sorunlar › Viewport meta etiketi yok ekranını açın. Etkilenen her sayfa bir satırdır; Glimana'nın o sayfa için kaydettiği kanıtı (ölçülen değer, sorunlu öğe ya da hedef URL) görmek için birini açın. Aynı liste Görevler altındaki görev kartında da bulunur; sayfanın Sayfalar altındaki kendi ayrıntı görünümü ise tüm sinyallerini gösterir.
-
Düzeltmeyi platformunuzda uygulayın.
<meta name="viewport" content="width=device-width, initial-scale=1">maximum-scale=1ya dauser-scalable=nokullanmaktan kaçının; iki parmakla yakınlaştırmayı engellerler ve bir erişilebilirlik hatasıdır.Her modern tema etiketi
header.phpiçinde barındırır. Eksikse ya tema çok eskidir ya da bir eklenti/optimizasyon aracı<head>etiketlerini siliyordur; temayı değiştirin ya da optimizasyon aracının "meta etiketlerini kaldır" seçeneklerini kontrol edin.Tüm Shopify temaları etiketi
layout/theme.liquidiçinde barındırır. Kural tetikleniyorsa özel bir layout dosyası (layout/custom.liquid, bir açılış sayfası uygulaması) onu atlamıştır.Etiketi temel layout'a ekleyin. Sayfa ham bir HTML dosyası ya da sayfa olarak sunulan e-posta tarzı bir şablonsa oraya ekleyin.
-
Yayımlayın ve önbellekleri temizleyin. Kaydedip yayımlayın, ardından tarayıcının yeni sürümü göreceğinden emin olun: WordPress — önbellek eklentinizde sayfa önbelleğini temizleyin ve CDN'i boşaltın; Shopify — tema ve içerik değişiklikleri kaydedildiği anda yayına girer, ancak mağazanın önünde bir CDN varsa onu boşaltın; özel kod — dağıtımı yapın ve uç (edge) önbelleği boşaltın. Canlı HTML'in değiştiğini gizli bir pencerede ya da
curl -s https://your-domain/page | grep -i '<title\|canonical\|robots'ile kontrol edin; Glimana, web tarayıcınızın önbelleğindekini değil, sunucunun gönderdiğini okur. - Glimana'da doğrulayın. Görevler altındaki görevi açın ve Yaptım'a tıklayın. Etkilenen sayfalar birkaç saat içinde doğrulama taramasına alınır ve sayfada viewport meta etiketi olduğunda görev kapanır. Kontrol yine başarısız olursa görev bir notla Yeni durumuna döner; geçerse Etki raporlarında Giderilen teknik sorunlar altında listelenir. Daha erken kontrol etmek için sorun ekranındaki Etkilenen sayfaları yeniden tara düğmesini kullanın.
Düzeltme nasıl doğrulanır
Yeniden tarayın; sayfada viewport meta etiketi olduğunda görev kapanır.