SEOを「身近なもの」にたとえたら？ 初心者のテクニカルSEO理解に役立つ18の比喩（後編）

「レンダリングはサンドイッチ作り」比喩が示すSSRとCSRの違い

「生のコード」（サーバーから送信されるHTMLとCSS）と「レンダリングされた状態」（ブラウザが完全に読み込んだ後の内部状態）の違いは、パンやハムの素材とサンドイッチの違いに例えられる。サーバーサイドレンダリングは「キッチンで完全に出来上がった状態で渡される」ようなもので、クライアントサイドレンダリングは「注文したサンドイッチが作られるのをカウンターで見る」ようなもの。後者はJavaScriptを使うため、ボットから見ると遅延やビジビリティの問題が生じやすいと説明されている。

実務チェックリスト

• 自社サイトの商品一覧ページなどがクライアントサイドレンダリングかを確認し、JavaScriptオフでの表示を検証する
• サイト移行時はURL正規化タグ・サイト内リンク・シグナルの3点でオリジナルURLを統一する
• テンプレートに問題がある場合、同テンプレートを使う他ページ全体への影響を疑う（パン1斤のうち1枚にカビが生えたときのように）

関連する視点

関連する視点として、URL正規化タグは「検索エンジンにとってのオリジナル指定」ではあるが、サイト内リンクの大半が非正規URLを参照していると、正規化タグより実際のリンク先が優先されてしまう可能性がある点に注意したい。