og:image size recognition issue

(@rlaflamme)

https://www.cardboardrepublic.com/cr_reviews/warmachine-high-command

Sorry about that. For this issue, we can look at this link:

As one can see from putting it through the linter, the featured image shows up as the first in the og:image section, but the warning section is stating that the image, which is certainly larger than 200×200, is not large enough.

For the record, the Auto-Resize option is currently turned on, and for sake of argument I did run the plugin on the image in question. Unfortunately, neither seem to correct this issue. As I said, I have made no plugin, site, or template changes since this link went live the other day.

I’m open to suggestions though.

Plugin Author

(@jsmoriss)

https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.cardboardrepublic.com%2Fcr_reviews%2Fwarmachine-high-command

Here are the image meta tags:

<!-- og:image:1 --><meta property="og:image" content="https://www.cardboardrepublic.com/wp-content/uploads/2013/11/high-command-cover-253x300.jpg" />
<!-- og:image:1 --><meta property="og:image:height" content="300" />
<!-- og:image:1 --><meta property="og:image:width" content="253" />
<!-- og:image:2 --><meta property="og:image" content="https://www.cardboardrepublic.com/wp-content/uploads/2013/11/competitive-scale.jpg" />
<!-- og:image:2 --><meta property="og:image:height" content="179" />
<!-- og:image:2 --><meta property="og:image:width" content="300" />
<!-- og:image:3 --><meta property="og:image" content="https://www.cardboardrepublic.com/wp-content/uploads/2013/11/Location-cards.jpg" />
<!-- og:image:3 --><meta property="og:image:height" content="201" />
<!-- og:image:3 --><meta property="og:image:width" content="300" />

And the debugger results:

Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘https://www.cardboardrepublic.com/wp-content/uploads/2013/11/competitive-scale.jpg’ will be used instead.

There are two possibilities:

– The debugger could be complaining about an image *it already has in its cache*. When a post is already shared, the debugger will NOT fetch new content to replace it, and that error could be for an image already in its cache.

– The error could relate to the 179×300 image – that image is too small. Why it goes on to say that it will use that image is a mystery. Could be a bug in their parsing/error reporting.

Hm. In fact, NGFB Open Graph+ should not have included that image… I’ll have to look through that code and see why it wasn’t rejected…

js.

Thread Starter

(@rlaflamme)

This actually could be heading on to something. The three images that it scraped were the featured image and then two other images from the page. There are other images on the page that it didn’t grab, but that’s alright.

The thing was, the reported dimensions didn’t make sense. The featured image in the media library information is 400×474, and it’s posted at 305×362 to the site. However, if I go into the library and clicked on the image directly, showing the attachments view, then it gets the 300×253.

The 179×300 is also not accurate. The original image of that picture is 900×538 and it’s in the post at 486×291, still well above the minimum. The only place it claims it’s 179×300 is if I go into the media library. If I click to Edit the image from Media Library, it shows the maximum size. If I click the View link instead, it shows the image at the 179×300 size. However, clicking on the image from there pulls up the image at the full size.

Updated:

After some experimenting, it appears that it’s pulling the og:image information from “Medium” size setting that WP uses for attachment viewing, which was set at 300×300, which was probably too low (and a setting I rarely use when adding images to posts anyway.) I have since raised it to 512×512, and then did a thumbnail regen on those few images of that post. This seems to have solved part of the issue, or at least the issue with the example mentioned beforehand.

Related to that, I started testing out another few link to see how it is affected, and links are still reporting as having issues. I’m noticing now that image sizes (while often still being reported as being below the 200 mark even though not being true) are being resized.

Currently my Image Dimension size is set to 300×300 with 3 og:images, and it has been for quite some time. If I increase my dimension setting to something like 550×550, it removes any images smaller than that from the list, which I don’t want. I’d prefer to leave it at the 300×300 if at all possible.

