検索エンジンと同様の方法でページのソースコードを表示する
- Google Chrome でページのソースコードを表示する
- Safari でページのソースコードを表示する
- 検索エンジンや AI クローラが読み込むことができる内容を確認する
ほとんどの AI クローラは、JavaScript を実行することはありません。AI クローラは、サーバーが送信する HTML のみを読み取るため、スクリプトによって追加されたコンテンツは読み込まれません。
Google Chrome でページのソースコードを表示する
Google Chrome のデベロッパーツールを使用すると、検索エンジンや AI クローラと同じようにページのソースコードを表示できます。
Google Chrome でソースコードを表示する方法：
Google Chrome でサイトの該当するページを開きます。
ページのソースコードビューを開きます：
Windows：ページを右クリックし、「ページのソースを表示」（または「ソースを表示」）を選択します。または、キーボードの Ctrl + U キーを押します。
Mac：キーボードの「Cmd + Option + U」キーを押します。
デベロッパーツールを開きます：
Windows：キーボードの「F12」キーを押します。
Mac：キーボードの「Cmd + Option + I」キーを押します。
右上の「Dev Tools のカスタマイズと管理」アイコン
をクリックします。「その他のツール」にマウスオーバーし、「Network conditions（ネットワーク状況）」を選択します。
「ユーザーエージェント」下の「ブラウザのデフォルトを使用」の選択を解除します。
ドロップダウンメニューから「Googlebot」を選択します。
- ページを更新します。
Safari でページのソースコードを表示する
Safari の「開発」タブを使用すると、検索エンジンや AI クローラと同じようにページのコードを表示できます。
Safari でソースコードを表示する方法：
トップメニューの「Safari」をクリックします。
「設定」をクリックします。
「詳細」をクリックします。
「Web デベロッパ用の機能を表示」チェックボックスを選択します。
チェックボックスを選択すると、上部のメニューに「開発」が表示されます。
Safari でサイトの該当ページを開きます。
トップメニューの「開発」をクリックします。
「ユーザーエージェント」にマウスオーバーします。
下部にある「その他」を選択します。
フィールド内のテキストを次のテキストに置き換えます：Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Safari/537.36
「OK」をクリックして確定します。
上部のメニューで「開発」をクリックし、「ページのソースを表示」を選択します。
検索エンジンや AI クローラが読み込むことができる内容を確認する
ページのソースには、スクリプトが実行される前にサーバーから送信される HTML が表示されます。訪問者に表示したいコンテンツが含まれているかは、ページのソースを開いて確認してください：
テキスト：見出しと本文のテキスト。
リンク：他のページへのリンクと、それらのリンク上のテキスト。
画像：画像ファイルと、それらの代替テキスト。
クローラは、ページのソースに不足している情報（コンテンツ）を読み取ることはできません。