How does NGFB Open Graph+ find images?
The images used in the Open Graph meta tags for Posts and Pages are chosen in this sequence:
- An image defined in the Post or Page Open Graph+ Custom Settings (Pro version).
- E-commerce product image(s) (Pro version).
- A featured or attached image from NextGEN Gallery or the WordPress Media Library.
- An image from the NextGEN Gallery ImageBrowser (in combination with an
- A preview image from a NextGEN Gallery
- Image(s) from expanded NextGEN Gallery
- Image(s) from
<img/>HTML tags in the Post or Page content text.
- A default image defined in the NGFB Open Graph+ plugin settings.
When NGFB Open Graph+ gets down to scanning the content, it looks for:
- NextGEN Gallery <div|a|img/> HTML tags with the ‘data-ngg-pid’ or ‘data-image-id’ attribute.
- <img/> HTML tags with the ‘data-wp-pid’ attribute.
- Any other <img/> HTML tags with a ‘src’ attribute, and checking the image URL, it also tries to match a pre-v2 NextGEN Gallery image ID.
All of these methods will lead to a properly sized image of the correct dimensions (since the image ID can be determined), provided the original image is large enough. Always upload the largest images you can to the Media Library and/or NextGEN Gallery, and let WordPress create the re-sized / smaller versions as required. If an original image, uploaded to the Media Library, is smaller than the Image Dimensions on the Open Graph+ General settings page, it will be ignored by the plugin.
The plugin also looks for any <img/> HTML tags in the content that have a a ‘width’ and ‘height’ attribute larger than the Image Dimensions setting.