web-dev-qa-db-ja.com

JavaScriptを使用してh1およびh2タグを非表示にし、SEO用にそれらを保持する方法

私のウェブサイトは現在H1およびH2タグを使用していませんが、それらを使用して非表示にしてサイトをSEOフレンドリーにします。

seophpweb-developmentjavascript
3
Vshnudath

hideh1およびh2タグ（またはそのことに関する任意のテキスト）を使用して、SEOに積極的にを適用することはできません。

ここ数年、Googleはユーザーが見るものを正確にインデックス化しようとしてきました。 Googleはこの目標を達成するために、CSSとJavaScriptをインテリジェントに処理できます。ユーザーに表示されない場合、インデックスが作成されるポイントはありません。

ユーザーとは異なるコンテンツをGoogleに配信することをcloakingと呼びます。昨年のブラックハットSEOテクニックでは、最近のSERPで積極的に罰せられる可能性があります。

すべての検索エンジンが必ずしもGoogleと同じように機能するわけではありませんが、Googleは現在、最も多産な検索エンジンであるため、Googleが私たちの振る舞いを管理しています。

6
MrWhite

PHPコードに追加できる場合は、簡単に非表示にできます。次のCSSプロパティをスタイルファイルに追加するだけです。

h1,h2 {
  display: none;
}

または、jQueryをJavaScriptフレームワークとして使用すると、JSでも同じことができます。

$(document).ready(function() {
  $('h1,h2').css('display', 'none');
});

CSSのみのソリューションを使用することをお勧めします。

1
phylib

Googleの場合は、コンテンツに集中するだけです。できることは、実際にドキュメントに実際の変更を追加するのではなく、ヘッダーである部分にフラグを立てるヘッダー要素を使用することです。

他のあまり人気のない検索エンジンについては、まだクローキングを行うことができますが、私はそれに対してお勧めします。

0
Archimedes Trajano

これで問題が解決するかどうかはわかりませんが、テキストを背景と同じ色にすることで目的を達成できますか？上記の答えを考慮すると、目的の結果を得るのに十分かもしれませんが、ユーザーからテキストを「非表示」のままにしてください。卑劣ですが、CSS以外に思いつくことができるのは次のようなものだけです。

visibility: hidden;

グラフィックの下に配置することも検討してください。

個人的には、自分のサイトが低ランクになったり、禁止されたりする危険を冒したくないので、このようなものには近づかない。

別の手法としては、alt="whatever your important info is."を使用してページに画像を配置するだけの場合もあります。

0
psiclone