NGFB Open Graph+ describes the content of webpages for social websites. You can also enable some social sharing buttons and share the URL to a webpage, but not individual components (like images or paragraphs) within that page. It is possible to share the URL to an image using various techniques (browser addons, Pin It button overlays, manually cut-and-paste an image URL, etc.), but images are not HTML webpages – social websites read the header section of HTML webpages to enrich the social post. An image is just an image. Social websites do not read EXIF information within images, so images stand on their own, without any reference to their original location, or any kind of related title, description, author information, etc. Sharing an image URL is akin to sharing a paragraph of text – there is no link to the source (ie. a webpage on your site).
The correct way to share a single image, including it’s title and any descriptive text, is to share an HTML webpage that contains that image. This can be a simple template with no content besides the image on a black background, or the image with accompanying descriptive text, paragraph, header, sidebar, etc., but the image must be within the context of an HTML “container”.
There are a variety of ways to do this:
- When viewing an image in the WordPress Media Library, use the “View Attachment Page” button. Since this is a webpage, and not simply a standalone image, NGFB Open Graph+ will add meta tags to describe its content for social websites. When you share this attachment page URL, the correct title, description, thumbnail, price (for ecommerce products), etc. will be available to the social websites.
- If your image is in NextGEN Gallery, you must use the ImageBrowser option to view images individually within an HTML webpage, which you can then share on social websites. If you use a “lightbox” effect to view images, there is no URL available to recreate that lightbox view. The URL points to the original webpage, not the overlayed image.
- If you would like to share a product image, you should share the product page. NGFB Open Graph+ will detect and use any featured, attached, or included images in the Open Graph, Rich Pin, and Twitter Card meta tags.