JavaScript SEO: URL と履歴 API

AJAX や Vue や Angular などのフレームワークを使用するなど、動的コンテンツを操作する場合、URL の変更で問題が発生します。多くの場合、ページの状態が更新されると URL に「#」文字が追加されるため、Googlebot などの検索エンジンがそのコンテンツをインデックスに登録することが困難になる場合があります。

この問題に対する 1 つの解決策は、5 で導入された History API を使用することです。このツールを使用すると、URL をより使い慣れたインデックス作成に適したものに変更できますが、これには適切なサーバー構成が必要です。この問題は、コンテンツが必要に応じて動的に読み込まれる SPA (シングル ページ アプリケーション) に特に当てはまります。

遅延読み込み

遅延読み込みは、ページをスクロールするときなど、必要な場合にのみメディア要素やその他のリソースを読み込むことでユーザー エクスペリエンスを向上させます。ただし、このプロセスが正しく実装されていない場合、Googlebot は必要な要素を認識できない可能性があります。したがって、遅延読み込みを使用する場合は、すべてのリソースが検索エンジンの要件に従って確実に読み込まれるようにすることが重要です。

結論

Google のレンダリング システムは、Chrome ブラウザの最新バージョンを使用して大幅に改善され、動的コンテンツを含むサイトの処理が容易になりました。ただし、Google のクローラは、クリックやスクロールなど、ページ上の要素と対話できないため、コンテンツとの対話を必要とせずにコンテンツをインデックスに確実に利用できるようにすることが重要です。

Google のガイドラインをすべて満たすようにサイトをカスタマイズできない場合は、従うべき簡単なルールがあります。それは、インデックスに登録したいすべてのコンテンツがページのソース コード内で直接利用可能でなければならないということです。これは、タグ、リンク、テキスト、画像、メニュー、サイトのその他の重要なコンポーネントなどのすべての要素に適用されます。これは、Yandex などの他の検索エンジンにとっても重要です。

インデックス作成の成功と、コンテンツが検索で表示されることを願っています。

JavaScript の最適化や検索エンジンの最適化についてご質問がある場合は、SEO スタジオ「SEO COMPUTER」に電子メール info@seo.computer でお問い合わせください。

ID1704

リクエストを送信してください、ご相談に応じます の上 せお あなたのウェブサイトの宣伝