Plugin is Not using featured image

Resolved spabav
(@spabav)

12 years, 2 months ago

Hi,

I got a page with an image in the middle:

sample:
http://www.healthtipswatch.com/12-realistic-tips-to-quit-smoking.html

the image is 450×300 in size
(http://media.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450×300.jpg)
and it is NOT what we would like to be used as og:image.

Instead, we have setup a featured image
http://media.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking.jpg which is size 800x533px in the post.

However, the plugin is NOT choosing the featured image.

The Facebook debugger return the 450×300 image from the page as set for og:Img, which is not what we wanted.

I read on your page:
http://surniaulula.com/codex/plugins/nextgen-facebook/faq/how-does-ngfb-open-graph-find-images/

that the plugin is supposedly to use the featured image BEFORE any image shown on the page.

So , I am confused. Because it looks like it is not taking any featured image at all.

Did i setup anything wrong?

Please let me know how can we get the plugin to use the featured image for og:img.

Would be great if you could help me.

PS: I setup the image dimensions to width 789 x height 300. so our featured image should be way above that.

https://wordpress.org/plugins/nextgen-facebook/

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

Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago
I see it using the featured image (post id for http://www.healthtipswatch.com/12-realistic-tips-to-quit-smoking.html is 59241 and the featured image id from the media library is 61325):
```
NgfbMedia                     :: get_featured             : args (num = 1, size_name = ngfb-opengraph, post_id = 59241, check_dupes = true)
	NgfbMedia                     :: get_attachment_image_src : args (pid = 61325, size_name = ngfb-opengraph, check_dupes = true)
	NgfbMedia                     :: get_attachment_image_src : image_downsize() = http://www.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450x300.jpg (450x300)
	NgfbMedia                     :: get_attachment_image_src : returned image dimensions (450x300) are sufficient
```
js.
Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago

Just to be sure we’re talking about the same thing, here is a good write-up from wordpress: http://en.support.wordpress.com/featured-images/ 😉

js.

Thread Starter spabav
(@spabav)

12 years, 2 months ago

Js,

this is right:

I see it using the featured image (post id for http://www.healthtipswatch.com/12-realistic-tips-to-quit-smoking.html is 59241 and the featured image id from the media library is 61325):

But image id 61325 is this image:
http://media.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking.jpg which is size 800x533px in the post

and not :
http://www.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450×300.jpg (450×300),
which is set as og:img.

—————

To repeat and make sure we are tallking about the same thing:
On the page we show 1 image, which is
http://www.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450×300.jpg (450×300)

AND we have setup as FEATURED IMAGE inside the post:
image id 61325:
http://media.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking.jpg which is size 800x533px in the post.

So, why is the plugin stating the right ID 61325, but inserting the wrong image url ?

Strange – isn’t it?

Can you help?

Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago

The Image Dimensions you specify in the Open Graph+ General settings are used for images in the Open Graph meta tags. You specified 790×300, which creates an image that is 450×300.

js.

Thread Starter spabav
(@spabav)

12 years, 2 months ago

But js,

it is NOT creating an image as 450×300 . no.

The image it shows:
http://www.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450×300.jpg is what WE DISPlAY on OUR PAGE.

Have a look please. it takes the image “tips-to-quit-smoking-450×300.jpg” from our page.

—

I switched image size to 800 x 800 in your plugin settings.
No different result now, except that it is now putting 5 images in the og:im tag, without me even touching the “maximum image” dropdown (still set to 1 default).

js, dont get me wrong, I think there could be a bug somewhere.. or does it have to do with us using w3-total cache – as cache plugin with amazon s3 as CDN serving images?

just a thought… not sure.

please help.
Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago
http://www.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450×300.jpg is 450px × 300px.

I really don’t get what you’re trying to tell me. You set your OG dimensions to 790×300 uncropped, your featured image is ID 61325 as reported by WordPress, and when that image is resized to fit your configured dimensions, it is 450×300.

You say the image is not 450×300? When I ask my browser for information on the image, it tells me its size is 450×300. Why are you saying it’s not that size?

You have adjusted your OG Image Dimensions, but WordPress is returning an image that is too small (the returned image must be 800×800 cropped to satisfy your settings). When asked to resize the original image, WordPress is returning a failure.
```
NgfbMedia                     :: get_featured             : args (num = 1, size_name = ngfb-opengraph, post_id = 59241, check_dupes = true)
	NgfbMedia                     :: get_attachment_image_src : args (pid = 61325, size_name = ngfb-opengraph, check_dupes = true)
	NgfbMedia                     :: get_attachment_image_src : image_downsize() = http://www.healthtipswatch.com/wp-content/uploads/tips-to-quit-smoking-450x300.jpg (450x300)
	NgfbMedia                     :: get_attachment_image_src : image metadata (450x300) does not match ngfb-opengraph (800x800 cropped)
	NgfbMedia                     :: get_attachment_image_src : image_make_intermediate_size() reported failure
	NgfbMedia                     :: get_attachment_image_src : exiting early: returned image dimensions 450x300 smaller than 800x800 cropped
```
There are now NO images in your Open Graph meta tags:
```
<meta name="generator" content="NGFB Open Graph+ 7.4.1G" />
<meta property="fb:admins" content="hubert.keil.16" />
<meta property="fb:app_id" content="461622607207745" />
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="Health Tips Watch" />
<meta property="og:url" content="http://www.healthtipswatch.com/12-realistic-tips-to-quit-smoking.html" />
<meta property="og:title" content="12 Realistic Tips To Quit Smoking" />
<meta property="og:description" content="Smoking is more addictive than just about anything. Yet quitting can improve your health, well-being and life expectancy tremendously. Quitting isn&rsquo;t easy, and there are no magic bullets, but the folks over at hearthealthyonline.com have posted about 12 steps you can actually succeed at to..." />
<meta property="og:type" content="article" />
<meta property="article:publisher" content="https://www.facebook.com/healthtipswatch" />
<meta property="article:section" content="Health" />
<meta property="article:published_time" content="2014-03-09T00:15:48+00:00" />
<meta property="article:modified_time" content="2014-03-25T18:27:36+00:00" />
```
js.
Thread Starter spabav
(@spabav)

12 years, 2 months ago

Ok,

so let me ask you the question the other way around please:

– my featured image on this post is uploaded to the post
( it is the size 800x533px)

– there is another image on the page shown which is 450×300 px.

What settings do I have to put into the width and hight in your plugin to make the FEATURED IMAGE show. ONLY.

I mean the plugin should make only one og:id for the image which has been set as featured image.

What do I have to do to get the plugin to do this?

Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago

Ah, I see, there’s some confusion here about what the Image Dimensions setting does — it’s not meant to control the selection of images. ALL images should be larger than the Image Dimensions you choose (various WordPress image sizes are defined to create images for various use, but the original should always be much larger).

The selection of NGFB Open Graph+ Image Dimensions should be dictated by their intended use. For example, to get the best exposure on Facebook, you should aim for images that are 1200×630 cropped or 1200×1200 cropped (the later being more versatile for use with Pinterest etc.).

WordPress offers ONE possible featured image, and any number of “attached” images. The featured image, if present, is selected first by the plugin – attached images have a lower priority – and finally <img/> tags in the content have the lowest priority. So, if you have a featured image, it will always be chosen first. You can manually define an image in the Custom Settings for a Post/Page, but that’s a Pro version feature. The Free version does pretty much everything automatically.

From what you describe, you have a featured image *and* an attached image, and you would like the attached image to be chosen first. I’m afraid that’s not possible. The only thing that takes higher precedence is a custom image defined in the Post/Page Custom Settings (see http://surniaulula.com/codex/plugins/nextgen-facebook/faq/how-does-ngfb-open-graph-find-images/ for more info).

I hope this information helps – let me know if you have any questions.

js.

Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago

To help clear things up a bit, I’ve added a little more documentation about image sizes on that page. 😉

http://surniaulula.com/codex/plugins/nextgen-facebook/faq/how-does-ngfb-open-graph-find-images/

“A Note About Image Dimensions

NGFB Open Graph+ provides several Image Dimension options, depending on the intended use for the image (Open Graph meta tags, various Twitter Card formats, etc.). The Image Dimensions should always be chosen for their intended use. For example, Open Graph meta tags are read by Facebook, Pinterest, Google+, LinkedIn, and others. Facebook has published a preference for images measuring 1200x630px, but horizontally cropped images may not show as well on Pinterest. A good compromise for your Open Graph Image Dimensions is 1200x1200px cropped. If you use these dimensions, make sure your original images are at least 1200px in both height and width.”

Hopefully that’ll help explain things a little better. 😉

Thanks,

js.

Thread Starter spabav
(@spabav)

12 years, 2 months ago

Ok, so I think I understand now where all the confusion comes from.

e.g. i set the dimensions for the og:image in the plugin to 650 x 650 non-crop.

the plugin will use the featured image – IF it is that size or larger.

If the featured image is smaller – your plugin will NOT use the featured image.

Thats at least what I am seeing here.

Can you confirm this please?

Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago

That’s correct — the plugin rejects images where the uploaded original is too small for the chosen dimensions.

js.

Thread Starter spabav
(@spabav)

12 years, 2 months ago

Ok, so that was the thing i did not understand, and thought it was a bug.

It rejects smaller images , but also does LIMIT larger images to the any of the two dimensions in the settings? correct?

I think there is a small flaw in this behauvior of the plugin… please be with me for a moment:

Imagine I set the image size to 800 x 800 non crop.
All images with this size or larger will be shown as og:image.
All images which are larger in size will be trimmed to either 800 width or 800 height and shown as og:image.

Now what about an image I got which is say, 700 x 400. well it will not be shown.
Is that really what you want to achieve? I would like to show the 700×400 as og:image.

The only way to make this happen now, would be to reduce the settings image size to 700×700 non crop. Which will automatically reduce the og:image size for ALL MY OTHER IMAGES on the site.

So, its kind of … like shooting myself in the foot – or isn’t it.

I mean with the new changed way of FB displaying thumbnails of URL links, it is important to show the image as large as possible, but do I really want to “miss out” on an image which is slightly smaller in size?

It is just a thought JS, please don’t get me wrong. I think what you say is

” it is not a bug – it is a feature ”

and you are right, your plugin controls that no smaller images are shared, but it minimizes the shared image size at the same time… and I think this is not what you want on FB these days.

Anyway… just a thought.

Thank you for your help and sorry that it took me so long to understand how your plugin works.

Plugin Author JS Morisset
(@jsmoriss)

12 years, 2 months ago

You can uncheck the “Ignore Small Images” (in the Pro version) to allow for smaller images to be included in your meta tags. I always suggest that users upload the largest images possible, and let WordPress functions return smaller/resized images for various uses. It’s important, for example, that images for Facebook be at least 1200px to get the best exposure in Facebook’s timeline.

js.

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

The topic ‘Plugin is Not using featured image’ is closed to new replies.