タグ付けされた質問 「facebook-opengraph」

12
Facebook Sharerは、URLを共有するときに画像やその他のメタデータをどのように選択しますか?
Facebook Sharerを使用する場合、Facebookは、ソースから取得したいくつかの画像の1つをリンクのプレビューとして使用するオプションをユーザーに提供します。これらの画像はどのように選択されますか?また、ページ上の特定の画像が常にこのリストに含まれるようにするにはどうすればよいですか?

24
FB OpenGraph og:imageが画像を取得しない(おそらくhttps?)
まず-私は 、これが重複した問題であるとはません。私はSOで同じまたは同様の問題を広範囲にわたって検索しましたが、質問する前にトラブルシューティングの性質上、この問題は独特であると思います。 Facebookはog:imageファイルを把握できず、通常の解決策をすべて試しました。何か関係があるのではないかと思い始めていますhttps://... 確認しました http://developers.facebook.com/tools/debugをしましたが、警告やエラーはありません。 それは私たちがリンクした画像を「og:image」でいますが、空白で表示されています。ただし、画像をクリックすると、画像は存在し、そのまま表示されます。 https以外のサーバーでホストされている画像が1つ表示されます。 正方形の画像、jpeg、png、大きいサイズと小さいサイズを試しました。画像をpublic_htmlに配置しました。ゼロが現れている。 別og:imageのメタをメタに追加すると、FBのリンターがそれを見つけて読み取るため、これはキャッシュエラーではありません。プレビューを表示しません。プレビューは空白です。のみ私たちが取得している例外は、このウェブサイト上にないイメージのためです。 アンチリーチがあるcpanelか.htaccess、画像が表示されない原因と思われるため、確認しました。なかった。私たちは素早く< img src="[remote file]" >まったく別のサーバーでに実行でき、画像が正常に表示されます。 多分それは og:type別のメタタグの奇妙な。それらを1つずつ削除してチェックしました。変化なし。警告だけです。 別のWebサイトにある同じコードが問題なく表示されます。 複数の製品に同じ製品ページを使用しているため(おそらく get値に基づいて変更しているため、「details.php?id = xxx」など)、画像を取得しているのではないと考えましたが、それでも1つを取得しています画像(別のURLから)。 任意のままog:imageかimage_srcのオフを、FBは、任意の画像を見つけることができません。 私は私のロープの端にいます。私や他の人がこれに費やした時間を言ったら、あなたはショックを受けるでしょう。問題は、これがオンラインストアであることです。私たちは絶対に、積極的に画像を持つことはできません。するべき。他に10か所ほどのサイトがあります... og:image問題があるのはこれだけです。これも上の唯一のものなhttpsので、多分それが問題だと思いました。しかし、そのためのウェブ上のどこにも前例はありません。 これらはメタタグです: <meta property="og:title" content="[The product name]" /> <meta property="og:description" content="[the product description]" /> <meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" /> <meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" /> <meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" /> <meta …


21
Facebook Open Graphがキャッシュをクリアしない
Open Graphでメタタグに問題があります。Facebookが私のメタタグの古い値をキャッシュしているようです。旧属性の値og:titleとは、og:urlまだ私はすでにそれらを変更しているにもかかわらず、使用されています。 私は自分のサイトのページで Lintを実行しましたが、次のように表示されました。 とには2つの値がog:titleありog:url、最後の値が優先されることに注意してください。ただし、最後の2つのエントリは、このサイトで使用したOLDエントリです。現在、これらのメタタグを使用しています(HTMLのソースを表示するかどうかを確認できます)。 <meta property="og:title" content="Smart og rummelig pusletaske fra Petit Amour med god plads til alt – værdi 1.099 kr – køb nu kun 599 kr "/> <meta property="og:description" content="Pinq.dk - Det gode liv for det halve"/> <meta property="og:type" content="product"/> <meta property="og:url" content="http://pinq.dk/tilbud/landsdaekkende/lissy/"/> <meta property="og:image" content="http://pinq.dk/wp-content/themes/pinq/images/logo-top.png"/> <meta …

