Ana sayfa › SEO sözlüğü › Viewport meta etiketi nedir?
Viewport meta etiketi nedir?
Tek satırlık bir kod. Olmadığında siteniz telefonlarda küçültülmüş bir masaüstü sayfası gibi görünür.
Kısaca ne demek
Viewport etiketi, tarayıcıya sayfayı cihazın ekran genişliğine göre çizmesini söyler. Sayfanın <head> bölümünde tek satırdır: <meta name="viewport" content="width=device-width, initial-scale=1">
Etiket yoksa mobil tarayıcı sayfanın masaüstü için yazıldığını varsayar, yaklaşık 980 piksel genişliğinde çizer ve ekrana sığdırmak için küçültür.
Ne kaybettirir
Ziyaretçi minicik bir yazıyla karşılaşır, okumak için parmakla yakınlaştırmak zorunda kalır ve genellikle geri döner. Düğmeler tıklanamayacak kadar küçülür.
Google 2019'dan beri siteleri önce mobil sürümüyle değerlendiriyor. Yani sıralamanızı belirleyen şey masaüstünde gördüğünüz sayfa değil, telefonda görünen hâli. Viewport eksikse site mobil uyumsuz sayılır.
Nasıl eklenir
Şablonunuzun <head> bölümüne yukarıdaki satırı ekleyin. Hazır temaların neredeyse hepsinde vardır; eksikse çoğunlukla elle yazılmış eski bir sitedir.
Etiketi eklemek tek başına siteyi mobil uyumlu yapmaz. Sayfanın esnek bir yerleşimle (responsive) kurulmuş olması gerekir. Viewport, o yerleşimin devreye girmesinin ön şartıdır.
Bir de kaçınılması gereken kullanım var: user-scalable=no ya da maximum-scale=1 eklemek kullanıcının yakınlaştırmasını engeller. Görme güçlüğü çekenler için ciddi bir erişilebilirlik sorunudur.
Eklendikten sonra ne kontrol edilmeli
Etiketi ekledikten sonra sayfayı telefonda gerçekten açın. Tarayıcının geliştirici araçlarındaki mobil görünüm iyi bir ön kontroldür ama gerçek cihazın yerini tutmaz.
Üç şeye bakın: yatay kaydırma çubuğu çıkıyor mu, yazılar yakınlaştırmadan okunabiliyor mu, düğmeler parmakla rahat tıklanabiliyor mu. Yatay kaydırma genellikle sabit genişlikli bir tablo, geniş bir görsel ya da uzun bir adres metninden gelir; sığmayan öğeyi bulmak için elemanlara tek tek bakmak gerekir.
Search Console'un Mobil Kullanılabilirlik raporu da aynı sorunları site geneli için listeler ve hangi sayfaların etkilendiğini gösterir.
Sık sorulanlar
Sitem responsive, yine de gerekli mi?
Evet. Viewport olmadan responsive kurallar mobilde beklendiği gibi çalışmaz.
Ayrı bir mobil site (m.siteniz.com) kullanıyorum, ne yapmalıyım?
Google artık tek ve esnek bir site öneriyor. Ayrı mobil site bakım maliyetini ikiye katlar ve sinyalleri böler.
Viewport eksikse sitem cezalandırılır mı?
Ceza değil ama mobil uyumsuz sayılırsınız; aramaların çoğu mobilden geldiği için etkisi ceza gibi hissedilir.
erseo sitenizi tarar ve bu sorunun hangi sayfalarınızda olduğunu tek tek gösterir — düzeltme önerisiyle birlikte. Ücretsiz denetim için kredi kartı istemiyoruz.
Sitenizi ücretsiz denetleyin