Questions tagged [facebook-opengraph]

For programming questions about Facebook's Open Graph API, designed to integrate Web pages representing profiles of real-world things into the social graph

project logo

The Facebook Open Graph allows apps to model user activities based on actions and objects and to become part of the user's identity and social graph. Building an Open Graph app gives you the opportunity to deeply integrate into the core Facebook experience, including Timeline, News Feed, and Ticker.

External Links

3818 questions
397
votes
12 answers

How does Facebook Sharer select Images and other metadata when sharing my URL?

When using Facebook Sharer, Facebook will offer the user the option of using 1 of a few images pulled from the source as a preview for their link. How are these images selected, and how can I ensure that any particular image on my page is always…
Sampson
  • 251,934
  • 70
  • 517
  • 549
324
votes
26 answers

FB OpenGraph og:image not pulling images (possibly https?)

First -- I do not believe this is a duplicate issue. I've searched for same or similar problems on SO extensively, and due to the nature of troubleshooting before asking, I believe this problem is unique. Facebook cannot grasp my og:image files and…
Cyprus106
  • 5,132
  • 5
  • 36
  • 48
234
votes
22 answers

Provide an image for WhatsApp link sharing

How can we include an image in our website to display in WhatsApp when we share a link like this?
maxdaniel98
  • 5,623
  • 5
  • 17
  • 21
175
votes
22 answers

Facebook Open Graph not clearing cache

I'm having troubles with my meta tags with Open Graph. It seems as though Facebook is caching old values of my meta tags. Old values for Attributes og:title and og:url are still used, even though I have changed them already. I ran Lint on a page in…
Ardee Aram
  • 4,490
  • 8
  • 31
  • 37
132
votes
5 answers

Open Graph namespace declaration: HTML with XMLNS or head prefix?

I have seen conflicting information on how to best implement Open Graph namespaces. Specifically, the Open Graph website uses a few different methods, and the Facebook Open Graph examples use other methods. Open Graph website example (using HTML…
Matt Beckman
  • 4,945
  • 4
  • 27
  • 40
129
votes
5 answers

"Unsafe JavaScript attempt to access frame with URL..." error being continuously generated in Chrome webkit inspector

Chrome (or any other webkit browser) throws a ton of these "Unsafe JavaScript attempt to access frame with URL..." when working with the Facebook API for example. It doesn't interfere with actual operation, but it does make the javascript console…
Neil Sarkar
  • 6,504
  • 8
  • 29
  • 30
120
votes
3 answers

How to use the 'og' (Open Graph) meta tag for Facebook share

Facebook fetches all pictures from my site. I want to share only one picture which is on that page. I heard about the og meta tag, but I don't know how to put it.
Vignesh Babu M D
  • 1,219
  • 2
  • 9
  • 4
102
votes
22 answers

Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn't work

Tried to follow this question : Provide an image for WhatsApp link sharing I have created a simple HTML webpage with the basic Facebook metatags:
JesuLopez
  • 1,129
  • 2
  • 8
  • 7
88
votes
3 answers

Open graph can resolve relative url?

I'm adding Facebook Open Graph meta tag to my site. For example: Does Open Graph take relative URLs? Otherwise, how can I convert a relative url to an absolute url in asp.net mvc3 - Is there…
ebattulga
  • 9,573
  • 19
  • 76
  • 111
81
votes
8 answers

OpenGraph or Schema.org?

Just wondering whether you guys out there are favouring the OpenGraph protocol following markup like:
Tom
  • 863
  • 1
  • 8
  • 7
63
votes
9 answers

New og:image size for Facebook share?

Facebook recently changed image sizes for ads, and link posts. This affects also to meta property="og:image". What is new optimal size for og:image at Facebook? The old version was square, now it doesn't fit anymore, because new size is rectangle.
62
votes
2 answers

IOS Facebook SDK - Post Open Graph and show on Timeline without clicking Activity Log

From the Facebook SDK sample code, when successfully post the open graph object to timeline, you have to click Show on Timeline in the Activity Log on Facebook website. How to ignore these steps and explicit share your OG to timeline?…
58
votes
12 answers

Open Graph validation for HTML5

Is there any way to get facebook's crappy Open Graph meta tags to validate if my doctype is (HTML5)? Other than facebook's Open Graph meta tags, my document validates perfectly. I really don't want to use
Scott Greenfield
  • 2,739
  • 2
  • 20
  • 20
56
votes
6 answers

Facebook like - showing cached version og:image, way to refresh or reindex it?

Having an issue with Facebook like and a cached og:image. Long story short: Facebook has cached an older version of our like image. The meta content URL can't be changed. Is there anything I can do to refresh it? Long story: The site I'm working…
FHM
  • 561
  • 1
  • 4
  • 3
56
votes
5 answers

Facebook pages API: "Page Public Content Access" review screencast

My website uses Facebook Page API to pull public content from a Facebook page, published by the page owner, to create a dynamic blog with a clear link to the Facebook page. You can see it here in action: https://kc-hrubeho.cz (ctrl+F "Facebook").…
Petr Cibulka
  • 2,055
  • 2
  • 23
  • 40
1
2 3
99 100