web-dev-qa-db-ja.com

jQueryとAJAXを使用して記事のコンテンツを読み込むことは、SEOに悪いですか?

JQueryを使用してメイン記事のコンテンツをロードしています。 SEOに効果的ですか?それは悪い習慣ですか?

たとえば、ページURL example.com/ariticle?seid=14があります

ここでページがロードされると、AJAXとjQueryを使用してコンテンツを取得します。ユーザーがページを取得すると、共通テンプレートが最初にロードされます。このテンプレート<body>の中には、<div>があり、そのクラスはmain-articleです。 document.ready関数の実行中に、選択したニュース記事IDをURL(seid=14)から取得し、対応するコンテンツをデータベースから取得して、クラスmain-article内に表示します。

これを行うことがSEOにとって悪い場合、どうすれば個々の投稿をよりSEOフレンドリーにすることができますか?

GoogleにはAJAXクロールスキームがあります ですが、現在は廃止されています。

2
abilash er

JQuery-AJAXサービス呼び出しを使用してDOMにデータをロードするXHTMLページのSEOを達成する方法?

Ajax呼び出しで任意のデータをロードできます。たとえば、 このサイト はJavaScriptですべてのページのタイトルを変更し(メタタグの場合もあります)、Googleはインデックスを付けます 正しく 。このサイトでは、「エスケープされたURLフラグメント」メソッドを使用してインデックスが作成されます。

編集:投稿したリンクをクリックしてクリックすると、 非推奨となった理由 が表示され、そのページには次のように表示されます。

時が変わった。現在、GooglebotがJavaScriptファイルまたはCSSファイルのクロールをブロックしていない限り、通常、最新のブラウザのようにWebページをレンダリングして理解できます。

Edit2:AJAXはSEOにとって悪いことではありませんが、これらのリンクを書き換えることを検討します。/article/id/title-of-theの記事またはそれに類似したものは、ariticle?seid = 14よりもはるかに優れています。

3

プッシュステート

Pushstateを使用してURLを動的に変更し、動的コンテンツにアクセスしてクロールできるようにすることができます。したがって、ユーザーがarticle2を参照する場合、タイトルとURLをarticle2に更新できます。 Pushstateはブラウザの履歴を保持します。

http://example.com/article/1 -> this will go to article1
http://example.com/article/2 -> this will go to article2

Pushstateに関するbingの良い記事です

https://blogs.bing.com/webmaster/2013/03/21/search-engine-optimization-best-practices-for-ajax-urls/

Pushstate()を使用してサンプルWebサイトを表示することもできます。

http://html5.gingerhost.com/

コンテンツがGoogleボットに適切であることを確認する

chrome開発者ツールでユーザーエージェントをGooglebotに変更し、コンテンツが適切に表示されているかどうかを確認できます。

Google bot

1
Santosh