HTML meta etiketlerinin sırası


16

Bir SEO şirket böylece bizim HTML meta etiketleri sırasını değiştirmek önerdi <title>ve <meta name="description">ilk iki. Bunun arama motorlarının bu iki etiketi kullanabilmesini sağlamak olduğunu söylüyorlar. Belgenin kafasındaki etiket sırasının önemli olmadığı izlenimine kapıldım. Yanlış mıydım? Gerçekten ilk iki etiket her zaman olduğunu varsayar titleve descriptioneğer değilse onları aramaktan vazgeçmek arama motorları var mı?


Yanıtlar:


15

Haklısın. Bu etiketlerin sırası SEO için önemli değildir. Sadece hazır olmaları gerekiyor. Kim söyledi tabii ki clueless (ve tabii ki bir SEO iş çalışıyor. Sigh).


Bir kaynak veya vaka çalışması sağlayabilir misiniz?
s_hewitt

3
Deneyime dayalı sadece fikir. İşte konuyla ilgili bir SearchEngineWatch tartışması - sipariş önemli değil: forums.searchenginewatch.com/showthread.php?t=16452
Ciaran

7

SEO açısından, siparişin önemli olmadığı doğru olsa da, güvenlik, içerik (karakter) ekranı veya yükleme hızı gibi diğer şeyleri düşünürken doğru değildir. Sayfanızın kafasını kabaca sipariş etmek iyi bir fikirdir (sözdizimi için HTML5 olduğunu varsayarak):

<head>

Belgede şimdiye kadar ASCII olmayan karakterler kullanmamalısınız, bu nedenle karakter kodlaması henüz bir sorun değildir. Ancak, bu kafa etiketini açtığınızda ASCII olmayan karakterler kullanma olasılığı belirgin şekilde artar. Buna göre (ve karakter kodlamanızı programlı olarak veya sunucu düzeyinde bildirmediğinizi varsayarsak), bir sonraki ifadeyi karakter kodlama bildiriminiz olarak yapmanız gerekir. Bu ayrıca, karakter kodlama ifadeleri için koklama yapacak ayrıştırıcıları / tarayıcıları / aracıları da tatmin eder:

  <meta charset="utf-8">

Aşağıdaki iki ( X-UA-Compatibleve viewport) Bootstrap'taki kişiler tarafından önerilir (v3.3.4 kadar yakın zamanda). Bu önerilerin performansa dayalı olduğu konusunda hemen hemen pozitif olsam da, söyleyeceğim şeylerin çoğu spekülatif olacaktır:

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

Cihazdan bağımsız tasarım / geliştirme (daha küçük, masaüstü olmayan kullanıcı aracıları dahil) hakkında düşünüyorsanız, aşağıdakileri eklemeniz gerekir:

  <meta name="viewport" content="width=device-width, initial-scale=1">

Son olarak, başlık:

  <title>Ingenious Page Title</title>

Ardından, CSS'yi başlıktan mümkün olan en kısa sürede sunarsınız (aralarında 'gün ışığı' olmaz):

  <link rel="stylesheet" href="stylesheet-1.css">
  <link rel="stylesheet" href="stylesheet-2.css">

Sayfa düzeyinde stiller kullanıyorsanız, buraya giderler. Bu büyük ölçüde CSS'nin 'basamaklı' doğasından kaynaklanmaktadır: yani aynı özgüllük düzeylerinin (bir paragrafı hedefleyen iki ifade gibi) son stil bildirimi p. Dış stilleri geçersiz kılmayı kolaylaştırmak için (yani daha fazla özgüllük kullanmadan veya !important), dış stil ( <link>ler) den sonra sayfa düzeyi stilleri koymalısınız . Ayrıca, @import yönergesini sayfa düzeyinde stillerde kullanmak genellikle tavsiye edilmez, çünkü diğer stil varlıklarının aynı anda indirilmesini engelleyecektir:

  <style>body{color:black;}</style>

