5

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

{{ 'TITLE' | translate }}

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

そのため、プロジェクトを html5 = true に設定しました<base>が、見つからないエラーが発生しました。だから私は実装しました<base href="/">が、私のプロジェクトは後でサブフォルダー /staging/ に展開されたため、すべてのリンクが壊れていました。(私の開発環境とライブ環境はベースが異なります)

prerender.io のようなサードパーティに依存することに満足していない

Angular プロジェクトを SEO フレンドリーにする最新の方法は何ですか。また、localhost ソリューションもありますか? Grunt ですべてのページをプリレンダリングして、ビルド スクリプトに実装できますか?

4

1 に答える 1

4

Prerender.io に似た独自のサービスを実際に作成できます。ページのレンダリングには PhantomJs の使用に依存しています。

まず、次のメタ タグをサイトの head に追加します。

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

Jesse Lawson は、サイトに追加する SEO モジュールを作成しました。あとは、Web サーバーに PhantomJs をセットアップするだけです。

詳細は次のとおりです。

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

于 2015-02-03T19:40:31.873 に答える