dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Facebook like button doesn't post an image to the fb page

  1. #1
    Join Date
    Jan 2013
    Posts
    2

    Angry Facebook like button doesn't post an image to the fb page

    I CANNOT manage to get the facebook like button to take a picture with when the page is liked -- it's just a blank where the image should be. I've tried all the variations of the image URL, with & without the www, with & without the .htm of the daughter page, even the image name by itself just for incase. Each of the different possibilities I've tried for a different page to avoid fb simply reading the cached page. When I let fb debugger scrape the pages, it doesn't find anything wrong with the image URLs, except for the one where I only used the image name, as expected. It's very simple pages, no fancy coding, just HTML & inline CSS. The meta tag for the fb image looks like this:

    {
    <meta property="og:image" content="http://www.daisyworld.co.za/pssst.htm/kites.jpg" />
    }

    The code for the image on the page itself looks like this:

    {<div style="text-align:center"><img src="kites.jpg" style="width:148px; height:148px; border-style:none" border="0" alt=""></div><p>}

    The doctype looks like this [I'm grasping at straws here, I'm willing to try anything]:

    {<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">}

    I'm suspectig I'm being real retarded here, but I can't see it -- Can anyone tell me what the problem is?!

  2. #2
    Join Date
    Feb 2013
    Location
    New York, USA
    Posts
    22
    I think you need to check the Open Graph Protocol in the Facebook. Just checkout the below link:

    http://developers.facebook.com/docs/opengraphprotocol/

    It include all information about your problem...

  3. #3
    Join Date
    Jan 2013
    Posts
    2
    Been there -- the Open Graph Protocol seems fine & when fb's debugger scrapes it, the only error it finds is the og:type because the page doesn't fit into any of the types on their list & they say when this is the case you must simply insert your own.

    The meta tags look like this:
    {<meta property="og:title" content="PSSST! odd bits to read for the person with the longer attention span" />
    <meta property="og:type" content="other" />
    <meta property="og:url" content="http://www.daisyworld.co.za/pssst.htm" />
    <meta property="og:image" content="http://www.daisyworld.co.za/pssst.htm/kites.jpg" />
    <meta property="og:site_name" content="pssst" />
    <meta property="fb:app_id" content="252168354905425" />}

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles