Blog 2017'de Hangi Meta Etiketleri Kullanımdan Kalktı, Hangileri Kullanılmalıdır?
Görüntüleme 50 | İstanbul web tasarım, Web tasarım, Seo | 25 Yorum
Meta etiketleri, HTML belgelerinin bölümünde görünen HTML etiketleridir ve web sitelerini doğru bir şekilde hazırlamaya yardımcı olmak için web tarayıcısı tarafından yorumlanabilecek sahne dışı ayarlar veya belirli bilgi işlemek için arama motorları tarafından yorunlanırlar. Bu sıralamada SEO'ya yardımcı olur.
2017'de alakalı olan tüm meta etiketlere bir göz atalım, çünkü kaç tanesinin kullanımdan kaldırıldığını görünce şaşırabilirsiniz :). Burada görmediğiniz bir meta etiket varsa, artık ihtiyacınız olmayacağı muhtemeldir.
Gerekli Meta Etiketleri (veya Temel Meta Etiketler)
Meta karakter seti web sitesinin karakter kodlamasını belirtir .
Web sayfasının başlığını tanımlar ve Google, Bing ve Yahoo gibi arama motorlarında görüntülenen arama sonucunun başlığıdır. En fazla 70 karakter kullanmanızı öneririm, çünkü fazlası kesilir.
Web sayfasının ne olduğunu anlatan kısa bir metin parçası - bu snippet, web sayfasının arama sonuçlarıdaki açıklaması olarak görünür ve en fazla 150 karakter olmalıdır. Başlıkta olduğu gibi 150'den fazla karakterler kesilecektir.
Duyarlı tasarım meta etiketi olarak bilinen Meta viewport , mizanpajın ve içeriğin mobil görünüm penceresine nasıl uyum sağladığını açıklar - content=özellik birçok farklı değeri kabul eder, ancak yukarıdaki snippet nispeten standarttır.
Web sitesi, bir web uygulaması gibi kullanılabilecek şekilde bir "uygulama adı" belirtir; kullanıcı, web tarayıcısında "Ana Ekrana Ekle" işlevini seçtiğinde mobil cihazlardaki uygulama simgesinin altında görünür.
HTTPS, yönlendirici verilerini varsayılan olarak engeller; bu da güvenliği sağlar; ancak web analizi kullanan web sitelerinin yönlendirme verilerini engeller. Meta yönlendirici , web sitenizin tam yönlendiren URL'yi web sayfalarına gönderip gönderemeyeceğini belirtir; content=özellik, birçok değeri kabul eder, bu nedenle hangisinin sizin için doğru olduğunu öğrenmek isteyebilirsiniz.
CSS'yi harici bir CSS dosyasına eklemenin ve etiketi ile referans yaparak web sayfalarını daha hızlı yüklemesini sağlar. Fakat son yıllarda keşfettiğimiz gibi, bu durum her durumda doğru olmayabilir. Bu uygulama sayfa performansını artırırken , uzun vadede SEO'yı etkilediği bilinen TTFB'yi (İlk Yayınlama Süresine Kadar Geçen Zaman) artırır.
Bazen bazı web sayfalarının arama motorlarında sıralamasını istemiyoruz. robots - üst snippet, arama motoru tarama ve dizine ekleme işlemini kontrol eder, oysa alt snippet yalnızca Google Bot için geçerlidir.
Web sitenizi, Google Web Yöneticisi Araçları'na erişmek için doğrular.
Google'daki site bağlantıları arama kutusunu devre dışı bırakır.
Google Chrome'un web sayfasını başka dillere çevirmesini önler.
Yinelenen İçerik Önleme
Aynı web sayfasının her biri farklı URL'lerde bulunan iki farklı sürümü olduğunda, Google "yinelenen içerik" için bir sıralama cezası uygular. canonicalDeğeri kullanarak, esasen arama motorlarına: "Hey, bunu tasarım gereğince yaptık!" Diyorsunuz demektir ve bu nedenle hiçbir ceza uygulanmayacaktır.
Web sayfasının alternatif AMP versiyonunu referanslar .
Web sayfasının başka bir dilde olabileceği bir sürümüne bir referans verir - şu anki web sayfasının dilini şu şekilde de belirleyebilirsiniz :
Yukarıdaki dil snippet'ine benzer bir snippet kullanarak, web sayfası için alternatif bir RSS beslemesi versiyonu da tanımlayabiliriz.
Aynı şey, ancak Atom yayını ile.
Yeni tarayıcıların birden çok favicon boyutunu yüklemek için farklı bir sözdizimi vardır.
Ön Yükleme, Getirme, Görüntüleme
Meta etiketleri genellikle üç kategoriye ayrılır.
Gerekli (burada ele almış olduğumuz).
Çok kullanışlı ve / veya ortak (ayrıca ele aldık).
Kullanımdan kaldırıldı (alt metotla değiştirildi - kısmen kapalı).
0 işe yaramaz.
Sosyal meta etiketleri (Facebook, Twitter vb. - Bir Sonraki yazımda inş.).
meta etiket nedir
kullanılması gereken meta taglar
kullanımdan kalkan meta taglar