• Resolved eladthegreat

    (@eladthegreat)


    I am having an insane amount of difficulty with this. I’ve tried a lot of the strategies you’ve suggested for other issues, but nothing seems to work.

    Basically, ever since I enabled the CDN my hosting provides (I use WP-Engine), Facebook has been unable to bring up any images for the posts I share form my blog. Instead, it takes my logo and makes a really crappy image from that.

    I purchased the Pro version JUST so I could explicitly provide an image to deal with this problem. The issue persisted. When I debugged it, even after attaching images, etc etc, this is the error I got:

    Inferred Property: The ‘og:url’ property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property: The ‘og:title’ property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property: The ‘og:description’ property should be explicitly provided, even if a value can be inferred from other tags.
    Inferred Property: The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
    og:image should be larger: Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://popchassid.com/wp-content/uploads/2012/04/LogoStep3.jpg’ will be used instead.

    So, then I turned off my CDN, thinking that was probably the issue. But it STILL doesn’t work. So now I’m not so sure it’s the CDN’s fault.

    I’ve turned off debug. My url is popchassid.com. Can you PLEASE help me out with this? I’m seriously going nuts.

    http://ww.wp.xz.cn/plugins/nextgen-facebook/

Viewing 13 replies - 1 through 13 (of 13 total)
  • Thread Starter eladthegreat

    (@eladthegreat)

    Sorry, I meant to say I turned ON debug.

    Plugin Author JS Morisset

    (@jsmoriss)

    Traveling today, but ill be happy to help you w this tomorrow morning.

    is.

    Thread Starter eladthegreat

    (@eladthegreat)

    No problem, thanks for keeping me updated.

    Plugin Author JS Morisset

    (@jsmoriss)

    At the bottom of the Facebook Debugger page, there’s a link to “See exactly what our scraper sees for your URL”. If you click this, and look at the source, you find this:

    <!DOCTYPE html>
    <html lang="en-US" xmlns:og="http://ogp.me/ns" xmlns:fb="http://ogp.me/ns/fb">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="http://popchassid.com/wp-content/themes/folioway/style.css">
    <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css"  href="http://popchassid.com/wp-content/themes/folioway/css/ie8-.css" />
        <![endif]--><!--[if IE 7]>
        <link rel="stylesheet" type="text/css"  href="http://popchassid.com/wp-content/themes/folioway/css/ie7.css" />
        <![endif]-->
    </head>
    <body>

    That last </head><body> tag should NOT be there — it prematurely closes the head section. I don’t know what plugin/theme adds this, but you must remove it.

    js.

    Thread Starter eladthegreat

    (@eladthegreat)

    Ok, great, thanks for the info. Do you have any idea where I might find this code?

    Thread Starter eladthegreat

    (@eladthegreat)

    Here’s the code for my header.php file. Can you see anything there that might need to be fixed? Any help would be MUCH appreciated with this. Also reached out to theme author, but if this would be a quick fix, I’d really appreciate it you took a look at it:

    <!DOCTYPE html>
    <html <?php language_attributes() ?>>
    
    <head>
    
        <?php global $iwak; $site_title = get_bloginfo('name'); ?>
        <title><?php echo wp_title('|', false, 'right'). $site_title; ?></title>
        <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
        <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url') ?>" />
        <?php if( !empty($iwak->o['general']['favicon']) ): ?><link rel="shortcut icon" href="<?php echo $iwak->o['general']['favicon']; ?>" /><?php endif; ?>
    
        <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css"  href="<?php echo THEME_URL; ?>/css/ie8-.css" />
        <![endif]-->
    
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css"  href="<?php echo THEME_URL; ?>/css/ie7.css" />
        <![endif]-->
    
        <noscript>
            <link rel="stylesheet" type="text/css" href="<?php echo THEME_URL; ?>/css/noscript.css"/>
        </noscript>
    
        <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
        <?php wp_head() // For plugins ?>
        <link rel="pingback" href="<?php bloginfo('pingback_url') ?>" />
    
    </head>
    
    <body <?php body_class(); ?>>
      <div id="wrapper">
      <div id="background">
        <div id="header">
            <div class="inner">
                <div id="logo">
                    <?php if($iwak->o['general']['logo']): ?>
                        <a title="<?php echo $site_title; ?>" href="<?php echo HOME_URL; ?>"><img src="<?php echo $iwak->o['general']['logo']; ?>" alt="<?php echo $site_title; ?>" /></a>
                    <?php else: ?>
                        <h1><a href="<?php echo HOME_URL; ?>/"><?php echo $site_title; ?></a></h1>
                        <div id="blogdesc"><?php bloginfo('description') ?></div>
                    <?php endif; ?>
                </div>
    
                <div id="phone"><?php if(!$iwak->o['general']['top_search']) echo $iwak->o['general']['phone']; else get_template_part('searchform'); ?></div>
    
                <?php if($iwak->o['general']['intro']): ?>
                    <div id="intro"><?php if($iwak->o['general']['intro_link']) echo '<a href="'. $iwak->o['general']['intro_link']. '">'; ?><img src="<?php echo $iwak->o['general']['intro']; ?>" /><?php if($iwak->o['general']['intro_link']) echo '</a>'; ?></div>
                <?php endif; ?>
    
                <div id="menu-wrapper"><?php $iwak->menubar('main', 1); ?><span class="icon"></span></div>
            </div><!-- .inner -->
        </div><!--.header-->
    Plugin Author JS Morisset

    (@jsmoriss)

    Most likely it’s a plugin issue. Disable them one by one and keep checking the Facebook scraper — at some point the problem will go away, and you’ll know which plugin it was. 😉

    js.

    Thread Starter eladthegreat

    (@eladthegreat)

    Ugh, disabled ALL of them, and still nothing. Was the php code not helpful?

    Plugin Author JS Morisset

    (@jsmoriss)

    Do you run somekind of page optimizer? Disable that and see if that works. *Something* is adding that bad HTML, you just have to find it. If it’s your theme, then switching to another would fix it.

    js.

    Plugin Author JS Morisset

    (@jsmoriss)

    For reference, here’s the link: https://developers.facebook.com/tools/debug/og/echo?q=http%3A%2F%2Fpopchassid.com%2F

    And the bad code is:

    </head>
    <body>

    Being added within the head section.

    js.

    Thread Starter eladthegreat

    (@eladthegreat)

    So, I spoke to my host, WP-Engine, and they said that when they check the source code, the bad html isn’t there. Apparently something happens when Facebook scrapes the url. Do you have any idea what could be doing that?

    Plugin Author JS Morisset

    (@jsmoriss)

    Something on your site is checking the user agent, and modifying content based on the user agent.

    js.

    mrjwlevy

    (@mrjwlevy)

    I’m having the same problem. Did you ever solve it?

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

The topic ‘Facebook images’ is closed to new replies.