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 &quot;Facebook&quot;). Yellow button &quot;Nač&#237;st dalš&#237;&quot; works as an AJAX pagination. Sorry for the Czech language, this website unfortunately does not have an English version.

I&#39;m using this URL to get JSON object of the page content: `https://graph.facebook.com/&lt;PAGE-ID&gt;/feed?access_token=&lt;TOKEN&gt;&amp;limit=10&amp;fields=message,link,attachments,created_time,full_picture,picture,timeline_visibility`

Right now it **works**, but [App review FAQ](https://developers.facebook.com/docs/apps/review/faqs/#graph-api-3-0) states this:

&gt; *My app used to access public content on pages, am I affected by the v3.0 changes?*
&gt; 
&gt; Yes. Apps that access content of public pages need to request Page
&gt; Public Content Access feature and require review by Facebook.

Also, there is this notice:

&gt; In order to maintain your current API access, your app will need to be
&gt; submitted for review by August 1, 2018.

I&#39;ve filled out the form for review. One of the required items is &quot;the screencast&quot;.

&gt; We need to see your app using Page Public Content Access so we can see
&gt; that it doesn&#39;t violate our policies. Upload a video screencast
&gt; walkthrough using any method, (even recording with your phone). You
&gt; must show:
&gt; 
&gt; 1. How a person logs in with Facebook
&gt; 2. How a person sees this feature used in your app

More detailed instructions about the screencast state this however:

&gt; You do not need to submit your app if it will only be used by you or
&gt; by a reduced number of people. Any account listed in the Roles tab in
&gt; your App Dashboard, such as admins, developers and testers, can access
&gt; all permissions and generate a user or page access token.
&gt; 
&gt; You can use any of these accounts to test your app and create a
&gt; screencast.

This is incredibly confusing. My questions are:

1. If my code access the Pages API and shows the result on my website, is it &quot;used by reduced number of people&quot;? 

2. If I *do not need* to create a screencast, how can I apply for a review? Do I even need it (meaning &quot;will my token work after 1st August&quot;)?

3. If I *do need* a review with a screencast, what exactly should I record in my case? Should I just stitch a few screencasts of my code and the website to a single video? That, imho, sounds just bonkers. :)

4. Is there a different endpoint all together (which would not require a review *or* the screencast) that I should use, if I only need to read the data of my own page?

5. My old applications are working right now (not sure about August 1, see above). For applications with the same purpose (just to read public content of FB page owned by the owner of application) created *after* all the fuss with reviews, will there be the same rulset as is for the old ones?

Thanks in advance!

## Edit

This is what I&#39;ve heard from the group moderator of official FB support group [Facebook Developer Community](https://www.facebook.com/groups/fbdevelopers):

&gt; You can use an app in dev mode to retrieve the feed for pages you are
&gt; admin of. [...] I don&#39;t know if August 1 will change the current
&gt; behavior  or if the current behavior is even the intended behavior.
&gt; [...] Actually I never met a person that was able to predict what will
&gt; happen in 90+ days ... most experts even fail to predict tomorrow&#39;s
&gt; weather ;) Seriously, I don&#39;t know ...

Very frustrating, but so far the most specific answer I got.

Facebook pages API: &quot;Page Public Content Access&quot; review screencast

I&#39;m new to [Facebook Open Graph Protocol][1]. I have been trying to figure out what the meaning of the HTML `prefix` attribute is. The closest post on Stack Overflow I could find dealing with this subject is [this post][2] which was very helpful as it deals with what the differences are among the various possible syntaxes and which one to use.

However the post does not say anything about what this `prefix` attribute is or what it does. AFAIK this is not a standard HTML attribute. I was able to find [this document][3] which I think is where the W3C defines this attribute but was not able to make any sense of it.

