web-dev-qa-db-ja.com

HTMLメタタグの順序

SEO会社は、<title>と<meta name="description">が最初の2つになるように、HTMLメタタグの順序を変更することを提案しました。これは、検索エンジンがこれらの2つのタグを確実に利用できるようにするためだという。ドキュメントのヘッド内のタグの順序は重要ではないという印象を受けました。私は間違っていましたか？最初の2つのタグは常にtitleとdescriptionであると想定し、そうでない場合は検索をあきらめる検索エンジンは本当にありますか？

seohtmlmeta-tags
15
Kaivosukeltaja

あなたは正しいです。これらのタグの順序は、SEOには関係ありません。彼らはただ存在する必要があります。誰もそれが明らかに無知であると言った（そしてもちろんSEOビジネスを運営している。ため息）。

15
John Conde

SEOの目的のために、順序は重要ではないかもしれませんが、セキュリティ、コンテンツ（文字）表示、読み込み速度などの他のことを考慮するときはそうではありません。おおよそこのようにページの頭を注文することをお勧めします（構文にHTML5を想定）：

<head>

これまでのドキュメントでは、非ASCII文字を使用するべきではなかったため、文字エンコードはまだ問題になりません。しかし、非ASCII文字を使用する可能性は、そのヘッドタグを開くと著しく上がります。それに応じて（また、プログラムまたはサーバーレベルで文字エンコードを宣言していないと仮定して）、次のステートメントを文字エンコード宣言にする必要があります。これは、文字エンコード文のスニッフィングを行うパーサー/ブラウザ/エージェントも満たします。

  <meta charset="utf-8">

次の2つ（X-UA-Compatibleとviewport）は、Bootstrap（v3.3.4以降）の人々に推奨されています。これらの推奨事項がパフォーマンスに基づいていることはほぼ肯定的ですが、私が言うことのほとんどは推測に基づくものです。

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

デバイスに依存しない設計/開発（デスクトップ以外の小規模なユーザーエージェントを含む）を検討している場合は、以下を含める必要があります。

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

最後にタイトル：

  <title>Ingenious Page Title</title>

次に、タイトルの直後にCSSを提供します（それらの間に「夏時間」はありません）：

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

ページレベルのスタイルを使用している場合、ここに移動します。これは主に、CSSの「カスケード」性、つまり同一レベルの特異性の最後のスタイル宣言（段落pを対象とする2つのステートメントなど）によるものです。外部スタイルのオーバーライドを簡単にするために（つまり、より詳細な仕様や!importantを使用せずに）、外部スタイル（<link>s）の後にページレベルのスタイルを配置する必要があります。また、他のスタイル資産の同時ダウンロードを妨げるため、ページレベルのスタイルで@importディレクティブを使用することは一般的にお勧めできません。

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

これが、メタタグ、ファビコン、その他のクラフを配置するのが最も適切と思われるポイントです。ほとんどのメタタグの前にファビコンまたは類似のアセット（iOSアプリの画像など）が読み込まれるのは、これらのアセットのダウンロードがやや早く開始されるためです。

  <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">

レンダリングをブロック/遅延するため、スクリプトが必要な場合は、妥当な限り遅くロードしてください。それらがheadになければならない場合、head（</head>）を閉じる前にそれらをロードできます。後でロードできる場合は、bodyタグ（</body>）を閉じる前に配置します。

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

インデックス作成ボット（つまり、検索エンジンのスパイダー）がページ全体を消費することを考えると、ほとんどの場合、SEOの目的でメタタグの順序に多くの注意を払うことは重要ではないようです。それ以外の場合、彼らはどのようにページのコンテンツをインデックス化するか、そのインデックスを後で更新しますか？

私たちが知っていると思うすべてのこと、およびウェブ上で見つけたすべての推奨事項（GoogleやBing Webmaster Toolsなどの場所からでも）、Amazon、Googleなどのサイト、そして明らかに気にする他の人々このような非常に小さなパフォーマンスの向上については、これらのルールに従っていません。

6
David Eldridge

機能の観点から、次のBootstrapからの方がメタタグのより良い順序であるようです：

    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の人々によると、SEOにとって重要なのは

  1. モバイルに優しい
  2. タイトルと説明
  3. ユニークで価値のあるコンテンツ

サイトがモバイルフレンドリーでない場合は、2）または3）も見ません。モバイルフレンドリーの場合、サイトをリストするときにタイトルと説明を使用できます。それについての保証はありません。彼らはあなたのサイトで見つけたものに基づいて彼ら自身の説明を思い付くことを決めるかもしれません。

コンテンツが盗用されたり、繰り返し使用されていたり、キーワードを詰め込んだり、他の「BlackHat」テクニックを使用しようとすると、それらがあなたを傷つけ、場合によっては禁止します。

2
Michael Moriarty