web-dev-qa-db-ja.com

リンクの代わりにonclickハンドラーのSEOへの影響

here に投稿された質問に似た質問があります。

私は非常に厳しいSEO要件を持つReactアプリケーションを構築しているので、次のアプローチが問題かどうか疑問に思っています。

すべてのナビゲーション/ルーティングで、アプリ内の新しい場所にユーザーをプッシュするonClickハンドラーを使用しています。コンポーネントの作成方法は、生成されたHTMLにアンカータグがないため、アプリケーションのどこにもリンク/ hrefがないことを意味します。

Googlebotはこれを処理できますか？できたとしても、アプリ内のリンク構造を適切にインデックス付けするクローラーの能力に悪影響を及ぼす可能性があると感じています。

これが問題になる場合は、すべてにリンクを追加し、ルートをトリガーする前にデフォルトの動作を防ぐ必要があります。このようにして、クローラーは、適切なURLを指すHTMLのhref属性を持つリンクを少なくとも表示できます。

残念ながら、これは新しいアプリケーションであるため、Fetch as Googleツールを使用してテストすることはまだ一般公開されていません。

web-crawlersgooglebotjavascriptreact-js
1
carl

Googlebotはonclickリンクを処理できるはずです。検索するには、検索コンソールでGooglebotのクロール頻度を確認し、onclicksをクロールするかどうかを確認します。

Javascriptは信頼性が低く、Googleが100％それを見ることができるかどうかを言うのは難しいですが、テストが実行され、Googleがonclickリンクをクロールすることが示されました。

また、標準のJavaScriptリンクもテストしました。これらは、SEOが従来プレーンテキストに変更することを推奨していたJavaScriptリンクの最も一般的なタイプです。これらのテストには、次のコードでコーディングされたJavaScriptリンクが含まれています。

Href属性と値のペア（AVP）の外側でタグ内（「onClick」）の関数href AVP内の関数（「javascript：window.location」） ：openlink（）”）など。結果：リンクは完全にクロールされ、追跡されました。

ソース： https://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157

1
Michael d

同様の質問の説明については、 here を参照してください。

また、 これはGoogleのサポート記事です 。

0
carl

Googleはおそらくonclickリンクを処理できますが、アプリが完成する前にテストを行う必要があります。それにもかかわらず、私は検索者の仕事を容易にし、問題を回避するためにリンクするための古いファッションの方法を好む。

Googleのajaxクロールメソッドは廃止されました 数年前であり、それは ソースコードだけでなくDOMを読み取ることができる （質問37 ）。

先ほど言ったように、通常のリンクを使用しますが、onclickプロパティを保持する必要がある場合は、以下を使用する必要があります。

  • リンクが表示されることを確認するためのFetch as Googleツール
  • サイトのどこかのHTMLサイトマップ
  • Google Search Console（およびBing）に送信されたXMLサイトマップ
0
Emirodgar