Jetpack Publicise Pulling Wrong Image from Post

  • Resolved monj.express

    (@monjexpress)


    10 years, 4 months ago

    I have read a lot of the forums on here and I believe that my situation is unique from any of the topics on this forum.

    Can someone checkout these few posts and give me a clue (if you can find one) as to why my featured images are not being utilized as the thumbnail for publicized posts on twitter, g+ and facebook?

    I’ve even added PHP which will pull the featured image and create the og:image meta tag for it.

    When I use the Facebook Debug Tool for OG Objects I receive errors the first time:

    ERROR 1:
    ‘Error parsing input URL, no data was cached, or no data was scraped.’

    ERROR 2:
    ‘fb:app_id hasn’t been included in the meta tags. Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. Otherwise, the default app id( 966242223397117 ) will be assigned.’

    When I fetch new information it finds more information but pulls a lot of random images as the og:image. It doesn’t only pull the og:image I have assigned

    Here is a blog of ours. You can use them to look at but I will take them down afterward from this post.

    http://first-aid-product.com/blog/

    https://ww.wp.xz.cn/plugins/jetpack/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 4 months ago

    When you share a post on Facebook, or when Jetpack Publicize publishes a post to your Facebook page, Facebook crawls the page and looks for Open Graph meta tags in the head to build a complete post preview (with an image, title, description, …).

    Jetpack automatically creates these Open Graph Meta tags for you unless you already use another Open Graph plugin, in which case we let the other plugin handle things.
    Looking at your site, your setup seems quite special. You don’t seem to use WordPress on the frontend. You use Magento, so none of the WordPress hooks are there for plugins like Jetpack to inject elements in your site, like Open Graph Meta Tags.

    I see you’ve added an Image Meta tag, but that’s not enough for Facebook to build a complete post preview. Your Image Tag is also incorrect, as Facebook will ignore all images that are smaller than 200x200px. That’s why your og:image tag is ignored right now.

    I would suggest building a list of all required tags based on Facebook’s guidelines:
    https://developers.facebook.com/docs/sharing/best-practices#tags
    https://developers.facebook.com/docs/sharing/best-practices#images

    That should help!

    Thread Starter monj.express

    (@monjexpress)

    10 years, 4 months ago

    Jeremy, i haven’t been posting images smaller than 200×200 though. Should I add dimensions to my tag? I used the largest version of the featured image for the path.

    Could you let me know what to fix on the Image Tag?

    I’ll check out the links thank you! =)

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 4 months ago

    Jeremy, i haven’t been posting images smaller than 200×200 though.

    Looking at your last post (“Aerial Lift Truck Operator Safety”), the Open Graph Image seems to be a bit too small:
    http://i.wpne.ws/ezq2

    Could you try with a much larger image?

    Thread Starter monj.express

    (@monjexpress)

    10 years, 4 months ago

    Jeremy,

    Thank you for pointing that out. That one site happened to have a small image. My mods worked really well prior to my report to you we just weren’t using the correct dimensions.

    PS what i did was added this to my view.phtml

    <?php if ($featuredImage = $post->getFeaturedImage()): ?>
<meta property="og:image" content="<?php echo $featuredImage->getFullSizeImage() ?>" />
<?php endif; ?>

    THANKS!

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 4 months ago

    If you keep experiencing issues, it might be worth looking into adding og:image:width and og:image:height Open Graph tags as well, as mentioned here:
    https://developers.facebook.com/docs/sharing/best-practices#precaching

    We added those tags to Jetpack a little while ago and it had some good results.

    Thread Starter monj.express

    (@monjexpress)

    10 years, 3 months ago

    Jeremey,

    Thank you. Everything is working well except I noticed that one post had the issue again (og:image assigned was not used for FB but twitter and G+ worked)

    Can you see anything that stands out here? I did notice that this post has the wrong back link issue we were discussing here https://goo.gl/ZfWii5

    Link to post: http://goo.gl/ip9KD0

    FB page with wrong featured image (using footer icon): https://goo.gl/1ozEAN

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 3 months ago

    You can check Facebook Debugger to find out if Facebook got any errors when browsing that post:
    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Ffirst-aid-product.com%2Fblog%2Fmedications-illness%2Fbasics-about-radiation.html

    It looks like it did:
    http://i.wpne.ws/f1qv

    If I click on “Fetch new scrape information” to force Facebook to crawl the post again, I get a different error:
    http://i.wpne.ws/f1qH

    And indeed, the Open Graph Meta Tag you added appears in the body, instead of in the head.

    Could you try to implement the Open Graph Meta Tags again, in the head of the page, and then give it another try?

    Thread Starter monj.express

    (@monjexpress)

    10 years, 3 months ago

    Hi Jeremey,

    You don’t happen to have any links for documentation on best practice for this do you? I cannot think of a way to variably insert the posts og:image into the head dynamically in my magento application for a wordpress post.

    Shouldn’t the jetpack plugin be doing this?

    If not are there any ways you can think of that I can handle this without OG:image because my fixes are started to seem a little hacky i want this all to work with updates and things.

    thank you for all of the support

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    10 years, 3 months ago

    You don’t happen to have any links for documentation on best practice for this do you?

    You can check the links I posted above for some help.

    Shouldn’t the jetpack plugin be doing this?

    Jetpack will output the tags for you, but only if the frontend of your site uses WordPress. Since you use Magento, you’ll need to use a Magento plugin, or develop a solution manually. These Magento plugins could help:
    https://goo.gl/ZgIpnP

    If not are there any ways you can think of that I can handle this without OG:image

    To control the way your posts appear on Facebook and Google+, you’ll need to use Open Graph Meta Tags. Without those tags, you’ll have no control over the look of your posts on Facebook.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Jetpack Publicise Pulling Wrong Image from Post’ is closed to new replies.