最近の2015あなたの角型プロジェクトを友好的にする方法

Question

私は大きなangularJSウェブサイトを構築し、jsonファイルを部分的にロードすることによって多言語化しました。 私のウェブサイトは、これらの文字列がいっぱいです：

{{ 'TITLE' | translate }} 

私は彼らがSEOフレンドリーにするかどうかはわかりません。 私はインターネット上で多くのソリューションを見つけましたが、GoogleとBingが角度のあるプロジェクトをスキャンできるので、もう必要ではないと述べた多くの人々も見つかりました。

私のプロジェクトをhtml5 = trueに設定しましたが、<base>が見つからないというエラーが発生しました。 私は<base href="/">を実装しましたが、私のプロジェクトは後でサブフォルダ/ステージングに展開されたので、すべてのリンクが壊れています。 （私のDEVとライブ環境が異なる塩基を持つ）

私はあなたの角度のプロジェクトはフレンドリーSEOを取得するための最も最近の方法は何prerender.io

などの第3回のパーティーに頼らに満足していませんよ。 また、ローカルホストソリューションもありますか？ Gruntはすべてのページをプリレンダリングしてビルドスクリプトに実装できますか？

Answer 1

実際には、Prerender.ioに似た独自のサービスを作成することができます。 PhantomJsを使ってページをレンダリングします。

まず、あなたのサイトの先頭に次のメタタグを追加します

<meta name="fragment" content="!" /> 

ジェシーローソンは、あなたのサイトに追加し、その後、あなたは自分のウェブサーバ上PhantomJsを設定する必要がSEOモジュールを作成しました。ここで

は完全な詳細は以下のとおりです。

http://lawsonry.com/2014/05/diy-angularjs-seo-with-phantomjs-the-easy-way/