私たちはLinkedInを含む広範なソーシャルシェアリングを備えた新しいミニサイトを開設しました。多くのOpenGraphのタグ付け、作品。 og:imageメタプロパティを使用して共有するときに表示される特定の画像を選択しました。
画像はFacebookとPinterestでは正常に機能しますが、LinkedInでは適切に機能しません。これがOG画像のタグ付けです。
<meta property="og:image" content="https://img.mshanken.com/d/wso/Articles/2016/ST_TheBreakers070516_1600.jpg">
しかし、ページの下部に設定したLinkedInアイコンをクリックすると、次のような共有ページになり、画像は表示されません:
さらに奇妙なことに、その共有プレビューを調べると、ソースコードの画像IS:
<div class="image-thumbs-container">
<img src="https://media.licdn.com/media-proxy/ext?w=180&h=110&f=c&hash=q0uvWygJS2HJrhZZ2qZGdYu2Tig%3D&ora=1%2CaFBCTXdkRmpGL2lvQUFBPQ%2CxAVta5g-0R6jnhxUzw8p4aCKqEH-50hKCoaTFXP-RFTovozTPCKqZsXfeLS-xzl5HHRU4kZnLrT9AnPhFZO5KoyAfNpxi4m_ZMc" width="130" alt="Preview of the share image" data-orig-url="https://img.mshanken.com/d/wso/Articles/2016/ST_TheBreakers070516_1600.jpg" data-width="" data-height="" data-size="" data-position="1" class="active">
</div>
LinkedInの共有にその画像を表示するには、何をする必要がありますか?
私は昨晩同じ問題を抱えていました。ソリューションの研究に費やした時間。最後に、この問題についてLinkedInに連絡したところ、すぐに返信がありました。彼らの開発チームは、「Post Inspector」と呼ばれる新しいツールを実装しました。これにより、コンテンツ共有を最適化できます。文字通り、ほんの数分でこれはうまくいきました。
URLを入力するだけで、画像、作成者、タイトル、説明、公開日などのプロパティの正しいコードを検証するなど、忙しい作業をすべて実行します。検証するだけでなく、何を含めるかを指示します。そして何が欠けている。
Post Inspectorを使用するWebサイトは次のとおりです。
次のようなことが考えられます。
- 最大ファイルサイズ:1 MB
- 画像の最小サイズ:80 x 150ピクセル
- 推奨アスペクト比:4:1または1:4
注:画像が要件を満たしていても、LinkedInのアップデートに表示されない場合は、Webサイトが画像のプルをブロックしているか、保護されたディレクトリまたはWebサイトに画像が配置されている可能性があります。
LinkedInのクローラーが初めてURLを介してコンテンツを共有するように求められたときにWebページにアクセスすると、検出したデータ(Open Graph値または独自の分析)が約7日間キャッシュされます。
つまり、後で記事の説明を変更したり、新しい画像をアップロードしたり、タイトルのタイプミスを修正したりした場合、キャッシュが期限切れになり、クローラーが終了するまで、その後のページ共有の試行中に変更が表示されません。新しいコンテンツを取得するためにページに再度アクセスする必要がありました。
未来からの接近-サイトの更新で適切な画像が表示されなかったため、本日この問題に直面しました。私の場合、解決策は簡単でした:リンクを次のように投稿してみてください:https://url.com/?jhskjsh
とリンクされ、メタタグを再度フェッチして、以前の灰色の四角形とは対照的に画像を表示しました。