Google検索に関連するJavaScriptの問題の修正

このガイドは、JavaScriptの問題を判断して修正するのに役立ちます。これにより、Googleを検索する際にDisplayからJavaScriptを使用して作業するページのページまたは特定のコンテンツをブロックできます。 Google SearchがJavaScriptを処理できるという事実にもかかわらず、Googleロボットがアクセスしてコンテンツを表示する方法を考慮に入れるために、ページやアプリケーションを開発する際に考慮することが重要ないくつかの違いと制限があります。 JavaScript SEOの基本に関するガイドは、Google検索のJavaScriptを使用してサイトを最適化する方法に関する詳細情報を提供します。

GoogleBotの仕事とGoogleでのサイトとの相互作用を理解する

GoogleBotは、真正なネットワークユーザーになるように設計されています。主なタスクはスキャンすることですが、GoogleBotはサイトでのユーザーエクスペリエンスの悪化を避ける必要があります。 GoogleBotとそのWebレンダリングサービス（WRS）コンポーネントは、ページのメインコンテンツに影響を与えず、ロードされない可能性のあるリソースを常に分析および特定しています。たとえば、メインコンテンツにとって重要ではないレポートとエラーはロードの対象ではありません。 Google WebサイトでGoogleBotとWRSのアクティビティを監視するには、検索コンソールのスキャン統計に関するレポートを使用してください。

Google検索に影響するサイトでJavaScriptエラーを確認して修正する

JavaScriptの問題が、Googleを検索する際に表示されるJavaScriptが表示されているページのページまたは特定のコンテンツをブロックできると思われる場合は、これらの手順に従ってください。主な理由がJavaScriptであるかどうかわからない場合は、一般的なデバッグマニュアルに従って特定の問題を判断してください。

GoogleがURLをスキャンして表示する方法をテストするには、Search ConsoleのRich ResultsテストツールまたはURLテストツールを使用します。ロードされたリソース、JavaScriptコンソールの出力と例外、分離したDOM、その他多くの有用な情報を見ることができます。
さらに、コンテンツのレンダリングに影響を与える可能性のある問題を特定するために、GoogleBotを含むユーザーが直面するJavaScriptエラーを収集および確認することをお勧めします。 JavaScriptエラーを記録するためのコードの例は、グローバルOnerrorで使用できます。

window.addEventListener('error', function(e) {
 var errorText = [e.message, 'URL: ' + e.filename, 'Line: ' + e.lineno + ', Column: ' + e.colno, 'Stack: ' + (e.error && e.error.stack || '(no stack trace)')].join('
');
 var DOM_ID = 'rendering-debug-pre';
 if (!document.getElementById(DOM_ID)) {
 var log = document.createElement('pre');
 log.id = DOM_ID;
 log.style.whiteSpace = 'pre-wrap';
 log.textContent = errorText;
 if (!document.body) document.body = document.createElement('body');
 document.body.insertBefore(log, document.body.firstChild);
 } else {
 document.getElementById(DOM_ID).textContent += '

' + errorText;
 }
});

エラーの防止404とGoogleのサイトへの影響

特にサイトが単一のページアプリケーション（SPA）を使用している場合、「ソフト404」などのエラーを防止することに特に注意する必要があります。検索エンジンによってエラーがインデックス化されないようにするために、次の戦略を使用してください。

コンテンツが存在しない場合は、状態コード404を使用してページのリダイエード：

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 window.location.href = '/not-found';
 }
 });

NOINDEXパラメーターを備えたメタタグロボットを使用してください。

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 const metaRobots = document.createElement('meta');
 metaRobots.name = 'robots';
 metaRobots.content = 'noindex';
 document.head.appendChild(metaRobots);
 }
 });

SPAアプリケーションがクライアントJavaScriptを使用してエラーを処理する場合、誤ったページが目的のエラーコードではなく200のステータスを満たしている場合に問題が発生することがよくあります。

ユーザー許可とGoogle Webサイトへの影響を使用する

GoogleBotは、カメラやその他のユーザー解像度の使用など、機能にアクセスする許可を提供できません。ページがコンテンツにアクセスするためにそのような許可の提供が必要な場合は、許可を提供する必要なく、ユーザーに表示する代替方法を提供します。

サイト内のURLフラグメントとGoogleでの検索の可視性への影響を使用してください

URLフラグメント（たとえば、https：//example.com/#/productsなど）で以前に使用されていたアプローチは、2015年以来、GoogleBotのスキャンにはサポートされなくなりました。 URLフラグメントの代わりに、SPAでの動的なコンテンツロードに履歴APIを使用することをお勧めします。

Googleでのインデックス作成を改善するために、サイト上のデータのキャッシュと使用に関する推奨事項

キャッシュの問題を避けるために、コンテンツプリントを使用してください。これにより、時代遅れのJavaScriptまたはCSSリソースの使用が回避され、GoogleBotは常に関連するファイルを受信します。例としては、Main.2BB85551.jsとしてファイルのタイトルでコンテンツバージョンファイルを使用しています。長期キャッシュの戦略に関する詳細Web.devで読みます。

Webコンポーネントを使用してGoogleでサイトのパフォーマンスを確認する

RICH結果テストツールまたはURLテストツールを使用して、Webコンポーネントが正しくレンダリングされていることを確認します。 WRSは、たとえばメカニズムなど、DOMを操作するためのいくつかのメカニズムをサポートしていない可能性があることを覚えておくことが重要です。光と影のdomの場合。サイトのコンポーネントがそれを使用しない場合は、ドキュメントに連絡して可能な問題を排除してください。

Googleの検索で表示するためにサイトの修正後のページテスト

指定された問題を修正したら、Google検索コンソールのRICH結果テストまたはURLテストツールを使用してページをテストします。問題が解決した場合、グリーンチェックマークが表示され、エラーは表示されません。エラーが残っている場合は、Search Central Communityから助けを求めてください。

追加の質問や相談については、seo.computer seo Companyにメールでお問い合わせください。 info@seo.computer またはwhatsappを通じて： +79202044461。

ID 115