data-nosnippet を使用して、Google 検索スニペットで特定のコンテンツが使用されないようにブロックする方法 [実験]
公開: 2024-01-12
何らかの理由で、最近、検索スニペットが表示されることに満足していないということで私に連絡してくるサイト所有者が増えています。 たとえば、Google は、単に検索結果に表示したくない検索スニペットのテキストを選択しています。 連絡を取ったサイト所有者は、何らかの形でそれに影響を与えることができるのか、それとも単に立ち往生しているだけなのかわかりませんでした。
そのような状況では、しっかりとしたメタディスクリプションを提供すると、Google がスニペット内で独自のディスクリプションを使用する可能性が高まると常に説明しています。 そうは言っても、Google が今週繰り返し述べたように、ページ上の任意のテキストをスニペットとして選択できます。 これは、メインコンテンツ、ページ上のユーザーコメントなどからのものである可能性があります。したがって、メタディスクリプション、またはページの任意のコンテンツを使用できます。
サイト所有者にとって良いニュースは、スニペットの生成に使用されるコンテンツを制限するために使用できるツールがあることですが、多くの人はそれが利用可能であることをまだ知りません。 これは data-nosnippet と呼ばれるもので、Google は 2019 年にこれを (他のいくつかのスニペット コントロールとともに) 公開しました。 Data-nosnippet は使いやすく、うまく機能します。 また、ページが再クロールされてインデックスが再作成されると、検索スニペットが非常に迅速に変更される可能性があります。
以下では、data-nosnippet がどのように機能するかを示すために私が実行した簡単な実験について説明します。
テスト: data-nosnippet を使用して検索スニペットを変更します。
検索スニペットを変更するには、任意の div、span、またはセクション HTML 要素で data-nosnippet 属性を使用できます。 これは、HTML コードに追加できる単なる属性です。 現在使用されているコンテンツが、data-nosnippet を適用できる div、span、section 要素でラップされていない場合は、スニペットで現在使用されているコンテンツをラップする要素を追加できます (Google にそうしないように指示するため)そのテキストを使用してください)。
それだけです。
実験のために、私は最初に、メタディスクリプションに基づいていないブログ投稿の 1 つの検索スニペットを見つけました。 次に、検索スニペットの作成に使用されるテキストを含む HTML に spam タグを追加しました。
スニペットがメタディスクリプションから取得されておらず、投稿内のツールの 1 つにのみ焦点が当てられていたため、x-robots-tag を確認する方法に関する投稿を選択しました。 クエリは「ロボットのタグを確認する」でした。 これは単に簡単な実験を実行するためのものであり、この結果の完璧なスニペットを取得することに重点を置いているわけではないことに注意してください。 data-nosnippet がどのように機能するかを説明したかっただけです。
元のスニペットはデスクトップとモバイルの両方でどのように表示されるかを次に示します。
スニペットを変更するために、WordPress にアクセスし、Google が検索スニペットを作成するために現在使用しているテキストを含む Span HTML タグを追加しました。 そして、そのspanタグにdata-nosnippet属性を追加しました。 そして、テキストの最後にあるspanタグを閉じました（他のHTMLタグと同じように）。
たとえば、<span data-nosnippet>…スニペットに使用したくないテキスト コンテンツを追加しました。 </スパン>
data-nosnippet はブール属性であるため、この属性の値は必要ないことに注意してください。 しかし、WordPress は空の値を追加していたため、それを「true」に変更しました。 ただし、Google は属性が何であるかを気にしないことに注意してください。 data-snippet=“rankbrain” を追加しても問題ありません。 :) data-nosnippet 属性が存在する限り、それを使用する必要があります。 これについては、この投稿の最後のヒントのセクションでもう少し詳しく説明します。
以下は、属性値に関する Google のドキュメントのスクリーンショットです。
結果: こんにちは、新しい検索スニペットです。
data-nosnippet を追加した後、GSC でインデックス作成をリクエストしました。 ほんの数分しかかからず、投稿は再クロールされ、インデックスが再作成されました。 しかし、検索結果を確認すると、スニペットはそれほどすぐには変化しませんでした…そこで、新しいスニペットがいつ生成されるかを確認するために、1 時間ほどごとにチェックし続けました。 スニペットがデスクトップとモバイルの両方で変更されたのは約 2 時間半後でした。 成功！ 新しいスニペットは完璧ではないため、data-nosnippet を適用して作業を続ける可能性がありますが、属性は機能しました。
デスクトップとモバイルの両方にまたがる新しいスニペットは次のとおりです。
data-nosnippet の使用: サイト所有者向けのヒントと推奨事項。
以下では、data-nosnippet を使用して Google の検索結果の検索スニペットを変更する必要がある場合の最後のヒントと推奨事項をいくつか紹介します。 この属性が期待どおりに機能し、使いやすく、すぐに有効になることがわかると思います。
- div、span、またはセクションの HTML 要素で data-nosnippet を使用する必要があります。 別の HTML 要素と一緒に使用すると機能しません。
- 前述したように、data-nosnippet はブール属性です。 つまり、使用する HTML 要素に対してオンまたはオフになります。 属性の値を追加する必要はありません。 ただし、Google はそこにある値を無視するため、追加しても問題ありません。
- data-nosnippet を実装した後は、GSC でインデックス作成をリクエストすることを忘れないでください。 これにより、URL の再クロールとインデックスの再作成がより迅速に行われる可能性があります。
- インデックス作成をリクエストした後のSERPの変化を監視します。 Google がスニペットに何を選択するかによっては、実際にはさらに質の悪い検索スニペットが生成される可能性があります。 どのテキストを使用するかを Google に指示することはできないため、Google が最適ではない別のコンテンツを選択する可能性があります。 コンテンツのさらに多くの領域で data-nosnippet を使用する必要がある場合は、それを行うことができます。
- データのスニペットはインデックス作成やランキングに影響を与えません。 これは、検索スニペットにどのテキストを使用できるかに影響するだけです。 そのため、data-nosnippet で指定しているコンテンツは引き続きインデックス付けされ、ランキングの目的で使用できることがわかっているため、安心して変更を行うことができます。
- レンダリングの観点から見ると、Google はレンダリングの前後でデータ スニペットを抽出できるため、これが機能するために JavaScript に依存しないでくださいと説明しています。 Google では、data-nosnippet がソース HTML (静的 HTML) 内にあることを確認することをお勧めします。
概要: はい、スニペットをある程度制御できます。
検索スニペットが希望または期待したものと異なる状況に陥った場合は、そのスニペットを変更することができます。 Google はまさにその理由から 2019 年に data-nosnippet を導入しました。 div、span、section の HTML 要素に単純な属性を追加することで、Google がコンテンツの特定の部分を使用して検索スニペットを作成しないようにできます。 やり方は簡単で、すぐに作業できます。 したがって、最適ではない検索スニペットで満足しないでください。 変更はわずか数分で実装できます。
GG