Facebookのメタデータ画像

自分のサイトのリンクを張ったら画像を使いたい。さて、私はそれのために、次を使用しています：Facebookのメタデータ画像

 import { Meta, Title } from "@angular/platform-browser"; 
     this.title.setTitle(this.data[0].title + ' - ' + this.data[0].city 
     ); 

     this.meta.addTags([ 

      { name: 'keywords', content: 'Globetrotter, Backpacking, Hiking, Travel' + this.data[0].city + ',' + this.data[0].country}, 
      { name: 'description', content: this.data[0].description}, 
      { name: 'og:image', content: this.data[0].images[0]} 
     ]);

すべてが正常に動作しますが、画像ではないと私は正しいかどうかを確認していません。私のindex.htmlファイル内に別のイメージがあり、これが発生しています。私はそれを削除する必要がありますか？サイト全体を自動的に表示するためのURLを設定するにはどうすればよいですか？

index.html 私は別のURLパスを入力してもFacebookは常にこの画像を表示します。

<meta property="og:image"  content="https://cdn.pixabay.com/photo/2017/09/01/21/53/blue-2705642_960_720.jpg" 
/>

私はFacebookや他のサイトはここから画像を認識することを望む：

出典

2017-10-22 machu pichu

正確に動作するものと動作しないものを詳しく説明できますか？ Facebookは他のメタタグを「見ている」のですか？ – David

を参照してください。私はmetaプロパティが "og：image"のindex.htmlファイルを持っています。 FBは常にこれを使用します。新しいサイトの新しいイメージを上書きする必要があります。 –

@RyanGadsdon、あなたがあなたの編集に改行を追加する場所をもっと慎重にする必要があります。あなたは、文字列リテラル[here]（https://stackoverflow.com/review/suggested-edits/17698833）、[ここ]（https://stackoverflow.com/review/suggested-編集/ 17700358）、[ここ]（https://stackoverflow.com/review/suggested-edits/17694798）、この[編集]（https://stackoverflow.com/review/suggested-edits/17700359）質問。エラーを追加しないものでも、改善するのではなく、しばしば[可読性を損なう]（https://stackoverflow.com/review/suggested-edits/17698017） – Bryan

問題は、おそらくFacebookのクローラー/ボットはJavaScriptを実行していないため、しか<meta>タグが表示されますことをindex.htmlで静的に配信します。

プレレンダーサービス（prerender.ioなど）を使用するか、サーバー側で正しいメタタグを書き込む必要があります。

出典

2017-10-23 11:36:45 David

Facebookのメタデータ画像

答えて

関連する問題