Could someone please explain to me:

  1. What does the `prefix` attribute do?

  2. Can I write

    `&lt;html prefix=&quot;og:http://ogp.me/ns#&quot;&gt;`

  instead of

    `&lt;html prefix=&quot;og: http://ogp.me/ns#&quot;&gt;`

  or would that be a syntax error?

  3. Can I include multiple `prefix` attributes for any given HTML tag?

    `&lt;head prefix=&quot;a: http://www.aaa.com/ns#&quot; prefix=&quot;b: http://www.bbb.com/ns#&quot;&gt;`

    Based on my knowledge of HTML, this would be wrong, but then `prefix` is a nonstandard attribute. So perhaps, what I would like to know is, can I write:

    `&lt;head prefix=&quot;a: http://www.aaa.com/ns# b: http://www.bbb.com/ns#&quot;&gt;`

    or does specifying multiple prefixes at any place in the HTML tree not make sense for some reason?

  4. If this `prefix` tag is not part of the HTML spec, how would submitting a page containing this attribute to a code validator ever result in my code being standards compliant?

Thank you for answering my questions.

  [1]: http://ogp.me/
  [2]: https://stackoverflow.com/questions/8235687/open-graph-namespace-declaration-html-with-xmlns-or-head-prefix
  [3]: http://www.w3.org/TR/rdfa-syntax/#scoping-of-prefix-mappings

Meaning of HTML prefix attribute (Open Graph Protocol)?

I had read that images associated with a given URL in the Facebook open graph had to be greater than 50 x 50

However, when we ran the Facebook Object debugger - we got the following warning:

&quot;Tiny og:image:	All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.&quot;

Our URL is http://www.famousbirthdays.com/people/charlie-chaplin.html and the image does show up under Object Properties 

Do we need to convert our images to be greater then 200 x 200?  Or can we leave it as is? It is currently a 65 x 75 image.

thanks for your help!



What is the minimum width and height Of Facebook Open Graph Images?

I am building facebook iframe app. My application is loaded once (I receive signed_request once) and then I navigate through the pages in the iframe using internal domain links. I noticed that I see these strange messages both in Chrome and Firefox

    FB.init has already been called - this could indicate a problem

I am pretty sure that this method is called only once and it seems Facebook wants me to call it once per application load (not once per page).

