52

問題：

  • 私はあまり成功せずに、サイトにオープングラフ画像を実装しようとしています：http：//www.guarenty-group.com/cz/
  • ホームページはog：imageタグを完全にバイパスしています。このタグでは、内部ページがサイトからすべての画像を読み取り、最後のオプションとしてog：imageを配置します。
  • 他のソーシャルネットワークは、内部ページとホームページの両方で正常に機能しています。

構成：

  • 共有ボタンなどはありません。プロファイルを介してリンクを共有できるようにするだけです。
  • 画像は300x300pxをはるかに超えています：http：//guarenty-group.com/img/gg_seal.png

  • これが私のヘッドタグがどのように見えるかです：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Guarenty Group : Pojištění pro nájemce a pronajímatelé</title>

        <meta name="keywords" content="" />
        <meta name="description" content="Guarenty Group pojišťuje příjem z nájmu pronajímatelům, kauci nájemcům - aby nemuseli platit velkou částku v hotovostí předem - a dále nájemcům pojišťuje příjmy, aby měli na nájem při nemoci, úrazu či nezaměstnání." />
        <meta name="image_src" content="http://guarenty-group.com/img/gg_seal.png" />
        <meta name="image_url" content="http://guarenty-group.com/img/gg_seal.png" />

        <meta property="og:title" content="Pojištění pro nájemce a pronajímatelé" />
        <meta property="og:url" content="http://guarenty-group.com/cz/" />
        <meta property="og:image" content="http://guarenty-group.com/img/gg_seal.png" />
        <meta property="og:description" content="Guarenty Group pojišťuje příjem z nájmu pronajímatelům, kauci nájemcům - aby nemuseli platit velkou částku v hotovostí předem - a dále nájemcům pojišťuje příjmy, aby měli na nájem při nemoci, úrazu či nezaměstnání [...]" />
        ...
</head>

テスト結果：

キャッシュをだますために、私はhttp://www.guarenty-group.com/cz/?try=Nでサイトをテストしました。ここでは、毎回Nを変更しています。奇妙なことに、Nの値が異なると検出される画像が異なります。画像がない場合もあれば、1、2、または3つの画像がある場合もありますが、毎回異なる画像のセットがあります。しかし、いずれにせよ、og：graphで指定された画像が見つかりませんでした！

私の質問：

  1. https://developer.linkedin.com/documents/setting-display-tags-sharesは1つのことを言っており、サポートフォーラムの担当者は「300以上」と言っています。画像の公式の最小寸法は何ですか（ wとhの両方）？
  2. 画像が大きすぎる可能性はありますか？
  3. xmlnsを使用する必要がありますか、xmlnsを使用しないか、それとも問題ではありませんか？
  4. og：titleタグとog：descriptionタグの最大（および最小）の長さはどれくらいですか？

もちろん、他の提案も歓迎します:)

よろしくお願いします〜

4

12 に答える 12

49

LinkedInフォーラムで見つけたこの回答は、あなたの助けになるかもしれません。

みんな、私は一日中いろいろなことを試してきました。私のために働いたのは、次のようにmata[sic]タグを使用することです。

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="{Your content}" />

（htmlタグではなく）すべてのタグにプレフィックスを追加してから、LIアカウントで再サインインしてキャッシュをクリアしてください...結果を投稿してください。

于 2014-08-02T08:44:30.170 に答える
19

うまくいかなかった多くの複雑な解決策の後で、私はこの簡単な修正がうまくいったことを発見しました：

LinkedIn

LinkedInの共有プレビューキャッシュを「クリア」する唯一の方法は、LinkedInをだまして、自分のページが別の（そして新しい）ページであると思わせることです。

これは、作成されたパラメータをリンクに追加することによって行われます。Webページには影響しませんが、メタデータを強制的に再フェッチします。

例：

元のリンク：//beantin.se/consultant-resume「新規」リンク：//beantin.se/consultant-resume？1

于 2017-10-09T08:10:02.483 に答える
16

私は昨夜同じ問題を抱えていました。ソリューションの調査に何時間も費やし、この投稿で他の人が推奨するソリューションを試しましたが、役に立ちませんでした。最後に私はこの問題についてLinkedInに連絡し、彼らはすぐに応答しました。彼らの開発チームは、コンテンツ共有を最適化できる「PostInspector」と呼ばれる新しいツールを実装しました。文字通り、ほんの数分でこれは実際に機能しました。

