A Setup Guide for NGFB

The following is a short collection of suggestions and hints to get you started with the NGFB plugin. NGFB works great right-out-of-the-box, and you may decide to keep the default settings as-is, but modifying just a few options for your website will really help to maximize your click-through rate.

  1. Create a Facebook Page, Twitter account, and Google+ account (or Page) for your website / business (if you haven't already). You can enter your website's social information on the WordPress Settings -> Website Social Accounts page. The social account values are used for Google / SEO, Schema, Open Graph, and other meta tags, including the publisher (Organization) social profiles markup in schema.org JSON-LD format. These social accounts may also appear in Google Search results for your website / business.

  2. Ask your authors to enter their Facebook, Google+, and Twitter contact information on their user profile page. Each author's contact information can appear in various meta tags and schema.org JSON-LD markup -- if/when they complete their user profile. All URLs found in the author's contact methods will be listed in the author (Person) social profile markup. The author's "Twitter @username" will be used to include a URL to their Twitter profile as well.

    Authors should also update their Facebook Follower Settings to enable a Follow button on their shared Facebook content.

  3. Review the WordPress Settings -> Image Dimensions values.

    If your original images are large enough, you should set the Open Graph image dimensions to 1200x1200px cropped or larger (see the option's help popup for more information on image dimensions). Images that are at least 600px wide will be displayed more prominently on Facebook, and 1200px is required to avoid up-scaling images for retina / high PPI displays — so it's worth taking the time to make sure that all your original / full-size featured images are at least 1200px in width and height, along with setting an Open Graph image dimension of 1200x1200px cropped.

    The default Open Graph Image Dimensions settings are 600x600px cropped. You can reduce these values down to 200x200px, but Facebook will display these images as thumbnails on timelines. The minimum recommended image dimensions value is 600x600px cropped — for best results, use 1200px wide images or larger.

    If your original images are large enough, you should also double the default Twitter Card image dimensions from 600x600 to 1200x1200, and from 300x300 to 600x600. By offering larger images, you will allow Twitter to provide higher resolution images for retina / high DPI displays.

  4. Review all highlighted options.

    The plugin will use information from the first post on index / archive and search webpages. If you define a Default Image ID (or URL), the plugin can use this image as a fallback in case a Post / Page does not contain a suitable image, or force the default image on index / archive and/or search webpages. See the NGFB General -> Images settings tab for these options and others.

    Additional highlighted options you may want to review include the Default Article Topic, Site Description, Facebook Admin(s), and Author Name Format.

  5. Submit a few sample Posts and Pages to the Facebook Debugger to verify the accuracy of your Open Graph meta tags. A link to the Facebook Debugger also available under the Validate tab in the Social Settings metabox. Submitting a URL to the Facebook Debugger also clears Facebook's cache (after clicking the "Fetch new scrape information" button a few times), so the link under the Validate tab can be a useful resource.

  6. Submit a Post / Page to the Pinterest Rich Pin Validator and request approval for Rich Pins. Pinterest Rich Pins are an extension of Open Graph meta tags, but the Rich Pin Validator can be a little buggy, so double check any errors with the Facebook Debugger to make sure they are actual / real errors. Once approved, you can zoom a Pin to view the Rich Pin information.

  7. Submit index / archive and post / page URLs to the W3C Markup Validation Service to verify that your theme templates, and/or HTML markup generated by other plugins, conforms to the latest HTML / XHTML standards. If your webpages contain serious markup errors, social and/or search engine crawlers may be unable to parse webpage content. Fix and/or report any template markup issues with your theme author.

  8. Review the plugin codex on the support website. NGFB is a powerful tool, that can detect images and videos from a variety of sources (attached, featured, content, etc.), along with e-commerce product information. It's worth noting some of the most common questions, to get an idea of what it can do, and some of the issues that may come up. Some of the most relevant / popular ones might be:

    Frequently Asked Questions

    Other Notes

3 thoughts on “A Setup Guide for NGFB

Leave a Reply

Your email address will not be published. Required fields are marked *