ポリマーでダイナミックなメタタグとオープングラフのタグを設定するには？

は、私は私が働いてきたし、動的メタタグとオープングラフタグを含める方法を見つけ出すことはできません高分子ノードサイトを持っています。 jQueryが動作しません、それはページがロードおよびFacebookの後にすべてのタグを追加するためのノードを追加するために、ポリマーのAPIを使用してどちらの意志は、タグを読み取ることができません。 Googleのクローラはページをレンダリングしますが、ヘッダーに説明を設定すると最適です。ポリマーでダイナミックなメタタグとオープングラフのタグを設定するには？

<html> 
    <head> 
    <meta name="description" content="description goes here" /> 
    <meta property="og:title" content="title"/> 
    </head> 
    <body> 
    <group-pages id="grouppages" is="dom-bind"></group-pages> 
    </body> 
</html>

grouppagesデータを設定し、URLをオフに基づいてページを移入するためのサービスを使用していますが、私は見つけることができないと、ページによってはメタタグを変更する方法です。

誰もが任意のアイデアがありますか？

一つの思考は、情報サーバ側を取得し、ポリマーの中にそれを送ったが、私はまだそれがノードとポリマーの間で可能かどうか分かりません。

出典

2015-12-07 ahebib

この[回答]（http://stackoverflow.com/questions/5776567/facebook-open-graph-not-clearing-cache/21468084#21468084）が私が見つけた最高でした！ – Igonaf

それは間違いなく、未解決の問題だし、それはそれは、ポリマーまたは他のフロントエンドのコードのかどうか、クライアント側でのメタタグを生成する方法に関するものです。

クローラがJSを実行する場合にのみ、克服することができます。 2014年5月Google started doing so一方、私が知っている限り、Facebookはまだこの方向に動いていません。

あなたは完全な画像を取得するには、これらの他の2つの答えをチェックアウトする場合があります。今日のよう

は、唯一100％確実な方法は、のためにありますサーバーは、クローラを傍受し、応答を送信する前にコンテンツを具体的にレンダリングします。これはまたisomorphic JavaScriptとknowonです。 Prerenderのようなタスクをサポートする便利なツールがいくつかあります。

希望すると便利です。あなたがFirebaseを使用してポリマーアプリをホストしている場合乾杯

出典

2015-12-30 03:34:27 Pensierinmusica

、あなたはFirebase http trigger機能を備えたindex.htmlファイルをプリレンダリングすることができます。

exports.host = functions.https.onRequest((req, res) => { 
    // replace og-tags in the index.html file and return it 
});

は、詳細はthis postを参照してください。

出典

2018-01-22 09:18:33 JFathi

ポリマーでダイナミックなメタタグとオープングラフのタグを設定するには？

答えて

関連する問題