URLを入力するだけで、画像、作成者、タイトル、説明、公開日などのプロパティの正しいコードを確認するなど、忙しい作業をすべて行うことができます。確認するだけでなく、どのコードを入力するかを教えてくれます。含まれているもの、不足しているもの、およびそれを修正する方法。

PostInspectorを使用するWebサイトは次のとおりです。

https://www.linkedin.com/post-inspector/

于 2018-08-11T13:22:53.443 に答える
4

LinkedInはプレビューもキャッシュしています。以前のある時点でOpenGraphイメージが誤ってキャッシュされた場合は、共有リンクのクエリパラメータを使用してキャッシュを無効にしてみてくださいhttps://your-website.com/?1。

于 2018-04-20T10:35:07.057 に答える
2

LinkedInのURLに偽のクエリ文字列パラメータを追加したくない場合（@Kymの回答などで提案されているように）、簡単な解決策は、サインアウトしてから再度サインインすることです。

于 2018-01-27T15:31:20.270 に答える
2

og:タグがタグの一部であることを確認してくださいhead。

私は最近これに遭遇し、上記のすべてのタイプのソリューションでそれに取り組むのに膨大な時間を費やしました。私は他の誰かのHTMLを使用していて、最終的にhtmlにheadタグがないだけで、headの終了タグが付いていることがわかりました。

Linked Inは、明らかにogタグのページテキストをスキャンしていませんが、ページdomを処理しています。また、domオブジェクトが適切にコーディングされていない場合、それらは処理されません。一致しないタグまたは閉じられていないタグに問題がある場合、他のすべてが機能していない場合、これが問題になる可能性があります。

HTMLが修正されたら、メタタグにプレフィックスを追加したり、画像の高さと幅のタグを追加したりする必要はありませんでした。Linked Inは、htmlが修正されると、正常に処理されました。

于 2019-03-11T17:32:54.687 に答える
2

ちょっと遅い笑、

しかし、私はこの正確な問題に遭遇し、LinkedInが最終的なランディングページからメタタグを取得していることがわかりました。

リンクしようとした私のWebサイトには、すぐにリダイレクトされ、リダイレクトされたページにogタグが追加されて問題が修正されました。

于 2020-01-07T07:44:42.803 に答える
1

私にとっての解決策は、すべての<meta>タグ（なしprefix）を<head>タグ内に配置することでした。

Facebook、Twitter、Googleなどの他のソーシャルネットワークでは、<head>タグを付ける必要はありません。（ HTML5仕様ではオプションであるため）

PS。<meta>あなたのウェブサイトでタグをテストするための新しい素晴らしい方法があります： https ：//metatags.io/

于 2018-11-14T12:25:43.090 に答える
1

property1日調べたところ、の代わりに属性付きのメタタグを使用する必要があることがわかりましたname。

<!doctype html>
<html prefix="og: http://ogp.me/ns#">
<head>
     <meta property="og:type" content="website" />
     ...

参照：https ：//ogp.me/

于 2019-10-21T12:29:02.313 に答える
0

私の場合、私はまさにこれを行い、それはうまくいきました（もちろん私のページで）。

次の4行を頭に入れます。

<title> aanalytics </title>
<meta data-react-helmet="true" property="og:image" content="/photos/s5.jpg">
<meta data-react-helmet="true" property="og:type" content="website">
<meta data-react-helmet="true" property="og:url" content="https://www.aanalytics.de">

ただし、ページに複数のヘッドがある場合は、これらの行を最初のヘッドに挿入する必要があることに注意してください。そうしないと、機能しません。

また、htmlにprefix = "og：http: //ogp.me/ns# "が含まれていました

于 2019-02-23T19:18:01.307 に答える
0

フルイメージパスを追加することで、最終的に機能するようになりました。

<meta name="image" property="og:image" content="https://hasan.life/images/preview.png">

于 2020-09-30T12:19:59.857 に答える
0

これはworked私のためです。

オープングラフタグを適切に設定しないと、どういうわけかこの問題が発生します。

これの代わりに：

<meta name="image" property="og:image" content="{content}" />

これを試して：

<meta name="image" property="og:image" content="{content}" />
<meta property="og:image:secure_url" content="{content}" /> 
<meta property="og:image:width" content="640" /> 
<meta property="og:image:height" content="442" />
于 2021-04-21T23:55:55.850 に答える