Urgent Facebook Preview Issue

Discussion in 'GeoCraft WordPress Theme' started by suehope, Mar 1, 2013.

  1. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Starting a new thread for this in the correct forum but for reference, I also posted here:
    http://www.inkthemes.com/community/threads/wrong-thumbnails-in-links.1846/

    This is my site: http://www.carmarthenshirebiz.com/

    When I try and post a link to the home page (and other internal links) on Facebook the facebook preview is picking up the very first featured listing description and putting that as the description of the site, which is obviously wrong and would be confusing to facebook users and the preview is also picking up the images from the slider as choices of thumbnail to post with the wrong description.

    I can supply a screenshot if needed?

    I am using your suggestion All in one SEO plugin but still getting the same issue and as per instructions from another thread have deleted the section in header.php regarding the themes SEO.

    What is happening with this issue please, it is very urgent as I now need to post about the directory on Facebook to get business moving.

    If this issue has not been fixed yet, is there some kind of work-around we can employ?

    Other members using this theme, can you please see what happens if you try and post to FB and report back to see if it is happening for all or just me, thanks.

    Sue
     
  2. molatin

    molatin Member

    Joined:
    Aug 11, 2012
    Messages:
    558
    Likes Received:
    19
    Sounds like a great idea Sue - thanks for sharing - I'd like to know a fix for this too so I can do the same type of promotion for my directory. Thanks Sue.
     
    suehope likes this.
  3. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
  4. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Hi Nitesh - thanks for your answer and screenshot, I will give that a go in a couple of hours and report back with a screenshot if it does not work because it was not just the issue of the image, I would hope that FB picks up the description of the directory and not that of an individual item - lets hope it works :)
     
  5. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Hi Nitesh, is there any chance you can put a step by step walk through of the work around and what I need to do here because I didn't understand a word of that article and don't want to mess things up and step by step to solve the:

    a) wrong image issue
    b) wrong description issue

    Or suggest some other form of help?

    Thanks so much
    Sue
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Go to header.php present in your theme directory and add the code given below

    Code:
    <link rel="image_src" href="image of the page" />
    <meta property="og:title" content="title of the page" />
    <meta property="og:site_name" content="name of the page" />
    <meta property="og:image" content="image of the page" />
    Sending image for reference

    [​IMG]


    Note:- These changes take some time to show changes in your facebook page. But you can check your the website url in the [debugger](https://developers.facebook.com/tools/debug). It should re-scrape with the new parameters.
     
  7. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Thank you Gourav for your help also, this is the result so far after carrying out your instructions below (I did not change anything in the code you supplied to put into my headerPHP document).

    When I posted one of my listing links to FB this is what I got, which is a lot better because the thumbnail and description is correct, however, the title needs work as you can see:
    [​IMG]

    I am running All-in-One SEO plugin on this site if that is useful information, should I have done anything else?

    Sue
     
  8. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
  9. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Please check the code Gourav provided you in previous post. You need to add your page title at the place of "title of the page".

    Code:
    <link rel="image_src" href="image of the page" />
    <meta property="og:title" content="title of the page" />
    <meta property="og:site_name" content="name of the page" />
    <meta property="og:image" content="image of the page" />
    It will correct your title display.
    Also follow same steps for "name of the page", "image of the page".
     
  10. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Thanks Nitesh - I am a lot confused now, sorry for that and this is probably a stupid question and down to my lack of understanding but if I now put the title of the page, image of the page, etc, and then I go and share a totally different page, won't the new share on FB contain the information that I am about to put in headerPHP? If not, any chance you can explain why if you have time so I can learn?

    2nd question, am I only putting something in the 3 meta property strings? what about the link rel one at the top?

    3rd question for the 3 meta inputs, would I put for meta inputs "AVA Dancewear" and should I do that for all 3?

    Sorry for all the questions and thanks for the help again, Sue
     
  11. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    We have updated that code and now add given code below

    Code:
    <link rel="image_src" href="image of the page" />
    <meta property="og:title" content="Enter your  title" />
    <meta property="og:site_name" content="Enter your site name" />
    <meta property="og:image" content="Enter your image address here" />
    <meta property="og:description" content="Enter your description text here" />

    *There is no need to put anything in first line
    *In second line put your Title
    *In third line enter site name or any thing else that you want to show there
    *In fourth line put image address
    *In fifth line put description text.
     
  12. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Hi Guys

    OK had a go at the new code but I am afraid I still am not sure what bits of information to put in the lines I have to change things.

    This is what I put so far to just test things out and I know I need to change some stuff:


    Code:
    <link rel="image_src" href="image of the page" />
    <meta property="og:title" content="AVA Dancewear" />
    <meta property="og:site_name" content="Camarthenshire Business Guide" />
    <meta property="og:image" content="http://www.carmarthenshirebiz.com/wp-content/uploads" />
    <meta property="og:description" content="My description text" />
    And with that code, this is a snapshot of what it would look like sharing one of my other listings on Facebook:
    [​IMG]
    So this is what I don't understand, what should I put in that second line, should I put the word "listing" taken from the URL's? will it then pick up the title of the listing itself?
    If I leave it as the title I have then every time I share a different listing it will have the wrong name won't it?

    Hence why I just put "My description text" to test this, what should I put there please so that when I share different listings it picks up the right details for that listing page?

    In the snapshot above, it did pick up the correct image for that listing as you can from the URL..

    So please can someone explain what exactly needs to go in each part of the code that needs changing, more explanation than:


    e.g:
    Title of what?
    Image address, did I do that right in my code above?
    Description text from where?

    Sorry for all the trouble but I hope this helps others who might be following this thread and please go ahead and assume I am a complete dunce and explain in minute detail, it will be very much appreciated.

    Sue
     
  13. jsal2

    jsal2 Member

    Joined:
    Dec 23, 2012
    Messages:
    112
    Likes Received:
    7
    I am following this thread for a solution as well. I also may be misunderstanding, but the instructions given appear to be suggesting to hard code the image and meta property information in the header.php. Clearly Hard Coding that data for each and every listing that may need to be posted to Facebook is not a practical resolution.
     
    suehope likes this.
  14. suehope

    suehope New Member

    Joined:
    Dec 12, 2012
    Messages:
    19
    Likes Received:
    1
    Location:
    South Wales, UK
    Guys any help on this please, I want to advertise my listings and get some new customers?

    Thanks, Sue
     
    redman45 likes this.
  15. redman45

    redman45 New Member

    Joined:
    Jul 11, 2013
    Messages:
    22
    Likes Received:
    0
    Dear Sue ,
    did you use any seo plugins ?
    or just the code :
    <link rel="image_src" href="image of the page" />
    <meta property="og:title" content="AVA Dancewear" />
    <meta property="og:site_name" content="Camarthenshire Business Guide" />
    <meta property="og:image" content="http://www.carmarthenshirebiz.com/wp-content/uploads" />
    <meta property="og:description" content="My description text" />

    Do hope you get back :)

    Sincerely,
    Redman45.
     
  16. spoonboy90

    spoonboy90 Active Member

    Joined:
    Dec 20, 2012
    Messages:
    289
    Likes Received:
    28
    Location:
    Stoke-on-Trent, Staffordshire. UK

Share This Page