nextgen add images to facebook thumbnails

There’s no relationship/connection between the meta tags added to webpage headers, and the social buttons. Social buttons only send a URL — everything else is provided by the meta tags. So, yes, feel free to disable the buttons and/or use different buttons from other plugin(s).

There’s no need to define a featured image. Here’s the relevant part from the FAQ:

Q. How does NGFB find images to include in the Open Graph meta tags?

A. The images used in the Open Graph meta property tags for Posts and Pages are chosen in this sequence:

– A featured or attached image from NextGEN Gallery or the WordPress Media Library.
– An image from the NextGEN Gallery ImageBrowser (in combination with an [nggalbum] or [nggallery] shortcode).
– A preview image from a NextGEN Gallery [nggalbum] or [nggallery] shortcode.
– Image(s) from expanded NextGEN Gallery [singlepic], [nggallery] or [nggtags] shortcodes.
– Image(s) from HTML <img/> tags in the Post or Page content text.
– A default image defined in the NGFB plugin settings.

I’m guessing you’re not using any of these, right?

It looks like you’re using something called “royalslider”. It may get it’s images from NextGEN Gallery, but it’s not generating “NetGEN Gallery compatible HTML”. For example:

<div class="entry-content">
<div id="gallery-1" class="royalSlider rsDefault">
<div class="rsContent">
<a class="rsImg" href="https://theyrep.net/theyrep/wp-content/gallery/sonia-leal-serafim-new-work-draft/theymag-ww-1.jpg"></a><br />
<img class="rsTmb" src="https://theyrep.net/theyrep/wp-content/gallery/sonia-leal-serafim-new-work-draft/thumbs/thumbs_theymag-ww-1.jpg"/>
</div>

To provide this image in the Open Graph meta tags, NGFB Open Graph needs either the width and height (missing from your code), or the NextGEN Gallery image ID (also missing).

NextGEN Gallery provides the images IDs in the form of a <div> with id="ngg-image-#". If that id was included, NGFB Open Graph+ could detect and include those images.

So, you have two options as I see it:

1) add the missing id attributes in the form of ‘ngg-image-#’.

2) or see the FAQ entry “Why does NGFB ignore the <img/> HTML tags in my content?”.

Let me know if there’s something else I can assist you with.

Thanks,

js.

FYI – The relevant part of the debug information:

ngfbWebPage               :: get_content              : using content from post id 44
ngfbWebPage               :: get_content              : object cache: filtered content wp_cache id salt "ngfbWebPage::get_content(post:44_filtered)"
ngfbWebPage               :: get_content              : object cache: filtered content retrieved from wp_cache for id "ngfb_34fc4532e0a50f00c3df11b3911949a1"
ngfbMedia                 :: get_content_images       : no <div id="ngg-image-#"> html tag found
ngfbMedia                 :: get_content_images       : 19 x <img/> html tag(s) found
ngfbMedia                 :: get_content_images       : src = https://theyrep.net/theyrep/wp-content/gallery/sonia-leal-serafim-new-work-draft/thumbs/thumbs_theymag-ww-1.jpg (0x0)
ngfbMedia                 :: get_content_images       : src image rejected: width and height attributes missing or too small

You can turn off debug mode now (to improve performance). ??

I’ll close this thread since there’s no issue with the plugin, but feel free to post a follow-up if you have additional questions.

Thanks,

js.

This is great – I added the code to add NextGen gallery IDs and all is well. I have purchased PRO.
Thanks!
Rob

Excellent! Glad things worked out. ??

js.