1. I experimented with raising the dimension size higher, but aside from the reported og changes in the output of the linter, it doesn’t actually remove the errors even with new sizes reported. It didn’t actually change or remove the error. It’s possible that their cache just isn’t keeping up with the changes, so I’ll keep an eye on that. Now, this was with WP Auto Resize off. So, what does Auto Resize do practically speaking?

2. How does the plugin determine the order of items to pull if it pulls more than one image? I saw the FAQ answer, and that explains the featured image being pulled, but I’m curious after that with the ones being pulled with IMG tags. I’m only guessing, but it seems to pull from the end of the post going backwards. Is that correct? And is there a way to control that behavior to make it go from the beginning of the post instead?

3. I’m assuming this is related to the caching again, but usually G+ allows for different images when posting. It is currently not doing that for these changed / fixed links, instead only providing one option. Is this just the google bots not being caught up yet?

Again, thanks for the patience and help with all this. It’s appreciated.

Plugin Author

(@jsmoriss)

Yeah… You’re touching upon a little frustration of mine with WordPress… You see, WordPress will not resize an image when we ask it for a specific size. Instead, it returns the closest image size, and lies about its size! :-p

For example, if I ask it for image #101, with a size of ‘test-thumb-size’ (which is set beforehand with a specific width, height, and cropping yes/no settings):

list( $url, $width, $height, $inter ) = image_downsize( 101, 'test-thumb-size' );

WordPress is supposed to return the image url, its width, height, and if it was an intermediate image size or not. If the ‘test-thumb-size’ is supposed to be 300×300 cropped, but WordPress does not find an exact match, it returns the closest match and lies about the size.

When you enable the “WP Auto-Resize” option, the plugin will run wp_get_attachment_metadata() and do a few things:

– If the *original/full* image width/height is less than the size we want, then the plugin will choose the full image url & size instead.

– Alternatively, if the width/height for the size we want *in the metadata of the image* is not what it should be, then it will run image_make_intermediate_size() to try and get WordPress to regenerate an accurate image size. WordPress *should* regenerate the images and update the metadata. After that, we ask WordPress for the image size we want again, hoping it will return accurate image dimensions that time. ??

js.

Thread Starter

(@rlaflamme)

Ohh WP, such the love/hate relationship…

At any rate, things have seemed to smooth out a little, though not entirely. At a 300×300 setting, it seems to scale down the image until one of the two reaches 300. It still spits the error, but they’re being registered when posted to Facebook. As #3 states, though, Google+ is still not being responsive. That could be caching though?

Additionally, I’m still curious on how the plugin selects the images, as several of my posts have different images available after being re-linted than when they were originally posted.

Also, I had a recurring weekly post that has one image in it that is exactly 200×200. Until this week, that worked fine. However, the linter doesn’t even find it. That one still has me scratching my head.

So, progress, albeit slowly.

Plugin Author

(@jsmoriss)

Google+ will use the Open Graph images, so if the debugger shows 3 images, but Google+ only one, then it’s probably something on their end — maybe they didn’t like the size, aspect ratio, or used their cache instead. Some sites, including Facebook, are getting quite picky with image sizes and ratios. It’s why I recently changed the default dimensions in NGFB Open Graph+ to 1200×630 cropped.

When the plugin gets down to scanning the content, it looks for:

– NextGEN Gallery <div|a|img/> tags with the ‘data-ngfb-ngg-pid’ attribute.
– <img/> tags with a ‘data-ngfb-wp-pid’ attribute.
– Any other <img/> tags with a ‘src’ attribute.
– Checking the <img/> ‘src’ attribute value, it tries to match a pre-v2 NextGEN Gallery image ID.

All of these methods will lead to a properly sized image (the image ID can be determined).

– The plugin also looks for <img/> tags with a ‘width’ and ‘height’ attribute that is large enough (larger than the dimensions defined in the plugin settings).

If you turn on debug mode, and do a View Source, you can kind of get an idea of what’s going on — which images are found, which are rejected, etc.

js.

Thread Starter

(@rlaflamme)

I’ll give G+ some time to rescour and go from there,

