Support » Plugin: Thumb Fixer for Social Media » wrong facebook images

  • Resolved anafasia

    (@anafasia)


    I’ve moved from Blogger to WordPress and with the new feed facebook tends to fail when automatically selecting the right image.
    I’m trying your plugin but it seems the problem remains.

    my feed is managed by feedburner and I use dlvr.it -http://feeds.feedburner.com/blogspot/pVIv as feed url-.
    here you can see my facebook account:
    https://goo.gl/cyEV6L
    here you can see my twitter account -also managed by dlvr.it- that shows the right thumbnails:
    https://goo.gl/3bj61a
    and here the feed showing also the right thumbnails:
    http://feeds.feedburner.com/blogspot/pVIv

    my feed is forced to show only summary and the plugin Facebook Thump is active as a way to add the first image to every feed entry.

    any idea about what’s happening?

    https://wordpress.org/plugins/facebook-thumb-fixer/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Michael Ott

    (@mikeyott)

    this is what debug says:
    https://goo.gl/YMa2Lg

    Warnings That Should Be Fixed
    og:image could not be downloaded or is too small og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that’s at least 200x200px and is accessible from Facebook. Image ‘http://afasiaarchzine.com/wp-content/uploads/2015/08/Pezo-von-Ellrichshausen-.-Casa-Meri-.-Florida-1-1200×1200.jpg’ will be used instead. Consult http://developers.facebook.com/docs/sharing/webmasters/crawler for more troubleshooting tips.
    Parser Mismatched Metadata The parser’s result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: ‘og:site_name, og:image:url’

    These are the raw tags that we found
    Meta Tag <meta property=”og:type” content=”website” />
    Meta Tag <meta property=”og:url” content=”http://myblog.com&#8221; />
    Meta Tag <meta property=”og:title” content=”myblog name” />
    Meta Tag <meta property=”og:description” content=”myblog” />
    Meta Tag <meta property=”og:site_name” content=”myblog name” />
    Meta Tag <meta property=”og:image” content=”” />
    where myblog is my domain.

    I’ll try to touch the thumbnail sizes in my WP configuration, but the rest, I’m afraid, goes beyond my knowlodge.

    I had a similar problem in blogger some months ago and it was solved adding the following code, but I don’t know how code works in WordPress.
    http://www.oloblogger.com/2014/05/problema-imagen-compartir-enlace-facebook.html-

    <!– FACEBOOK –>
    <meta expr:content=’data:blog.pageName’ property=’og:title’/>
    <b:if cond=’data:blog.pageType == “item”‘>
    <meta expr:content=’data:blog.postImageUrl’ property=’og:image’/>
    <b:else/>
    <meta content=’http://4.bp.blogspot.com/-1ogtl8wdMBc/U1eXyhmYU3I/AAAAAAABFrU/REeuhFA52hU/s1600/logo%2Bafasia%2Bmuseo%2B100px.png&#8217; property=’og:image’/>
    </b:if>
    <meta expr:content=’data:blog.metaDescription’ property=’og:description’/>

    Plugin Author Michael Ott

    (@mikeyott)

    Sorry I can’t help with this. Looks like you’ve deactivated the plugin anyway.

    But if you end up going back to it, try deactivating other plugins until the problem goes away, then you’ll now which one it’s conflicting with.

    Also looking at the raw tags you posted, the one in question <meta property=”og:image” content=”” /> is obviously missing the image. I’d hazard a guess you’ve got some sort of conflict happening with either another plugin or your theme. Try the default TwentyFifteen theme and see if the problem goes away. If it does then your theme is conflicting.

    Sorry I can’t be much more help.

    no problem, Michael.

    yes, your plugin goes out and in as I’m making test. I think it has no effect, nor positive neither negative, in my problem. but your remarks have being useful.

    my entries have a main image and a gallery. I think that when the gallery is small facebook succeeds to take the first image:
    https://goo.gl/mydJdn

    but when is big, it looks among the gallery thumbnails, and then comes an unexpected result:
    https://goo.gl/rdNY6R

    I have added this code:

    //Adding the Open Graph in the Language Attributes
    function add_opengraph_doctype( $output ) {
            return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
        }
    add_filter('language_attributes', 'add_opengraph_doctype');
    
    //Lets add Open Graph Meta Info
    
    function insert_fb_in_head() {
        global $post;
        if ( !is_singular()) //if it is not a post or a page
            return;
            echo '<meta property="fb:admins" content="YOUR USER ID"/>';
            echo '<meta property="og:title" content="' . get_the_title() . '"/>';
            echo '<meta property="og:type" content="article"/>';
            echo '<meta property="og:url" content="' . get_permalink() . '"/>';
            echo '<meta property="og:site_name" content="myblog"/>';
        if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
            $default_image="http://a.com/wp-content/themes/a/img/logo.png"; //replace this with a default image on your server or an image in your media library
            echo '<meta property="og:image" content="' . $default_image . '"/>';
        }
        else{
            $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
            echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
        }
        echo "
    ";
    }
    add_action( 'wp_head', 'insert_fb_in_head', 5 );

    and now the og:image is the logo <meta property=”og:image” content=”http://a.com/wp-content/themes/a/img/logo.png&#8221; /> meaning, Ï guess, it fails to find the featured image -I have none- and looks for the logo.

    I have to find a way of forcing it to look for the first entry image instead of the featured image, what I guess was doing this line in blogger:
    <meta expr:content=’data:blog.postImageUrl’ property=’og:image’/>

    probably it won’t solve the dlvr.it problem -it seems it is not paying attention to og:image- but I will probably find another service capable of doing it -maybe IFFTT-.

    I will try to find some help in the main forum.

    I guess I still have to solve the Open Graph issue but the solution to my problem was really simple -even silly-.
    dlvr.it, among others, gives the possibility of autodetect the thumbnail via Facebook or by Feed content. as in my feed there’s only one image in every post it was obvious which one I should have chosen…

    Plugin Author Michael Ott

    (@mikeyott)

    Sorry I can’t be of further help.

    Good luck.

    thanks, don’t worry, now it’s working OK with dlvr.it.
    in the next weeks I will try to read your FAQ to guess if it can be solved. luckily it’s not an urgency anymore.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘wrong facebook images’ is closed to new replies.