5
Open Graph名前空間宣言:XMLNSまたはヘッドプレフィックス付きのHTML?
Open Graph名前空間を最適に実装する方法について、矛盾する情報を見てきました。具体的には、Open Graph Webサイトはいくつかの異なる方法を使用しており、Facebook Open Graphの例は他の方法を使用しています。 Open Graphウェブサイトの例(HTMLプレフィックス属性を使用): <html prefix="og: http://ogp.me/ns#"> Open Graph Webサイトのソースコード(HTML XMLNS属性を使用): <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"> Facebook Open Graphドキュメント(HEADプレフィックス属性を使用): <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> Facebook Open Graphドキュメント#2(HTML XMLNS属性を使用): <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> 推奨される方法は何ですか、それとも重要ではありませんか?

5
「安全でないJavaScriptがURLでフレームにアクセスしようとしています…」エラーがChrome Webkitインスペクターで継続的に生成されます
たとえば、Chrome(またはその他のWebkitブラウザ)は、Facebook APIを使用しているときに、「安全でないJavaScriptがURLでフレームにアクセスしようとしています...」という大量のエラーをスローします。 実際の操作には影響しませんが、JavaScriptコンソールは基本的に使用できなくなります。 特にコンソールでこれらのエラーを抑制する方法があるかどうか知りたいのですが?または、皆さんが考えることができる他の解決策がある場合、私はそれを本当に感謝します。 ありがとう。


22
WhatsAppでリンクのサムネイルを表示しています|| og:imageメタタグが機能しない
この質問に従おうとしました:whatsappリンク共有の写真を提供してください 基本的なFacebookメタタグを使用して簡単なHTMLWebページを作成しました。 <!--FACEBOOK--> <meta property="og:title" content="San Roque 2014 Pollos" /> <meta property="og:description" content="Programa de fiestas /> <meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" /> Facebookのリンターは正しく検証され、Facebookでは完璧に表示されますが、Wh​​atsAppで共有しようとすると、画像が表示されません。 私はAndroidのWhatsAppでそれを試しています →サンプルWebページのURLです

8
OpenGraphまたはSchema.org?
次のようなマークアップに続いて、OpenGraphプロトコルを支持しているかどうか疑問に思っています。 <meta property="og:title" content="The Rock" /> <meta property="og:type" content="movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> またはSchema.orgプロトコルと <div itemscope itemtype="http://schema.org/Product"> <span itemprop="name">Kenmore White 17" Microwave</span> <img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' /> <div itemprop="aggregateRating" itemscope itemprop="http://schema.org/AggregateRating"> 1つだけが必要だと思うので、どちらを統合する必要がありますか?[実際には、1つだけを統合できますか?] 率直に言って、IMHO(OpenGraphはコードベース全体に対して「邪魔にならない」と思います)。Schema.orgプロトコルは[少なくとも私の意見では]破壊的なHTMLアドインを必要とするのに対し、[ASP.NETMVCを使用して]部分ビューを実装する方が簡単です。コード全体で? 編集:私は両方を統合することになったようです-これが許可されているかどうかはわかりませんが、Schema.orgのドキュメントは不明です。特に、このリンクは多くの情報を提供していません Q:schema.orgはFacebook Open Graphとどのように関連していますか? Facebook Open Graphはその目的を十分に果たしますが、検索エンジンがユーザーエクスペリエンスを向上させるために必要な詳細情報を提供していません。1つのWebページに多くのコンポーネントが含まれている場合があり、複数のことについて説明している場合があります。検索エンジンがページのさまざまなコンポーネントを理解していれば、データの表示を改善できます。Facebook Open Graphプロトコルを使用してコンテンツをマークアップする場合でも、schema.orgは、ページ上の特定のエンティティに関する詳細を提供するためのメカニズムを提供します。 たとえば、バンドに関するページには、次のいずれかまたはすべてを含めることができます。 アルバムのリスト 各アルバムの価格 各アルバムの曲のリストと、各曲のサンプルを聞くためのリンク 今後のショーのリストバンドメンバーの経歴 だから私はそれらが一緒に互換性があると思います。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.