&lt;!-- language: lang-js --&gt;

    window.fbAsyncInit = function() {
      FB.init({
        appId: param(&#39;facebook_app_id&#39;),
        frictionlessRequests: true,
        oauth: true,
        channelUrl: site_url(&#39;/channel.html&#39;)
      })
    }

What error (if any) am I making here?

FB.init has already been called

As the title implies I&#39;m trying to generate Facebook Open Graph meta tags dynamically, but I can&#39;t get it working. Is it even possible?&lt;br&gt;

&lt;h1&gt;UPDATE:&lt;/h1&gt;
&lt;p&gt;Finally I got it working with the help of @saccharine. The following code is working for me: &lt;/p&gt;

    &lt;?php
    
    $params = array();
    if(count($_GET) &gt; 0) {
    	$params = $_GET;
    } else {
    	$params = $_POST;
    }
    // defaults
    if($params[&#39;type&#39;] == &quot;&quot;) $params[&#39;type&#39;] = &quot;restaurant&quot;;
    if($params[&#39;locale&#39;] == &quot;&quot;) $params[&#39;locale&#39;] = &quot;en_US&quot;;
    if($params[&#39;title&#39;] == &quot;&quot;) $params[&#39;title&#39;] = &quot;default title&quot;;
    if($params[&#39;image&#39;] == &quot;&quot;) $params[&#39;image&#39;] = &quot;thumb&quot;;
    if($params[&#39;description&#39;] == &quot;&quot;) $params[&#39;description&#39;] = &quot;default description&quot;;
    
    ?&gt;
    
    &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; lang=&quot;en&quot; xml:lang=&quot;en&quot;&gt;
    	&lt;head prefix=&quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# MY_APP_NAME_SPACE: http://ogp.me/ns/fb/MY_APP_NAME_SPACE#&quot;&gt;
    		&lt;title&gt;&lt;/title&gt;
    		&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;/&gt;
    	
    		&lt;!-- Open Graph meta tags --&gt;
    		&lt;meta property=&quot;fb:app_id&quot; content=&quot;MY_APP_ID&quot; /&gt;
    		&lt;meta property=&quot;og:site_name&quot; content=&quot;meta site name&quot;/&gt;
    		&lt;meta property=&quot;og:url&quot; content=&quot;http://mysite.com/index.php?type=&lt;?php echo $params[&#39;type&#39;]; ?&gt;&amp;locale=&lt;?php echo $params[&#39;locale&#39;]; ?&gt;&amp;title=&lt;?php echo $params[&#39;title&#39;]; ?&gt;&amp;image=&lt;?php echo $params[&#39;image&#39;]; ?&gt;&amp;description=&lt;?php echo $params[&#39;description&#39;]; ?&gt;&quot;/&gt;
    		&lt;meta property=&quot;og:type&quot; content=&quot;MY_APP_NAME_SPACE:&lt;?php echo $params[&#39;type&#39;]; ?&gt;&quot;/&gt;
    		&lt;meta property=&quot;og:locale&quot; content=&quot;&lt;?php echo $params[&#39;locale&#39;]; ?&gt;&quot;/&gt;
    		&lt;meta property=&quot;og:title&quot; content=&quot;&lt;?php echo $params[&#39;title&#39;]; ?&gt;&quot;/&gt;
    		&lt;meta property=&quot;og:image&quot; content=&quot;http://mysite.com/img/&lt;?php echo $params[&#39;image&#39;]; ?&gt;.png&quot;/&gt;
    		&lt;meta property=&quot;og:description&quot; content=&quot;&lt;?php echo $params[&#39;description&#39;]; ?&gt;&quot;/&gt;
    
    	&lt;/head&gt;
    &lt;/html&gt;

The url I&#39;m putting into the Facebook debugger now can include any of the dynamic parameters or even none, all or only a selection and in any order like so:&lt;br&gt;
http://mysite.com/index.php?type=restaurant&amp;title=luigis&lt;br&gt;
or this:&lt;br&gt;
http://mysite.com/index.php?locale=de_DE&amp;description=hi&amp;type=bistro &lt;br&gt;

Having that accomplished: I can now publish actions to the user&#39;s stream:

    function postRestaurant() {
    	FB.api(&#39;me/MY_APP_NAMESPACE:have_lunch?\
    	start_time=2000-12-12T04:00:00&amp;\
    	expires_in=7200&amp;\
    	restaurant=&#39; + encodeURIComponent(getRedirectURI() + &#39;?type=restaurant&#39; + &#39;&amp;description=arnold&#39; + &#39;&amp;title=stalone&#39;), &#39;post&#39;, function (response) {
    		if (!response || response.error) {
    			console.log(&#39;postRestaurant: Error occured =&gt; &#39; + response.error.message);
    		} else {
    			console.log(&#39;postRestaurant: Post was successful! Action ID: &#39; + response.id);
    		}
    	});
    }

Works like a charm! : ]

Generating Facebook Open Graph meta tags dynamically

**THE PROBLEM:**

 - I am trying, without much success, to implement open graph image on site: http://www.guarenty-group.com/cz/
 - The homepage is completeply bypassing the og:image tag, where internal pages are reading all images from the site and place og:image as the last option.
 - Other social networks are working fine on both internal pages and homepage.


----------


**THE CONFIGURATION:**

 - I have no share buttons or alike, all I want is to be able to share the link via my profile.
 - The image is well over 300x300px: http://guarenty-group.com/img/gg_seal.png
 - Here is how my head tag looks like:

        &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
        &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
        &lt;head&gt;
                &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
                &lt;title&gt;Guarenty Group : Pojištěn&#237; pro n&#225;jemce a pronaj&#237;matel&#233;&lt;/title&gt;

                &lt;meta name=&quot;keywords&quot; content=&quot;&quot; /&gt;
                &lt;meta name=&quot;description&quot; content=&quot;Guarenty Group pojišťuje př&#237;jem z n&#225;jmu pronaj&#237;matelům, kauci n&#225;jemcům - aby nemuseli platit velkou č&#225;stku v hotovost&#237; předem - a d&#225;le n&#225;jemcům pojišťuje př&#237;jmy, aby měli na n&#225;jem při nemoci, &#250;razu či nezaměstn&#225;n&#237;.&quot; /&gt;
                &lt;meta name=&quot;image_src&quot; content=&quot;http://guarenty-group.com/img/gg_seal.png&quot; /&gt;
                &lt;meta name=&quot;image_url&quot; content=&quot;http://guarenty-group.com/img/gg_seal.png&quot; /&gt;

                &lt;meta property=&quot;og:title&quot; content=&quot;Pojištěn&#237; pro n&#225;jemce a pronaj&#237;matel&#233;&quot; /&gt;
                &lt;meta property=&quot;og:url&quot; content=&quot;http://guarenty-group.com/cz/&quot; /&gt;
                &lt;meta property=&quot;og:image&quot; content=&quot;http://guarenty-group.com/img/gg_seal.png&quot; /&gt;
                &lt;meta property=&quot;og:description&quot; content=&quot;Guarenty Group pojišťuje př&#237;jem z n&#225;jmu pronaj&#237;matelům, kauci n&#225;jemcům - aby nemuseli platit velkou č&#225;stku v hotovost&#237; předem - a d&#225;le n&#225;jemcům pojišťuje př&#237;jmy, aby měli na n&#225;jem při nemoci, &#250;razu či nezaměstn&#225;n&#237; [...]&quot; /&gt;
                ...
        &lt;/head&gt;

----------


**THE TESTING RESULTS:**

In order to trick the cache i have tested the site with http://www.guarenty-group.com/cz/?try=N, where I have changed the N every time. The strange thing is that images found for different value of N is different. Sometimes there is no image, sometimes there is 1, 2 or 3 images, but each time there is a different set of images.
But, in any case I could not find the image specified in the og:graph!


----------


**MY QUESTIONS:**

 1. https://developer.linkedin.com/documents/setting-display-tags-shares is saying one thing, and the personnel on the support forum is saying &quot;over 300&quot; Does anyone know What is the official minimum dimension of the image (both w and h)?
 2. Can an image be too large?
 3. Should I use the xmlns, should I not use xmlns or it doesn&#39;t matter?
 4. What are the maximum (and minimum) lengths for og:title and og:description tags?

Any other suggestion is of course welcomed :)

Thanks in advance, cheers~

How to successfully implement og:image for the LinkedIn

How can we include an image in our website to display in WhatsApp when we share a link like this?

[![enter image description here][1]][1]

  [1]: https://i.stack.imgur.com/ERx58.jpg

Provide an image for WhatsApp link sharing

I&#39;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 my site](http://pinq.dk/tilbud/landsdaekkende/lissy/), and this appeared:

![Facebook Open Graph lint screenshot][1]

  [1]: http://i.stack.imgur.com/O8KBx.png

Notice that there are two values for `og:title` and `og:url`, and the last one prevailed. However, **The last two entries are the OLD entries** that I used for this site. I am now currently using these meta tags (you can verify if you view the source of the HTML):

&lt;!-- language: lang-html --&gt;

    &lt;meta property=&quot;og:title&quot; content=&quot;Smart og rummelig pusletaske fra Petit Amour med god plads til alt &amp;#8211; v&#230;rdi 1.099 kr &amp;#8211; k&#248;b nu kun 599 kr   &quot;/&gt;
    &lt;meta property=&quot;og:description&quot; content=&quot;Pinq.dk - Det gode liv for det halve&quot;/&gt;
    &lt;meta property=&quot;og:type&quot; content=&quot;product&quot;/&gt;
    &lt;meta property=&quot;og:url&quot; content=&quot;http://pinq.dk/tilbud/landsdaekkende/lissy/&quot;/&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;http://pinq.dk/wp-content/themes/pinq/images/logo-top.png&quot;/&gt;
    &lt;meta property=&quot;og:site_name&quot; content=&quot;Pinq&quot; /&gt;
    &lt;meta property=&quot;fb:app_id&quot; content=&quot;161840830532004&quot; /&gt;

Why is Facebook caching `og:title` and `og:url`? Is anyone experiencing the same issue?

Facebook Open Graph not clearing cache

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 prefix attribute):

&lt;!-- language-all: lang-html --&gt;

    &lt;html prefix=&quot;og: http://ogp.me/ns#&quot;&gt;

Open Graph website source code (using HTML XMLNS attribute):

    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:og=&quot;http://ogp.me/ns#&quot;&gt;

Facebook Open Graph documentation (using HEAD prefix attribute):

    &lt;head prefix=&quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#&quot;&gt;

Facebook Open Graph documentation #2 (using HTML XMLNS attribute):

    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:og=&quot;http://ogp.me/ns#&quot; 
          xmlns:fb=&quot;https://www.facebook.com/2008/fbml&quot;&gt;

What is the recommended method or does it not even matter?

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

Chrome (or any other webkit browser) throws a ton of these &quot;Unsafe JavaScript attempt to access frame with URL...&quot; when working with the Facebook API for example.

It doesn&#39;t interfere with actual operation, but it does make the javascript console basically unusable.

I&#39;d like to know if there is a way to suppress these errors specifically in the console? Or if there are other solutions you guys can think of, I would really appreciate it.

Thanks.

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

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&#39;t know how to put it.


How to use the &#39;og&#39; (Open Graph) meta tag for Facebook share

Tried to follow this question : https://stackoverflow.com/questions/19778620/provide-a-picture-for-whatsapp-link-sharing

[![enter image description here][1]][1]


I have created a simple HTML webpage with the basic Facebook metatags:

    &lt;!--FACEBOOK--&gt;
    &lt;meta property=&quot;og:title&quot; content=&quot;San Roque 2014 Pollos&quot; /&gt;
    &lt;meta property=&quot;og:description&quot; content=&quot;Programa de fiestas&quot; /&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;http://pollosweb.wesped.es/programa_pollos/play.png&quot; /&gt;        

The Facebook linter validate correctly and in Facebook it shows perfect, but when I try to share by WhatsApp the image doesn&#39;t show.

I&#39;m trying it on **WhatsApp on Android**

→ [This is the URL of the Sample Webpage][2]


  [1]: http://i.stack.imgur.com/PahaD.jpg
  [2]: http://pollosweb.wesped.es/whas.html

Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn&#39;t work

I&#39;m adding Facebook Open Graph meta tag to my site. For example:

    &lt;meta property=&quot;og:image&quot; content=&quot;../images/aa.jpg&quot;/&gt;

Does Open Graph take relative URLs?

Otherwise, how can I convert a *relative url* to an *absolute url* in **asp.net mvc3** - Is there any available function to do so?

Open graph can resolve relative url?

From the Facebook SDK sample code, when successfully posting the open graph object to the timeline, you have to click **Show on Timeline** in the **Activity Log** on the Facebook website.

How to ignore these steps and explicitly share your OG to timeline? 

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

Just wondering whether you guys out there are favouring the OpenGraph protocol following markup like:

&lt;!-- language-all: lang-html --&gt;

    &lt;meta property=&quot;og:title&quot; content=&quot;The Rock&quot; /&gt;
    &lt;meta property=&quot;og:type&quot; content=&quot;movie&quot; /&gt;
    &lt;meta property=&quot;og:url&quot; content=&quot;http://www.imdb.com/title/tt0117500/&quot; /&gt;

Or the Schema.org protocol with

    &lt;div itemscope itemtype=&quot;http://schema.org/Product&quot;&gt;
      &lt;span itemprop=&quot;name&quot;&gt;Kenmore White 17&quot; Microwave&lt;/span&gt;
      &lt;img src=&quot;kenmore-microwave-17in.jpg&quot; alt=&#39;Kenmore 17&quot; Microwave&#39; /&gt;
      &lt;div itemprop=&quot;aggregateRating&quot;
        itemscope itemprop=&quot;http://schema.org/AggregateRating&quot;&gt;

Which one should I integrate as I think only 1 is necessary ? [actually can you only integrate one or ?]

Frankly, IMHO - I think OpenGraph is &quot;less intrusive&quot; to the total codebase - as it&#39;s easier to implement Partial Views [using ASP.NET MVC] whereas the Schema.org protocol requires [at least in my opinion] disruptive HTML add-ins across your code ?

**Edit:** Seems I ended up integrating both - not sure whether this is allowed but the documentation on Schema.org is unclear. Notably, [this link doesn&#39;t provide much info][1]

&gt; Q: **How does schema.org relate to Facebook Open Graph?** &lt;br&gt;
&gt; Facebook Open Graph serves its purpose well, but it
&gt; doesn&#39;t provide the detailed
&gt; information search engines need to
&gt; improve the user experience. &lt;br&gt;&lt;br&gt;A single
&gt; web page may have many components, and
&gt; it may talk about more than one thing.
&gt; If search engines understand the
&gt; various components of a page, we can
&gt; improve our presentation of the data.
&gt; Even if you mark up your content using
&gt; the Facebook Open Graph protocol,
&gt; schema.org provides a mechanism for
&gt; providing more detail about particular
&gt; entities on the page.  &lt;br&gt;For example, a
&gt; page about a band could include any or
&gt; all of the following: 
&gt; 
 - A list of albums
 - A price for each album 
 - A list of songs for each album, along with a link to hear samples of each song 
 - A list of upcoming shows Bios of the band members

So I assume that they are compatible together.



  [1]: http://schema.org/docs/faq.html#4

OpenGraph or Schema.org?

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* included in this list?

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

Facebook cannot grasp my `og:image` files and I have tried every usual solution. I&#39;m beginning to think it might have something to do with `https://...`

 - I have checked http://developers.facebook.com/tools/debug and have zero warnings or errors.
 - It is finding the images we linked to in the &quot;`og:image`&quot;, but they&#39;re showing up blank. When we click the image(s), however, they DO exist and it takes is straight to them.
 - It DOES show one image -- an image hosted on a non-https server.
 - We&#39;ve tried square images, jpegs, pngs, larger sizes and smaller sizes. We&#39;ve put the images right in public_html. Zero are showing up.
 - It&#39;s not a caching error, because when we add another `og:image` to the meta, FB&#39;s linter does find and read that. It DOES show a preview. The preview is blank. The **only** exception we&#39;re getting is for images that are not on this website.
 - We thought maybe there was some anti-leach on `cpanel` or the `.htaccess` that was preventing the images from showing up, so we checked. There was not. We even did a quick `&lt; img src=&quot;[remote file]&quot; &gt;` on an entirely different server and the image shows up fine. 
 - We thought maybe it was the `og:type` or another oddity with another meta tag. We removed all of them, one at a time and checked it. No change. Just warnings. 
 - The same code on a different website shows up without any issue. 
 - We thought *maybe* it was not pulling images because we&#39;re using the same product page(s) for multiple products (changing it based on the get value, ie, &quot;details.php?id=xxx&quot;) but it&#39;s still pulling in one image (from a different url).
 - Leaving any `og:image` or image_src off, FB does not find any images.

I am at the end of my rope. If I said how much time myself and others have spent on this, you&#39;d be shocked. The issue is that this is an online store. We absolutely, positively cannot NOT have images. We have to. We have ten or so other sites... This is the only one with `og:image` problems. It&#39;s also the only one on `https`, so we thought maybe that was the problem. But we can&#39;t find any precedent anywhere on the web for that. 

These are the meta-tags:

&lt;!-- language: lang-html --&gt;

    &lt;meta property=&quot;og:title&quot; content=&quot;[The product name]&quot; /&gt; 
    &lt;meta property=&quot;og:description&quot; content=&quot;[the product description]&quot; /&gt; 
    &lt;meta property=&quot;og:image&quot; content=&quot;https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png&quot; /&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png&quot; /&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png&quot; /&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;https://www.[ourwebsite].com/images/ARShopHeader.png&quot; /&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG&quot; /&gt;
    &lt;meta property=&quot;og:type&quot; content=&quot;product&quot;/&gt;
    &lt;meta property=&quot;og:url&quot; content=&quot;https://www.[ourwebsite].com/apparel-details.php?i=10047&quot; /&gt;
    &lt;meta property=&quot;og:site_name&quot; content=&quot;[our site name]&quot; /&gt;		
    &lt;meta property=&quot;fb:admins&quot; content=&quot;[FB-USER-ID-NUMBER]&quot;/&gt;
    &lt;meta name=&quot;title&quot; content=&quot;[The product name]&quot; /&gt;
    &lt;meta name=&quot;description&quot; content=&quot;[The product description]&quot; /&gt;
    &lt;link rel=&quot;image_src&quot; href=&quot;https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png&quot; /&gt;
    &lt;meta name=&quot;keywords&quot; content=&quot;[four typical keywords]&quot;&gt;
    &lt;meta name=&quot;robots&quot; content=&quot;noarchive&quot;&gt;


In case you want it, here&#39;s a link to one of our product pages that we&#39;ve been working on. [Link shortened to try to curb this getting into search results for our site]: http://rockn.ro/114

EDIT ---- 

Using the &quot;see what facebook sees&quot; scraper tool, we were able to see the following: 

&lt;!-- language: lang-js --&gt;

    &quot;image&quot;: [          
          {
             &quot;url&quot;: &quot;https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png&quot;
          },
          {
             &quot;url&quot;: &quot;https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png&quot;
          },
          {
             &quot;url&quot;: &quot;http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png&quot;
          }
       ],

We tested all links it found for a single page. All were perfectly valid images. 

EDIT 2 ----

We tried a test and added a *subdomain* to the NONSECURE website (from which images are actually visible through facebook). Subdomain was http://img.[nonsecuresite].com. We then put all images into the main subdomain folder and referenced those. It would not pull those images into FB. However, it would still pull any images that were referenced on the nonsecure main domain. 

POSTED WORKAROUND ----

Thanks to Keegan, we now know that this is a bug in Facebook. To workaround, we placed a subdomain in a different NON-HTTPS website and dumped all images in it. We referenced the coordinating `http://img.otherdomain.com/[like-image.jpg]` image in `og:image` on each product page. We then had to go through FB Linter and run EVERY link to refresh the OG data. This worked, but the solution is a band-aid workaround, and if the `https` issue is fixed and we go back to using the natural https domain, FB will have cached the images from a different website, complicating matters. Hopefully this information helps to save someone else from losing 32 coding hours of *their* life. 

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

Facebook recently changed image sizes for ads, and link posts. This affects also to meta `property=&quot;og:image&quot;`. What is new optimal size for `og:image` at Facebook? The old version was square, now it doesn&#39;t fit anymore, because new size is rectangle.

New og:image size for Facebook share?

Is it possible to use an SVG for an [Open Graph](http://ogp.me/) image?

I tried it and it didn&#39;t work with Facebook, however I&#39;m unsure if it&#39;s a problem with my SVG or if it&#39;s generally not possible.

I did it like this:

    &lt;meta content=&quot;http://www.example.com/mylogo.svg&quot; property=&quot;og:image&quot;&gt;

Use SVG as og:image

Is there any way to get facebook&#39;s crappy Open Graph meta tags to validate if my doctype is `&lt;!DOCTYPE html&gt;` (HTML5)?

Other than facebook&#39;s Open Graph meta tags, my document validates perfectly.

I really don&#39;t want to use `&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;&gt;` as that creates a whole new set of problems.

Here is an example of one of the validation errors in question...

Error Line 11, Column 47: Attribute property not allowed on element meta at this point.

    &lt;meta property=&quot;og:type&quot; content=&quot;website&quot; /&gt;

Any help would be appreciated... I have been searching off and on for days to no avail.

Open Graph validation for HTML5

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&#39;t be changed.  Is there anything I can do to refresh it?

Long story:
The site I&#39;m working on has a meta tag for an og:image that Facebook uses when a page is liked.  This meta tag uses the same image URL on all pages across the site.  The image is simply a branding image for the site.

The issue is the site recently updated their branding, and we can&#39;t get the Facebook like image to update.  When a user clicks the like link, the resulting post to Facebook still shows the old branding image.

The meta tag is similar to:

&lt;!-- language-all: lang-html --&gt;

    &lt;meta property=&quot;og:image&quot; content=&quot;http://[domain].com/images/bookmark/apple-touch-icon.png&quot;/&gt;
    
Whenever a like makes its way to Facebook, the URL to the image is changed to the cached Facebook URL, similar to this:

    http://external.ak.fbcdn.net/safe_image.php?d=AQDajxm-qgVNdfEL&amp;w=90&amp;h=90&amp;url=http%3A%2F%2F[domain].com%2Fimages%2Fbookmark%2Fapple-touch-icon.png

This URL displays the older version of the site&#39;s branding.  It has been over a week, and it has not updated yet.  

Is there any way to force Facebook to reindex the image/clear it&#39;s cache?  Or, does Facebook periodically do this automatically?  I couldn&#39;t find any relevant information on this.

I know that changing the URL in the meta tag could fix the issue, but the meta tag is generated by code used across multiple sites and it can not be changed.  I also tried the delinter tool as was suggested to me by others.  No luck. 

All Facebook Opengraph Solutions on Gang of Coders

Total of 21 Facebook Opengraph Solutions

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