AjaxアプリケーションのSEOについて調べてみた | keisuke tsukayoshi

Backbone.jsやEmber.js、AngularJSなどの流行りのMVCフレームワークを用いたAjaxアプリケーションのSEOについて少ししらべてみました。SEOというかクローラー対策っぽいですが。ブログ的には始めての開発系の記事。 AjaxアプリケーションのSEO的な問題 そもそもどうしてAjaxアプリケーションがSEO的にやばいかというと、一旦空のHTMLを読み込んだあとJavaScriptを使ってクライアントサイドでコンテンツをレンダリングする仕組み上、Googleのクローラーのような特殊な環境だと内容を正常に読めないというのが現状らしい。というわけでこれを如何にして読み込ませるかが本件のゴールになります。 STEP1:Ajaxアプリであることをクローラーに伝える #!(ハッシュフラグメント)をURLにつける URLに#!(ハッシュフラグメント)が含まれているとクローラーはそ

[ngyuki]

ハッシュフラグメントってしらなかった、これって Googlebot だけの特別仕様？

[sotarok]

ほう

[ingo]

ちょっと気になってたけど確かに対策必要。

[dreammind]

[SEO]

[tanakaBox]

Ajax→PhantomJS→HTML

[sp_ice]

AngularJSで何か作る時は参考にする

[s-ishigami]

よくまとまってる。早い話現状は静的化してサーバーで切り替えが必要、"Googleも「まぁこんな対策しなくてもいずれはクロールできるようになるし一部対応できてるよ」的なことは言ってる"に期待ですね

[asyst]

HTML snapshot

[eiyan0906]

最近はAjaxもあたりまえだからな〜。この辺理解しておかないとね。