As for the inquiry over which images are selected, this is part of the debug code pull. This article has no featured image, so it goes out and gets 3 images (3 being the set variable). None are overtly rejected, but these are the final three images in the article post. The article itself has about 10. That’s where my assumption that after featured images it goes backwards:

Regarding the 200×200 image on the other link , the past links aren’t working correctly. For this week’s I essentially duplicated the image and gave it a different name, with no other changes. The newer one appears to work. Perhaps you can see what the difference is?

The newest (working) debug info:

[og:image] => Array
        (
            [0] => Array
                (
                    [og:image:cropped] => false
                    [og:image:height] => 200
                    [og:image:width] => 200
                    [og:image] => https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png
                )

        )

)
 -->
<!-- NGFB Open Graph+ debug from ngfbHead::html() Media URLs Found :
Array
(
    [https://html5-player.libsyn.com/embed/episode/id/2540320/height/90/width/280/thumbnail/no/theme/legacy] => 1
    [https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png] => 1
    [https://www.cardboardrepublic.com/wp-content/uploads/2013/07/rss.png] => 1
)
 -->
<meta name="generator" content="NGFB Open Graph+ 6.14.0-G" />
<link rel="author" href="https://www.cardboardrepublic.com/author/erin" />
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="https://www.cardboardrepublic.com/podcast/vox-republica-018-siteiversary" />
<meta property="og:description" content="Episode 018 Length: 33:06 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes every Thursday, and each episode will be about 20 &ndash; 30 minutes long. This week is Ryan stops by. First, we talk about the..." />
<meta property="og:type" content="article" />
<meta property="article:author" content="https://www.cardboardrepublic.com/author/erin" />
<meta property="article:published_time" content="2013-11-07T00:30:05+00:00" />
<meta property="article:modified_time" content="2013-11-08T08:34:55+00:00" />
<!-- og:image:1 --><meta property="og:image" content="https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png" />
<!-- og:image:1 --><meta property="og:image:height" content="200" />
<!-- og:image:1 --><meta property="og:image:width" content="200" />
<meta name="description" content="Episode 018 Length: 33:06 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes..." />
<!-- ngfb meta tags end -->
<!-- NGFB Open Graph+ debug from ngfbHead::add_header() NGFB Constants :
	NGFB_CACHEDIR = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/cache/
	NGFB_CACHEURL = https://www.cardboardrepublic.com/wp-content/plugins/nextgen-facebook/cache/
	NGFB_CURL_CAINFO = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/share/curl/cacert.pem
	NGFB_CURL_USERAGENT = Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:18.0) Gecko/20100101 Firefox/18.0
	NGFB_DEBUG_FILE_EXP = 300
	NGFB_FILEPATH = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/nextgen-facebook.php
	NGFB_FOOTER_PRIORITY = 100
	NGFB_HEAD_PRIORITY = 10
	NGFB_INIT_PRIORITY = 12
	NGFB_MAX_CACHE_HRS = 24
	NGFB_MAX_IMG_OG = 20
	NGFB_MAX_VID_OG = 20
	NGFB_MENU_PRIORITY = 99.10
	NGFB_META_NAME = _ngfb_meta
	NGFB_MIN_DESC_LEN = 156
	NGFB_NONCE = ********
	NGFB_OG_SIZE_NAME = ngfb-open-graph
	NGFB_OPTIONS_NAME = ngfb_options
	NGFB_PLUGINBASE = nextgen-facebook/nextgen-facebook.php
	NGFB_PLUGINDIR = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/
	NGFB_SITE_OPTIONS_NAME = ngfb_site_options
	NGFB_SOCIAL_PRIORITY = 100
	NGFB_TEXTDOM = nextgen-facebook
	NGFB_TRANSIENT_CACHE_DISABLE = 1
	NGFB_URLPATH = https://www.cardboardrepublic.com/wp-content/plugins/nextgen-facebook/
 -->
<!-- NGFB Open Graph+ debug from ngfbHead::add_header() Available Features :
	aioseop =
	any_seo =
	aop =
	curl = 1
	marketpress =
	mbdecnum = 1
	ngg =
	postthumb = 1
	seou =
	woocommerce =
	wpecommerce =
	wpseo =
 -->
<!-- NGFB Open Graph+ debug from ngfbHead::add_header() Debug Log :
	ngfbHead                  :: add_header               : is_archive() = false
	ngfbHead                  :: add_header               : is_category() = false
	ngfbHead                  :: add_header               : is_tag() = false
	ngfbHead                  :: add_header               : is_home() = false
	ngfbHead                  :: add_header               : is_search() = false
	ngfbHead                  :: add_header               : is_singular() = true
	ngfbHead                  :: add_header               : is_attachment() = false
	ngfbOpenGraph             :: get                      : transient cache is disabled
	ngfbWebPage               :: get_title                : wp_title() = "The Cardboard RepublicVox Republica 018: Siteiversary | "
	ngfbWebPage               :: get_description          : use_post = false
	ngfbWebPage               :: get_description          : is_singular() = true
	ngfbWebPage               :: get_description          : has_excerpt() = false
	ngfbWebPage               :: get_content              : using content from post id 5349
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5349_filtered)
	ngfbSocial                :: remove_filter            : filter_the_content() removed = true
	ngfbWebPage               :: get_content              : calling apply_filters()
	ngfbSocial                :: add_filter               : filter_the_content() added
	ngfbWebPage               :: get_content              : content strlen() before = 1959, after = 2108
	ngfbWebPage               :: get_content              : object cache: filtered content saved to wp_cache ngfb_d59e430ea904db05e682495abe394463 (60 seconds)
	ngfbMedia                 :: get_meta_video           : args (num = 1, post_id = 5349, check_dupes = true)
	ngfbMedia                 :: get_content_videos       : args (num = 1, check_dupes = true)
	ngfbWebPage               :: get_content              : using content from post id 5349
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5349_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_d59e430ea904db05e682495abe394463
	ngfbMedia                 :: get_content_videos       : 1 x video html tag(s) found
	ngfbMedia                 :: get_content_videos       : <iframe/> html tag found = https://html5-player.libsyn.com/embed/episode/id/2540320/height/90/width/280/thumbnail/no/theme/legacy
	ngfbMedia                 :: get_video_info           : image =  (x)
	ngfbMedia                 :: get_video_info           : video =  (280x90)
	ngfbMedia                 :: get_post_images          : args (num = 3, size_name = ngfb-open-graph, post_id = 5349, check_dupes = true)
	ngfbMedia                 :: get_meta_image           : args (num = 3, size_name = ngfb-open-graph, post_id = 5349, check_dupes = true)
	ngfbMedia                 :: get_featured             : args (num = 3, size_name = ngfb-open-graph, post_id = 5349, check_dupes = true)
	ngfbMedia                 :: get_attached_images      : args (num = 3, size_name = ngfb-open-graph, post_id = 5349, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : args (pid = 5367, size_name = ngfb-open-graph, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png (200x200)
	ngfbMedia                 :: get_attachment_image_src : retrieving full image size - original (200x200) is smaller than ngfb-open-graph (300x300)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png (200x200)
	ngfbWebPage               :: get_content              : using content from post id 5349
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5349_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_d59e430ea904db05e682495abe394463
	ngfbMedia                 :: get_content_images       : 2 x matching <img/> html tag(s) found
	ngfbMedia                 :: get_content_images       : src = https://www.cardboardrepublic.com/wp-content/uploads/2013/07/rss.png (32x32)
	ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small
	ngfbUtil                  :: is_uniq_url              : duplicate url rejected: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png
	ngfbWebPage               :: get_description          : use_post = false
	ngfbWebPage               :: get_description          : is_singular() = true
	ngfbWebPage               :: get_description          : has_excerpt() = false
	ngfbWebPage               :: get_content              : using content from post id 5349
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5349_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_d59e430ea904db05e682495abe394463
	ngfbHead                  :: html                     : 17 meta_tags to process
	ngfbHead                  :: get_meta_html            : meta fb:admins is empty - skipping
	ngfbHead                  :: get_meta_html            : meta fb:app_id is empty - skipping
	ngfbHead                  :: get_meta_html            : meta og:locale = "en_US"
	ngfbHead                  :: get_meta_html            : meta og:site_name is disabled - skipping
	ngfbHead                  :: get_meta_html            : meta og:url = "https://www.cardboardrepublic.com/podcast/vox-republica-018-siteiversary"
	ngfbHead                  :: get_meta_html            : meta og:title is disabled - skipping
	ngfbHead                  :: get_meta_html            : meta og:description = "Episode 018 Length: 33:06 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes every Thursday, and each episode will be about 20 &ndash; 30 minutes long. This week is Ryan stops by. First, we talk about the..."
	ngfbHead                  :: get_meta_html            : meta og:type = "article"
	ngfbHead                  :: get_meta_html            : meta article:author = "https://www.cardboardrepublic.com/author/erin"
	ngfbHead                  :: get_meta_html            : meta article:publisher is empty - skipping
	ngfbHead                  :: get_meta_html            : meta article:tag is empty - skipping
	ngfbHead                  :: get_meta_html            : meta article:section is empty - skipping
	ngfbHead                  :: get_meta_html            : meta article:published_time = "2013-11-07T00:30:05+00:00"
	ngfbHead                  :: get_meta_html            : meta article:modified_time = "2013-11-08T08:34:55+00:00"
	ngfbHead                  :: get_meta_html            : meta og:video is empty - skipping
	ngfbHead                  :: get_meta_html            : meta og:image = "https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png"
	ngfbHead                  :: get_meta_html            : meta og:image:cropped is disabled - skipping
	ngfbHead                  :: get_meta_html            : meta og:image:height = "200"
	ngfbHead                  :: get_meta_html            : meta og:image:width = "200"
	ngfbHead                  :: get_meta_html            : meta description = "Episode 018 Length: 33:06 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes..."
	ngfbDebug                 :: get_html                 : truncating debug log

And the ones no longer working:

[og:image] => Array
        (
        )

)
 -->
<!-- NGFB Open Graph+ debug from ngfbHead::html() Media URLs Found :
Array
(
    [https://html5-player.libsyn.com/embed/episode/id/2528474/height/90/width/280/thumbnail/no/theme/legacy] => 1
    [https://www.cardboardrepublic.com/wp-content/uploads/2013/07/rss.png] => 1
    [https://www.cardboardrepublic.com/wp-content/uploads/2013/07/VR-Logo-front.png] => 1
)
 -->
<meta name="generator" content="NGFB Open Graph+ 6.14.0-G" />
<link rel="author" href="https://www.cardboardrepublic.com/author/erin" />
<meta property="og:locale" content="en_US" />
<meta property="og:url" content="https://www.cardboardrepublic.com/podcast/vox-republica-017-extra-life" />
<meta property="og:description" content="Episode 017 Length: 14:34 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes every Thursday, and each episode will be about 20 &ndash; 30 minutes long. This week is a truncated version where we discuss our..." />
<meta property="og:type" content="article" />
<meta property="article:author" content="https://www.cardboardrepublic.com/author/erin" />
<meta property="article:published_time" content="2013-10-31T00:30:55+00:00" />
<meta property="article:modified_time" content="2013-10-29T16:27:10+00:00" />
<meta name="description" content="Episode 017 Length: 14:34 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes..." />
<!-- ngfb meta tags end -->
<!-- NGFB Open Graph+ debug from ngfbHead::add_header() NGFB Constants :
	NGFB_CACHEDIR = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/cache/
	NGFB_CACHEURL = https://www.cardboardrepublic.com/wp-content/plugins/nextgen-facebook/cache/
	NGFB_CURL_CAINFO = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/share/curl/cacert.pem
	NGFB_CURL_USERAGENT = Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:18.0) Gecko/20100101 Firefox/18.0
	NGFB_DEBUG_FILE_EXP = 300
	NGFB_FILEPATH = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/nextgen-facebook.php
	NGFB_FOOTER_PRIORITY = 100
	NGFB_HEAD_PRIORITY = 10
	NGFB_INIT_PRIORITY = 12
	NGFB_MAX_CACHE_HRS = 24
	NGFB_MAX_IMG_OG = 20
	NGFB_MAX_VID_OG = 20
	NGFB_MENU_PRIORITY = 99.10
	NGFB_META_NAME = _ngfb_meta
	NGFB_MIN_DESC_LEN = 156
	NGFB_NONCE = ********
	NGFB_OG_SIZE_NAME = ngfb-open-graph
	NGFB_OPTIONS_NAME = ngfb_options
	NGFB_PLUGINBASE = nextgen-facebook/nextgen-facebook.php
	NGFB_PLUGINDIR = /home/cardboar/public_html/wp-content/plugins/nextgen-facebook/
	NGFB_SITE_OPTIONS_NAME = ngfb_site_options
	NGFB_SOCIAL_PRIORITY = 100
	NGFB_TEXTDOM = nextgen-facebook
	NGFB_TRANSIENT_CACHE_DISABLE = 1
	NGFB_URLPATH = https://www.cardboardrepublic.com/wp-content/plugins/nextgen-facebook/
 -->
<!-- NGFB Open Graph+ debug from ngfbHead::add_header() Available Features :
	aioseop =
	any_seo =
	aop =
	curl = 1
	marketpress =
	mbdecnum = 1
	ngg =
	postthumb = 1
	seou =
	woocommerce =
	wpecommerce =
	wpseo =
 -->
<!-- NGFB Open Graph+ debug from ngfbHead::add_header() Debug Log :
	ngfbHead                  :: add_header               : is_archive() = false
	ngfbHead                  :: add_header               : is_category() = false
	ngfbHead                  :: add_header               : is_tag() = false
	ngfbHead                  :: add_header               : is_home() = false
	ngfbHead                  :: add_header               : is_search() = false
	ngfbHead                  :: add_header               : is_singular() = true
	ngfbHead                  :: add_header               : is_attachment() = false
	ngfbOpenGraph             :: get                      : transient cache is disabled
	ngfbWebPage               :: get_title                : wp_title() = "The Cardboard RepublicVox Republica 017: Extra Life | "
	ngfbWebPage               :: get_description          : use_post = false
	ngfbWebPage               :: get_description          : is_singular() = true
	ngfbWebPage               :: get_description          : has_excerpt() = false
	ngfbWebPage               :: get_content              : using content from post id 5242
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5242_filtered)
	ngfbSocial                :: remove_filter            : filter_the_content() removed = true
	ngfbWebPage               :: get_content              : calling apply_filters()
	ngfbSocial                :: add_filter               : filter_the_content() added
	ngfbWebPage               :: get_content              : content strlen() before = 3020, after = 3193
	ngfbWebPage               :: get_content              : object cache: filtered content saved to wp_cache ngfb_9f717897ed85650f0103a9ae58348b50 (60 seconds)
	ngfbMedia                 :: get_meta_video           : args (num = 1, post_id = 5242, check_dupes = true)
	ngfbMedia                 :: get_content_videos       : args (num = 1, check_dupes = true)
	ngfbWebPage               :: get_content              : using content from post id 5242
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5242_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_9f717897ed85650f0103a9ae58348b50
	ngfbMedia                 :: get_content_videos       : 1 x video html tag(s) found
	ngfbMedia                 :: get_content_videos       : <iframe/> html tag found = https://html5-player.libsyn.com/embed/episode/id/2528474/height/90/width/280/thumbnail/no/theme/legacy
	ngfbMedia                 :: get_video_info           : image =  (x)
	ngfbMedia                 :: get_video_info           : video =  (280x90)
	ngfbMedia                 :: get_post_images          : args (num = 3, size_name = ngfb-open-graph, post_id = 5242, check_dupes = true)
	ngfbMedia                 :: get_meta_image           : args (num = 3, size_name = ngfb-open-graph, post_id = 5242, check_dupes = true)
	ngfbMedia                 :: get_featured             : args (num = 3, size_name = ngfb-open-graph, post_id = 5242, check_dupes = true)
	ngfbMedia                 :: get_attached_images      : args (num = 3, size_name = ngfb-open-graph, post_id = 5242, check_dupes = true)
	ngfbWebPage               :: get_content              : using content from post id 5242
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5242_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_9f717897ed85650f0103a9ae58348b50
	ngfbMedia                 :: get_content_images       : 2 x matching <img/> html tag(s) found
	ngfbMedia                 :: get_content_images       : src = https://www.cardboardrepublic.com/wp-content/uploads/2013/07/rss.png (32x32)
	ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small
	ngfbMedia                 :: get_content_images       : src = https://www.cardboardrepublic.com/wp-content/uploads/2013/07/VR-Logo-front.png (200x200)
	ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small
	ngfbMedia                 :: get_default_image        : args (num = 3, size_name = ngfb-open-graph, check_dupes = true)
	ngfbWebPage               :: get_description          : use_post = false
	ngfbWebPage               :: get_description          : is_singular() = true
	ngfbWebPage               :: get_description          : has_excerpt() = false
	ngfbWebPage               :: get_content              : using content from post id 5242
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5242_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_9f717897ed85650f0103a9ae58348b50
	ngfbHead                  :: html                     : 17 meta_tags to process
	ngfbHead                  :: get_meta_html            : meta fb:admins is empty - skipping
	ngfbHead                  :: get_meta_html            : meta fb:app_id is empty - skipping
	ngfbHead                  :: get_meta_html            : meta og:locale = "en_US"
	ngfbHead                  :: get_meta_html            : meta og:site_name is disabled - skipping
	ngfbHead                  :: get_meta_html            : meta og:url = "https://www.cardboardrepublic.com/podcast/vox-republica-017-extra-life"
	ngfbHead                  :: get_meta_html            : meta og:title is disabled - skipping
	ngfbHead                  :: get_meta_html            : meta og:description = "Episode 017 Length: 14:34 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes every Thursday, and each episode will be about 20 &ndash; 30 minutes long. This week is a truncated version where we discuss our..."
	ngfbHead                  :: get_meta_html            : meta og:type = "article"
	ngfbHead                  :: get_meta_html            : meta article:author = "https://www.cardboardrepublic.com/author/erin"
	ngfbHead                  :: get_meta_html            : meta article:publisher is empty - skipping
	ngfbHead                  :: get_meta_html            : meta article:tag is empty - skipping
	ngfbHead                  :: get_meta_html            : meta article:section is empty - skipping
	ngfbHead                  :: get_meta_html            : meta article:published_time = "2013-10-31T00:30:55+00:00"
	ngfbHead                  :: get_meta_html            : meta article:modified_time = "2013-10-29T16:27:10+00:00"
	ngfbHead                  :: get_meta_html            : meta og:video is empty - skipping
	ngfbHead                  :: get_meta_html            : meta og:image is empty - skipping
	ngfbHead                  :: get_meta_html            : meta description = "Episode 017 Length: 14:34 Subscribe to Show Link: &nbsp; Welcome back to Vox Republica, the Cardboard Republic Podcast! We&rsquo;ll be posting new episodes..."
	ngfbDebug                 :: get_html                 : truncating debug log
 -->

Plugin Author

(@jsmoriss)

Phew. Ok, from the first debug log:

ngfbMedia                 :: get_attached_images      : args (num = 3, size_name = ngfb-open-graph, post_id = 5329, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : args (pid = 5343, size_name = ngfb-open-graph, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/Spock-300x221.jpg (300x221)
	ngfbMedia                 :: get_attachment_image_src : args (pid = 5342, size_name = ngfb-open-graph, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/knightmare-248x300.jpg (248x300)
	ngfbMedia                 :: get_attachment_image_src : args (pid = 5341, size_name = ngfb-open-graph, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/four-300x210.jpg (300x210)

It found 3 attached images, so it never got to the content – no need.

Back in a bit. ??

js.

Plugin Author

(@jsmoriss)

Ok, the second debug log:

ngfbMedia                 :: get_attached_images      : args (num = 3, size_name = ngfb-open-graph, post_id = 5349, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : args (pid = 5367, size_name = ngfb-open-graph, check_dupes = true)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png (200x200)
	ngfbMedia                 :: get_attachment_image_src : retrieving full image size - original (200x200) is smaller than ngfb-open-graph (300x300)
	ngfbMedia                 :: get_attachment_image_src : image_downsize: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png (200x200)
	ngfbWebPage               :: get_content              : using content from post id 5349
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5349_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_d59e430ea904db05e682495abe394463
	ngfbMedia                 :: get_content_images       : 2 x matching <img/> html tag(s) found
	ngfbMedia                 :: get_content_images       : src = https://www.cardboardrepublic.com/wp-content/uploads/2013/07/rss.png (32x32)
	ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small
	ngfbUtil                  :: is_uniq_url              : duplicate url rejected: https://www.cardboardrepublic.com/wp-content/uploads/2013/11/VR-Logo-post.png

It found 2 attached images, and 2 images in the content. The content images were rejected because one was too small, and the other was a duplicate (already found as attached).

js.

Plugin Author

(@jsmoriss)

And the third debug log:

ngfbMedia                 :: get_attached_images      : args (num = 3, size_name = ngfb-open-graph, post_id = 5242, check_dupes = true)
	ngfbWebPage               :: get_content              : using content from post id 5242
	ngfbWebPage               :: get_content              : object cache: filtered content wp_cache salt ngfbWebPage::get_content(lang:en_US_post:5242_filtered)
	ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache ngfb_9f717897ed85650f0103a9ae58348b50
	ngfbMedia                 :: get_content_images       : 2 x matching <img/> html tag(s) found
	ngfbMedia                 :: get_content_images       : src = https://www.cardboardrepublic.com/wp-content/uploads/2013/07/rss.png (32x32)
	ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small
	ngfbMedia                 :: get_content_images       : src = https://www.cardboardrepublic.com/wp-content/uploads/2013/07/VR-Logo-front.png (200x200)
	ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small
	ngfbMedia                 :: get_default_image        : args (num = 3, size_name = ngfb-open-graph, check_dupes = true)

Shows that no images are attached, two images were found in the content, but both were rejected for being too small.

js.

Thread Starter

(@rlaflamme)

Thanks for the confirmation of the readings.

Regarding these issues, you’ll have to forgive my ignorance.

On the first one: how does one determine which attached images get pulled? It seems it’s based on order in the gallery or on the page. Is there a plugin or snippet that can control / alter the attachment order?

Regarding the second: how is it possible that an image could be unattached to the post but still be in the post? I assume that if the image, even if below the minimum, was shown as attached to the post, it would be a fix to that particular issue.

Plugin Author

(@jsmoriss)

This is why I love supporting the plugin – there’s always something new to consider. ??

So, I’d left it to WordPress to return an array of attachments, and just looped through the results until I hit the max. After you question, it got me to thinking… ?? So now I sort the attachment IDs in reverse numerical order, so newest images first, then call a new filter hook, and then start processing the images. The new filter hook is called ngfb_attached_images and is documented here: https://support.surniaulula.com/solution/articles/1000000153-filter-hooks

As for attached images not being *in* the post, yes, that can happen. You add an image, it gets attached, you remove the image, and it remains attached. Unfortunately nobody developing WordPress has put any effort into making a “Detach” feature, but luckily enough, there’s a few plugins that will let you do that. ?? Here’s one, for example: https://www.ads-software.com/plugins/file-un-attach/

And if you’d like to try the new plugin with the image ID sorting, you can download it here: https://downloads.www.ads-software.com/plugin/nextgen-facebook.6.15rc1.zip

js.

Thread Starter

(@rlaflamme)

Thanks! I will try that plugin and the RC the next chance I get to see if they resolve my issues and post my findings.

Plugin Author

(@jsmoriss)