HTMLの要素の使用方法

メタデータはウェブページには表示されませんが、サーバー、ブラウザ、検索エンジンなどのマシンによって解析（読み取り）および処理されます。

これにより、 が作成されます elementは、SEOにとって最も重要なHTML要素の1つです。これは、Googleのような追加データ（Webサイトのコンテンツ以外）を提供し、Webサイトの内容と、ユーザーが検索するものとの関連性を示すためです。

メタdescription 時々 検索エンジンが、ページ上のコンテンツよりも優れていると判断した場合に、SERP（検索エンジンの結果ページ）にWebサイトのページ説明を生成するために使用します。

ビューポートタグ

ビューポート メタタグは、モバイルフレンドリーではないウェブサイトを小さな画面で見栄えよくするのに役立ちます。次のビューポートタグ構成はモバイル用に最適化されており、正当な理由がない限り、デフォルトで使用する必要があります。

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

• width =device-width ユーザーのデバイス幅に基づいてページ幅を設定するようにブラウザに指示します。
• 初期スケール 最初のページ読み込み時のズームレベルを制御します。 initial-scale-1 ズームレベルが100％であることを意味します。 initial-scale-2に設定した場合 、ページは最初のページの読み込み時に200％ズームされます。

ビューポート より高度なの1つです 要素タグ。デフォルトのカスタマイズを開始する前に注意深く検討する必要があります。

Mozillaには、ビューポートタグに関する確かなドキュメントがあります。

robotsメタタグ

ロボット メタタグ（「ロボットメタディレクティブ」とも呼ばれます）は、属性値 index を使用して、検索エンジンにページのインデックスを作成するかどうかを指示します。 またはnoindex 。

デフォルトでは、 indexに設定されています したがって、ウェブサイトのインデックスを作成したくない場合は、 contentとして指定します。 値noindex

<meta name="robots" content="noindex" />

ロボット follow を使用して、検索エンジンにWebサイト上のリンクをたどるべきかどうかを伝えることもできます。 またはnofollow 値。

<meta name="robots" content="nofollow" />

noindexを組み合わせることもできます およびnofollow 単一の要素で：

<meta name="robots" content="noindex, nofollow" />

慎重に踏みます で ロボット 構成。

実際にnoindex、nofollowに設定した場合 上記のコードのように、検索エンジンがコンテンツとリンクの両方をグローバルに（ウェブサイト全体で）インデックスに登録することを思いとどまらせます。 SEOに悪影響を与えるため、これを行うことはめったにありません。

noindexの一般的な使用例 あなたのウェブサイトがまだ開発中であり、一般に公開する準備ができていない場合です。 WordPressには、ページのインデックス作成を一時的に無効にするオプションがあります（ nofollow ）その目的のために。

リンクの場合は、 nofollowを適用する代わりに グローバルに（すべてのリンクに対して）、より実用的なユースケースは nofollowを使用することです 特定のアウトバウンド（外部）リンク（例：有料リンクの場合、検索エンジンがフォローする理由はありません。これは、アンカー要素で直接行います：

<a href="#" rel="nofollow">Click to see our sponsor</a>

デフォルトでは、ハイパーリンクは followに設定されています 。