SPAによるソーシャル共有メタタグの表示Angular IISでホストされている

Question

IISにホストされているSPA AngularJSアプリがあります。問題は、ngMeta（https://github.com/vinaygopinath/ngMeta）によって生成されたメタタグを表示することです。私はサーバー側のアプリケーション（データを提供するASP.NET Web APIのみ）はありません。サーバーサイドのプレレンダリングなしで自分のサイトを「ソーシャルフレンドリー」にする可能性はありますか？

今ではあなたが、フォールバック角度が（ng-ifを使用して）利用可能なときに削除され、静的なHTMLのメタタグを設定することができますhere

Answer 1

として同類を見て。

<title ng-bind="ngMeta.title">Fallback title</title> 
<meta name="description" content="Fallback description" ng-if="false" /> 
<meta name="description" content="{{ ngMeta.description }}" /> 

GoogleのJavaScript対応のクローラがngMeta.descriptionによって設定された記述を拾うだろうが、彼らは、Fallback descriptionを見るであろうように、ソーシャルメディアのクローラは、一般的に、JavaScriptを実行しないでください。

上記のコードは、サイト全体のタイトル、説明、およびその他のメタタグを提供することに注意してください。あなたが経路に従ってメタタグ値をカスタマイズしたい場合は、ユーザー・エージェントが知られているsocial media crawler's user agent文字列に一致した場合、リダイレクトサーバー

への要求のユーザーエージェントを識別し、この

1. ような何かを行うことができますファイルを提供するのではなくスクリプトに渡します。
2. 要求されたルート（たとえば、/blog）を確認し、ブログページに関連するメタタグを含むHTMLページを返すか生成します。