CrawlersがSEO情報を取得する際にJSが割り当てた値を読み取ることができないため、SEOの処理にはJavaScriptフレームワークに問題があります。たとえば、含まれるものはtitle = {{title}}である場合があります。最初に、ルートジャンプ中にページのSEO情報を変更する方法について説明しましょう。これで、スパジャンプは通常、ルートUIを使用します。これに基づいて説明し、app.js構成アイテム状態にタイトル情報を追加しましょう。データ:{pagetitle: 'user title'}
.state( 'index.user'、{url: '/user'、views:{'content@index':{templatehtml/user/user.html '、controller:' userctrl '}}、data:{pagetitle:' user title '}})。 '/a'、templateurl: 'templatehtml/user/a.html'、data:{pagetitle: 'user a title'}})。次に、$ stateChangesuccessを聴きながらページタイトルを変更します。
app.directive( 'title'、['$ rotscope'、 '$ timeout'、function($ rootscope、$ timeout){return {link:function(){var riender = function(event、tostate){console.log(tostate); $ timeout($ rootscope.title.tatle.data.data.data.datatate.data.data.tate.data.titate.data.titate.data.tate.data.titate.data. tostate.data.pageTitle: 'デフォルトタイトル'; $ rotscope.metakeywords = "これはキーワード"});}; $ rootscope。ここで、割り当ては、タイトルを現在の状態に設定することです。つまり、ここのトステ酸塩オブジェクトの値です。このトステートを印刷すると、次のことがわかります。
ここに、設定されたデータのPageTitleの値があります。州に書いたり、死に至らしたりしたくない場合は、州内の一意のラベルを渡して、バックグラウンドインターフェイスと併せてクエリタイトルをページにレンダリングできます。同様に、キーワードや説明などのメタタグは、この時点で結合することができます。
上記のように、JavaScriptフレームワークにはSEOには欠点があり、プレレンダー、SEO.JSなどのNGの問題に対処するための多くのソリューションがあります。アイデアは、ページに式を追加することであり、クローラーはページが提供された後にのみデータを掘り起こすことができます。同時に、一部のサービスはサーバー上で構成する必要があります。このサービスは、このURLに対応するスナップショットまたはキャッシュページがあるかどうかを検出します。それらが存在する場合、彼らはそれらをクローラーに送ります。それらが存在しない場合、スナップショットを生成し、正しいページをクローラーに送信します。それを処理するにはまだある程度の努力が必要なので、NG+従来の開発モデルを使用することもできます。いくつかの重要なページの場合、このページを使用してSEOをレンダリングしたり、特別なSEO情報ページを作成したりしないでください。したがって、この点で、NGフレームワークを使用してアプリ(Ionic)を作成することがまだ適切であると感じています。
上記は、SEOの問題を解決するために編集者によって紹介されたAngular Settedタイトル情報です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!