JavaScriptサイトのSEO点検｜初期HTMLと表示後の本文を比べる

確認する本文とリンクを具体的に決める

仮に製品ページの見出しはあるのに料金の説明が見つからないなら、まず不足している一文と関連記事リンクを決めます。「JavaScriptが悪い」という大きな診断では、修正担当が何を再現すべきか分かりません。開始URL、ログインの有無、端末、同意状態、表示までの操作を記録し、初回表示だけで必要な答えがあるかを見ます。クリックして展開する補助情報と、ページの中心となる説明も分けます。クローラーの対象にする前に、公開されるべき内容と、認証された利用者だけへ出す内容を管理者と確認してください。秘密の画面を検索から見つけてもらう目的の点検にはしません。

二つの取得結果を同じ条件で比べる

最初のHTMLを取得する方法と、JavaScriptを実行する方法で代表ページを調べます。Screaming FrogはJavaScriptクロールの公式手順があり、Sitebulbの現行プラン表もJavaScriptの取得を案内しています。使用版の機能と実行設定は別に確認します。結果には本文、リンク先、canonical、検索除外の指示、応答を並べ、差が出た要素を記録してください。片方の取得だけが失敗した場合、サイトの応答待ち、必要な素材への接続、同意の状態も調べます。異なる時刻やログイン状態で得た画面を、同条件の性能比較とは扱いません。最初は少数のURLで原因候補を絞る方が、全件の再実行より判断しやすくなります。

操作しないと出ない部分を切り分ける

JavaScriptが動けばどんな操作後の内容も自動で見える、とは考えません。たとえば比較対象を二つ選んだ後だけ説明が出る画面と、URLを開けば説明が出る画面は違います。価格や主な用途を検索入口の答えとして用意するなら、その公開URLで何が表示されるべきかを設計者と合意します。自動取得のためだけに利用者へ別の説明を見せる方法ではなく、本文と実際の操作の役割を明確にします。リンクは、押せる見た目だけでなく行き先のある案内になっているかを確認します。分割読み込みが関係する場合は、ページ番号と発見経路の点検へ進み、表示待ちの問題と混同しません。

Google側の確認は別の証拠として残す

ローカルで取得できた内容と、Googleが扱った状態は同じ観測ではありません。権限があればSearch ConsoleのURL検査などで対象を確認し、調べた日時と確認方法を残します。Googleの公式資料は巡回、レンダリング、インデックス登録を別の段階として説明していますが、ローカルで成功した直後に掲載されるとは保証していません。未確認の状態を、問題が解消したという報告へ混ぜないでください。公開直後のページでデータがない場合も、本文やリンクの動作確認は続けられます。検索側の結果を待つ担当と、先に直せる実装上の現象を担当する人を分ければ、必要な修正を止めずに不確実性を残せます。

有料化と改修は不足した工程から判断する

無料の手動確認で一つの問題を特定できるなら、すぐに大規模な契約や全面改修を始める必要はありません。一方、保存、JavaScript取得、比較、必要な範囲で作業が止まるなら、使用版の機能表と見積もりを照合します。実行時間、PCの稼働、素材取得の負荷、人が差分を解釈する時間も費用です。すべてをサーバー側で表示する案を検討する場合も、どの中心的な答えが安定して届くようになるかを具体化します。順位の改善率や必ず掲載される日付を投資理由にせず、再現できる問題と完了条件を基に判断してください。代表例で効果を確かめてから、同じ仕組みのページ群へ広げます。

修正後は失敗例と正常例を再確認する

修正前のURL、設定、欠けていた要素、取得した記録を残し、反映後は同じ条件で比較します。料金説明が戻っただけでなく、元から正常だった本文や言語版のリンクが失われていないかも確認します。別担当や別ツールへ移すなら、この設定と代表例を引き継ぎ、画像だけで報告を終えないでください。出力できる形式と過去結果を開ける条件は現在の契約で調べます。検索側の扱いは別に追い、修正の完了、未確認項目、今後の確認日を記録します。一度の成功だけからすべての端末や操作を検証済みとはせず、今回の条件で確かめた範囲を説明することが、次の改修にも使える記録になります。

• ページ分割と無限スクロールの点検｜後半の項目を発見できるか
• Screaming Frogの使い方｜対象範囲を決めて修正を確かめる
• Sitebulb Desktopの選び方｜説明を修正依頼と再確認につなげる
• 公開前後のSEO確認｜URL・検索除外・言語版を検証する