SEO的なhタグの表示処理について

Question

運営しているwebサイトでhタグをスクロールするとフワッと表示される様にしています。

具体的には

$(document).ready(function(){
		$('h1').css('visibility','hidden');
                $('h2').css('visibility','hidden');
		$('h3').css('visibility','hidden');
		$('h4').css('visibility','hidden');
})

で最初に消しておいて
以下のコードでスクロール時にhタグを「フワっと」表示させています。

$(window).scroll(function(){
 var windowHeight = $(window).height(),
     topWindow = $(window).scrollTop();
 $('h1,h2,h3,h4').each(function(){
  var targetPosition = $(this).offset().top;
	 if(topWindow > targetPosition - windowHeight + 100 ){
   $(this).addClass("fadeIn");
  }
 });
});

でスクロールしてくるとhタグが表示される仕組みです。
表示のされ方は問題ないのですが、
ふと、「これSEO的に大丈夫？」
と不安になりました。

最初にhタグを消してしまっているので、もしやGoogleのクローラーはhタグを読めてない？
または、最初の画面にh1とh2は表示されているので、もしかしてそれだけしか見てない？

と不安になりました。
ちなみに掲載順位は5〜15位位をいったり来たりです。

テストすれば良いだけの話ですが、もしご存知の方がいましたら教えて下さい。
よろしくお願いします。

Comments

[think49]

「テストすれば良いだけの話ですが」とありますが、どうやってテストするのでしょうか。

[yoyoyoyogi]

他の箇所には手を加えず、
css('visibility','hidden');を解除して数週間様子を見る。
というテストです。時間がかかる上に年末年始もあるので結果が分かりにくいと思い、まずは質問しました。

Answer 1

意見の半分は下記記事に書きました。

• 「SEO対策」の用語の使われ方、SEOの手法について思う事 - Qrunch

確認方法

他の箇所には手を加えず、 css('visibility','hidden');を解除して数週間様子を見る。 というテストです。時間がかかる上に年末年始もあるので結果が分かりにくいと思い、まずは質問しました。

という事は、

$(document).ready(function(){
        $('h1').css('visibility','hidden');
                $('h2').css('visibility','hidden');
        $('h3').css('visibility','hidden');
        $('h4').css('visibility','hidden');
})

このコードは公開サーバにアップロード済なのでしょうか。
やってしまってから、質問するのでは遅いと思うのですが…。

とりあえず、該当検索エンジンのヘルプを見てクロールして貰い、サイト検索で見出しとなるキーワードを含めて検索する事で、検索結果で見出しが検索対象になっているかを確かめる事が可能です。

検索エンジンスパム

対象の検索エンジンがGoogleと仮定して、Google botはブラウザのJavaScriptエンジンと全く同じ挙動をするわけではないので、私としてはリスクをとる選択は好ましくないとは思います。
初期非表示だと、見出しのアウトラインが生成できなくなるのもデメリットですね。

最も、心配なのはスパム判定されないかという事です。
Google botのJavaScriptがスクロールをエミュレーションできていない場合は、見出しが隠したままの状態と見なされてしまいます。

• 隠しテキストと隠しリンク - Search Console ヘルプ

Re: yoyoyoyogi さん

Answer 2

最初にhタグを消してしまっているので、もしやGoogleのクローラーはhタグを読めてない？

または、最初の画面にh1とh2は表示されているので、もしかしてそれだけしか見てない？

「h1とh2」はキチンと見て評価されていると思いますが、「h3とh4」の適切な評価は、されていません。無視されている可能性もあります。

---

掲載順位は5〜15位位をいったり来たり･･･

検索クエリに対する、webページの表示順位は、総合的に行われると考えられます。
今回の「hタグ問題」の場合、デザイン優先でh3h4の評価が下がっても、その他の部分の評価を上げる事は出来ますので、サイトのバランスを考えて、hタグは、このままいくか、改善するかの判断は、質問者さんの考え次第です。

Comments

[yoyoyoyogi]

ありがとうざいます。
参考にします。

Answer 3

displayをhiddenにしてるだけなので物理的に消しているわけではありません。
が
下記の記事を読んでください。

• 「display:none」はSEO効果を下げる／Google発言、長い論争に決着

でもまあ、記事の見出しである情報をアクセス段階で非表示ってそもそもどうなの？と思いますが。

Comments

[m.ts10806]

あ、visibilityか。ちょっと解釈変わるかも

[m.ts10806]

https://www.clrmemory.com/
同じですね。

[yoyoyoyogi]

ありがとうざいます。
参考にします。