Facebook/Twitter OpenGraphでNode.js/Angular.js Webアプリケーションの画像を削っていない

Question

最近、著者が記事を投稿する方法でブログの一種であるMEAN Stackアプリケーションを作成しました。 JavascriptをスクラップしないOpenGraphアプリケーションの問題を克服するために、静的なPHPページと、特定のユーザーエージェント（Facebook、Google+、Twitterなど）からの静的ページへのすべての呼び出しをリダイレクトするNginxリバースプロキシのルールを実装しました。データを適切にスクラップするために

OpenGraphベースのアプリケーションでは、細かい部分を除いてすべてがうまくいっていますが、OpenGraphベースのアプリケーションでは記事の画像を削り取ることができないように見えるので、豊富なソーシャル共有は期待通りに機能しません。例えば

、次のリンクテスト：https://moveramontanha.pt/article/5a21539cfdebb1074ed1436d

静的なページにリダイレクトします：

https://www.moveramontanha.pt/static_mam.php?id=5a21539cfdebb1074ed1436d

• Facebookで共有デバッガは、次のエラーを配る - ランダム：

を

アンサップ拡張イメージファイル拡張子og：image URL、 https://www.moveramontanha.pt/uploads/authors/1512141975423.jpgは には対応していません。

または

提供 "OG：画像の新しい イメージが非同期に処理されるため、プロパティはまだ利用できません。新しいURLの共有に画像が含まれるようにするには、 'og：image：width'と 'og：image：height'タグを使用してサイズを指定します。

• Twitterのカード検証ログ：（画像なし）

INFO：17のメタタグが発見されたINFO： さえずり：カード=要約タグ情報を見つけました：ページが正常にINFOが取り出され、ロードされたカード成功しWARN： このカードは、私が試した https://www.moveramontanha.pt/static_mam.php?id=5a21539cfdebb1074ed1436d

アドオンにリダイレクトされます画像の幅/高さ、画像フォーマットの変更、セキュアなタグなど余分なタグを追加するなどの作業はありません。

他の誰かがこのような問題に遭遇しましたか？

ありがとうございます！

Answer 1

Twitterのカードクローラの場合、詳細なトラブルシューティングのよくある質問hereとhereがあります。

私はちょうどページで参照画像を取得するには、次の要求を試してみました：

curl -L -A Twitterbot -v https://www.moveramontanha.pt/uploads/authors/1501255270817.jpg

これは、HTMLページではなく、JPEG画像を返します。これは、Twitterのカードクローラーが有効な画像を取得できないことを意味します。

有効なJPEGイメージをTwitterbotユーザーエージェントに返すようにサーバーを修正する必要があります。