Bu, meta etiketler, favicons ve diğer cruft'leri koymanın en uygun olduğu noktadır. Favicons'ların veya benzer varlıkların (örneğin iOS uygulama resimleri) çoğu meta etiketten önce yükleneceği iddia edilebilir, çünkü bu varlıkların indirilmesinin marjinal olarak daha erken başlamasını sağlar.

  <link rel="shortcut icon" href="favicon.ico">
  <link rel="apple-touch-icon" href="apple-icon.png">
  <meta name="description" content="Some information that is descriptive of the content">
  <meta name="generator" content="Microsoft FrontPage 2002">

Oluşturmayı engellediğinden / geciktirdiğinden, komut dosyaları gerektiriyorsanız, makul olduğu kadar yükleyin. İçinde olmaları gerekiyorsa head, head( </head>) kapanmadan önce yükleyebilirsiniz . Daha sonra yükleyebiliyorsanız, bodyetiketi ( </body>) kapatmadan önce koyun .

  <script src="script-1.js"></script>
  <script src="script-2.js"></script>
</head>

Çoğu durumda, endeksleme botlarının (yani arama motoru örümcekleri) tüm sayfayı tüketeceği göz önüne alındığında, SEO amaçları için meta etiketlerin sırasına çok dikkat etmek önemsiz görünüyor. Aksi takdirde, bir sayfanın içeriğini nasıl dizine ekler veya daha sonra bu dizini nasıl güncellerler?

Bildiğimizi düşündüğümüz her şey ve web'de bulduğumuz tüm öneriler (Google ve Bing Web Yöneticisi Araçları vb. Gibi yerlerden bile), Amazon, Google ve açıkça önemseyen diğer kişiler için benim için dikkat çekicidir. bu kadar küçük performans kazançları hakkında bu kurallara uymayın.


İken X-UA-Compatible, viewportve Apple dokunmatik simgeleri 2010 yılında hala (nispeten) yeni idi, bütün kullanımda idi. HTML5 yalnızca karakter kümesi bildiriminin uzunluğunu etkiledi. CSS, JS ve görüntü ardışık düzenleri o zamanlar CSS ve JS'nin uygulanmasını takiben sayfaların (yeniden) oluşturulmasıyla ilgili bir endişeydi. Buna rağmen, bu bilgiyi tek bir yerde bulamadım head(html belgelerinin dışında ) ve bu soruyu tökezledikten sonra, burada yapmak iyi görünüyordu.
David Eldridge

İyi cevap @DavidEldridge. Ancak yanıtınızı içerecek şekilde günceller misinizapplication/ld+json yapılandırılmış veriler için komut dosyaları ? Hız amaçları için. Nereye koymak daha iyi olurdu? Harici JavaScriptdosyalar olarak mı davranmalıyız ?
Brendan Vogt

2

İşlevsel bir bakış açısından, Bootstrap'tan aşağıdakiler meta etiketlerin daha iyi sırası gibi görünüyor:

    1) <meta charset="utf-8">
    2) <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    3) <title></title>
    4) <meta name="description" content="">
    5) <meta name="viewport" content="width=device-width, initial-scale=1">

Google'daki kişilere göre SEO için önemli olan

  1. mobil uyumlu olmak
  2. başlık ve açıklama
  3. benzersiz ve değerli içerik

Siteniz mobil uyumlu değilse, 2) veya 3'e bile bakmazlar. Mobil uyumluysa, sitenizi listelerken başlığı ve açıklamayı kullanabilirler. Bunun garantisi yok. Sitenizde bulduklarına göre kendi açıklamalarını bulmaya karar verebilirler.

İçeriğiniz intihal veya tekrarlıysa ve anahtar kelimelerle doldurmaya çalışırsanız veya diğer 'BlackHat' tekniklerini kullanırsanız, bu şeyler size zarar verir ve muhtemelen sizi yasaklar.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.