『Ameba OwndのSEOを支える技術 for AngularJS』

こんにちは、サーバーサイドのエンジニアをやっているoinumeです。今回は昨年8月ぐらいから作っていたAmeba Owndというサービスで行ったSEO対策について紹介します。 AmebaOwndって？ブログ機能を備えたスタイリッシュなデザインのWebサイトを簡単に作成できるサービスです。 香川真司オフィシャルサイトスターバックス コーヒー オフィシャルブログなどのサイトがAmeba Owndを利用して作られています。 アーキテクチャユーザーさんがWebブラウザでアクセスするページについてはAngularJS + REST API(Nginx + Go)で作られています。一方でGooglebotなどのクローラーからのアクセスの場合は、受けたリクエストをNginxがPrerender CacheというシステムにProxyして、このPrerender CacheからHTMLを返すようにしています

[ir_takt]

AngularJSでSEOするためにnginxとvarnishでgooglebot用のキャッシュを作る

[sadah]

たいへん…。

[kimyan]

「Ameba OwndのSEOを支える技術 for AngularJS」 ⇒ いつもお世話になっている生沼さんの記事。

[efcl]

AngularJSのサイトをPhantomJSでクロール

[akky_orange]

SPAのクローリング問題、最近気になってた。

[Peranikov]

AngularJSでSEO対策を実現してる事例。すごい。

[kimutansk]

AngularJSではSEOは諦めろとは言われますが、実際にレンダリングされたものをキャッシュして返す方式でクリアしたわけですか

[motorey24]

時代が変わった感じしますねー。

[hs_hachi]

最近はフロント側で色んなことやってくれてるから気をつけないとな

[bokuweb]

たいへんだな

[dekokun]

JSバリバリサイトへのSEOの厳しさよ

[oinume]

エンジニアブログ書きました

[watarun7]

AngularJSのSEO対策勉強になるな〜