WordPress個別サポート

ホームページ内のHTMLタグを修正したいけどPHPで生成されているので簡単に直せない。そんなときはjQueryを使って動的に書き換える方法がありますが、心配なのは「検索エンジンは書き換え後のタグを認識してくれるのか?」です。

この方法は内部コードを書き換えるわけではなく見た目を切り替えるだけだからです。

「SEOを考慮してh1タグをh2タグに書き換えた」のような場合、置換前のページが収集されては意味がありません。

そこで、この記事ではjQueryで書き換えた内容が検索エンジンのロボット(Googlebot)にどのように認識されるかを確認します。

たとえば、次のような文章があります。

書き換えたい文章

書き換えたい文章

「h1をh2に書き換えたい」が目的です。言うまでもありませんが実際にこのような内容であれば直接修正してしまえば完了ですが、ここではjQueryで書き換えた結果が検索エンジンに反映されるのかチェックすることが目的なので、次のようなjQueryを使って文章中のh1をh2に書き換えます。

<script type='text/javascript'>
jQuery(function() {
    jQuery("h1").each(function(){
        jQuery(this).replaceWith('<h2>'+jQuery(this).text()+'</h2>');
    });
});
</script>

サイトを表示するとh1タグはh2に変更されています。

h1はh2として表示される

h1はh2として表示される

念のため書きますが、上記のjQueryで画面表示が変更されただけで、編集画面に入力された内容はh1のままです。

編集画面のh1はh2に置換されていない

編集画面のh1はh2に置換されていない

これで、編集画面は「h1」のままで画面に「h2」が出力される状態になりました。あとは検索エンジンがどのように認識するかです。

実際に入力されているh1なのか変更後のh2なのか。

Google Search Consoleの「Fetch as Google」メニューでチェックすると、書き換え後のh2として認識されていることがわかります。

Googlebot には書き換え後が認識されている

Googlebot には書き換え後が認識されている

確認のためjQueryによる書き換えを停止して、元のh1が入った文章でチェックしてみると変換前のh1として認識されています。

変換しなければh1として認識される

変換しなければh1として認識される

実際のタグを直接変更せずjQueryで見た目だけを「動的に」変更した場合でも検索エンジンのロボット(Googlebot)には書き換え後の内容が見えていることがわかります。

この記事をSNSで共有する
スポンサーリンク
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・ログインできない・サーバー移転 ... )
マンツーマンなので相談内容は自由です。いただいた課題を迅速に解決、CSSやPHPの修正にも対応します。気軽にご相談ください。
現在までの対応件数:1806件
WordPress講座の問い合わせ先
wordpress講座受講予約

関連記事

スポンサーリンク