Control how your WordPress posts, pages, WooCommerce products, and custom post types look when shared on Facebook, X/Twitter, LinkedIn, WhatsApp, Slac &hellip;

Social Preview and Open Graph Tags

Social Preview and Open Graph Tags help you control how your WordPress content appears when shared on social media, messaging apps, and link preview tools.
The plugin automatically adds Open Graph meta tags, X/Twitter Card tags, and optional SEO meta tags to your website. These tags help platforms understand the correct title, description, URL, image, author, content type, and other metadata to use when building rich link previews.
This plugin was previously known as Open Graph and Twitter Card Tags. The new name better reflects what the plugin helps you achieve: better social previews across modern sharing platforms.
Use it for blogs, publishers, business websites, agencies, WooCommerce stores, and custom WordPress projects that need clean social previews without depending on a large SEO suite only for social metadata.
<h4>What is a social preview?</h4>
A social preview is the card shown when someone shares your website link on a platform such as Facebook, LinkedIn, WhatsApp, Slack, Discord, Pinterest, Telegram, or X/Twitter.
A good preview usually includes:
A clear title 
A useful description 
The correct page URL 
A large preview image 
Site name and content type 
Author or publisher details when needed
Without proper metadata, platforms may show the wrong image, no image, an outdated title, or a poor description. This plugin adds the metadata needed to create better-looking link previews.
<h4>Main features</h4>
<ul>
<li>Add Open Graph tags for social sharing previews.</li>
<li>Add X/Twitter Card tags for large image previews on X/Twitter.</li>
<li>Control titles, descriptions, URLs, images, site name, content type, locale, author, and publisher metadata.</li>
<li>Improve WooCommerce product previews when product links are shared.</li>
<li>Choose fallback images when posts or products do not have a featured image.</li>
<li>Use featured images, custom Open Graph images, first content images, gallery images, or default images.</li>
<li>Add optional SEO meta tags when another SEO plugin is not already handling them.</li>
<li>Configure Facebook-specific publisher, App ID, Admin ID, and cache options.</li>
<li>Use cache and image tools to troubleshoot incorrect preview images.</li>
<li>Work with Yoast SEO, WooCommerce, and SubHeading.</li>
<li>Customize output with developer filters.</li>
</ul>
<h4>Open Graph tags for social previews</h4>
Open Graph tags help many platforms understand how your content should appear when shared.
The plugin can output Open Graph metadata for:
<ul>
<li>Title</li>
<li>Site name</li>
<li>URL</li>
<li>Description</li>
<li>Image</li>
<li>Image dimensions</li>
<li>Content type</li>
<li>Homepage type</li>
<li>Author</li>
<li>Published date</li>
<li>Modified date</li>
<li>Article section</li>
<li>Locale</li>
<li>Declaration method</li>
</ul>
Related Tags 
* og:title: From post/page/archive/tag/&#8230; title. 
* og:site_name: From blog title. 
* og:url: From the post/page permalink. 
* og:description: From our specific custom field of the post/page, or if not set post/page excerpt if it exist, or from post/page content. From category/tag description on its pages, if it exist. From tagline, or custom text, on all the others. 
* og:image: From our specific custom field of the post/page, or if not set from the post/page featured/thumbnail image, or if it doesn&#8217;t exist from the first image in the post content, or if it doesn&#8217;t exist from the first image on the post media gallery, or if it doesn&#8217;t exist from the default image defined on the options menu. The same image chosen here will be used and enclosure/media:content on the RSS feed. 
* og:image:url: Same as og:image. 
* og:image:secure_url: Same as og:image if SSL is being used. 
* og:image:width and og:image:height: Image dimensions. 
* og:type: &#8220;website&#8221; or &#8220;blog&#8221; for the homepage, &#8220;product&#8221; for WooCommerce products and &#8220;article&#8221; for all the others. 
* article:author: From the user (post author) Faceboook Profile URL. 
* article:published_time: Article published time (for posts only) 
* article:modified_time and og:updated_time: Article modified time (for posts only) 
* article:section: From post categories. 
* article:publisher: The website Facebook Page URL. 
* og:locale: From WordPress locale or chosen by the user. 
* og:price:amount and og:price:currency: Price on WooCommerce products.
These tags are commonly used by Facebook and are also read by many other apps and services that generate link previews.
<h4>Works with Facebook, LinkedIn, WhatsApp, Slack, Discord and more</h4>
Social Preview and Open Graph Tags helps improve previews on platforms and apps such as:
<ul>
<li>Facebook</li>
<li>LinkedIn</li>
<li>WhatsApp</li>
<li>Telegram</li>
<li>Slack</li>
<li>Discord</li>
<li>Pinterest</li>
<li>Reddit</li>
<li>Microsoft Teams</li>
<li>iMessage</li>
<li>Messenger</li>
<li>X/Twitter through Twitter Card tags</li>
</ul>
The plugin does not connect to these platforms, post on your behalf, or use their APIs for normal preview generation. It adds metadata to your WordPress website so crawlers and preview generators can read it.
<h4>X/Twitter Card support</h4>
The plugin includes X/Twitter Card settings for better previews when your content is shared on X/Twitter.
Available X/Twitter Card options include:
<ul>
<li>Twitter/X title</li>
<li>Twitter/X URL</li>
<li>Twitter/X description</li>
<li>Twitter/X image</li>
<li>Post or page author</li>
<li>Publisher username</li>
<li>Website Twitter/X username</li>
<li>Card type</li>
<li>Summary Card with Large Image support</li>
</ul>
Related Tags 
* twitter:title: Same as <code>og:title</code>. 
* twitter:url: Sames as <code>og:url</code>. 
* twitter:description: Same as <code>og:description</code>. 
* twitter:image: Same as <code>og:image</code>. 
* twitter:creator: From the user (post author) Twitter account. 
* twitter:site: The website Twitter account. 
* twitter:card: With value &#8220;summary_large_image&#8221; or &#8220;summary&#8221;.
This helps your shared links appear with a larger and more attractive preview image.
<h4>WooCommerce social preview support</h4>
Social Preview and Open Graph Tags supports WooCommerce product pages, making it useful for store owners who want better product previews when links are shared.
For WooCommerce stores, the plugin can help social platforms use:
<ul>
<li>Product page title</li>
<li>Product description</li>
<li>Product featured image</li>
<li>Product page URL</li>
<li>Store site name</li>
<li>Open Graph image metadata</li>
<li>X/Twitter Card image metadata</li>
<li>Default fallback image when needed</li>
</ul>
This is useful for:
<ul>
<li>Product sharing on Facebook and LinkedIn</li>
<li>WhatsApp product links</li>
<li>Pinterest product discovery</li>
<li>Social media campaigns</li>
<li>Affiliate product pages</li>
<li>Product launch pages</li>
<li>Store owners who want cleaner product thumbnails in shared links</li>
</ul>
Unlike WooCommerce-only Open Graph plugins, this plugin can also manage social previews for posts, pages, archives, custom post types, and general WordPress content.
<h4>Image control and fallback images</h4>
A strong social preview depends on the right image. The plugin gives you flexible control over where social preview images come from.
Image source priority can include:
<ul>
<li>Custom Open Graph Image field on the post</li>
<li>Post or page featured image</li>
<li>First image from post or page content</li>
<li>First image from the post or page media gallery</li>
<li>Default fallback image</li>
</ul>
You can also configure:
<ul>
<li>Default image URL</li>
<li>Recommended Open Graph image size</li>
<li>PNG logo overlay option</li>
<li>RSS/RSS2 image support</li>
<li>Cached image dimension reset tools</li>
<li>Advanced image size handling options</li>
</ul>
Fallback images are especially useful for older posts, imported content, archive pages, and WooCommerce products without strong featured images.
<h4>Optional SEO meta tags</h4>
The plugin can output basic SEO meta tags when another SEO plugin is not already generating them.
Available SEO tag options include:
<ul>
<li>Canonical URL</li>
<li>Meta description</li>
<li>Author name</li>
<li>Publisher name</li>
</ul>
Related Tags 
* canonical: Same as <code>og:url</code>. 
* meta description: Same as <code>og:description</code>. 
* meta author: From the user (post author) Display Name. 
* meta publisher: From the website title. 
* enclosure: On RSS feeds, same as <code>og:image</code>. 
* media:content: On RSS feeds, same as <code>og:image</code>.
These options should only be enabled when another SEO plugin is not already handling them. This helps avoid duplicate metadata.
<h4>Facebook-specific settings</h4>
The plugin includes advanced Facebook Open Graph settings for users who need more control.
Available Facebook options include:
<ul>
<li>Facebook publisher tag</li>
<li>Website Facebook Page URL</li>
<li>Facebook Admin ID</li>
<li>Facebook Platform App ID</li>
<li>Facebook Open Graph cache clearing</li>
<li>App ID and App Secret fields for authenticated cache clearing</li>
<li>Cache notice suppression</li>
</ul>
These settings are useful when managing websites where Facebook previews must update quickly after content changes.
<h4>General settings</h4>
Global settings help you control how metadata is generated across your website.
General options include:
<ul>
<li>Description maximum length</li>
<li>Homepage description source</li>
<li>Default description source</li>
<li>Default Open Graph image</li>
<li>Image source priority</li>
<li>URL trailing slash option</li>
<li>Hide author tags on pages</li>
<li>Keep plugin data on uninstall</li>
</ul>
These options apply across supported content types, including posts, pages, products, archives, and custom post types.
You can control which tags are generated to reduce conflicts with SEO plugins or other metadata plugins.
<h4>Troubleshooting tools</h4>
The plugin includes tools for resolving preview image and cache issues.
Available tool:
<ul>
<li>Clear image transients and cached image dimensions</li>
</ul>
This can help when platforms show old images, incorrect crops, or outdated metadata after a post, page, or product has been updated.
<h4>Developer friendly</h4>
Developers can customize the generated metadata using filters.
Available filters include:
<ul>
<li>fb_og_title</li>
<li>fb_og_desc</li>
<li>fb_og_url</li>
<li>fb_og_type</li>
<li>fb_type_schema</li>
<li>fb_og_image</li>
<li>fb_og_image_additional</li>
<li>fb_og_image_overlay</li>
<li>fb_og_locale</li>
<li>fb_og_app_id</li>
<li>fb_og_thumb_fill_color</li>
<li>fb_og_output</li>
<li>fb_og_enabled</li>
</ul>
These filters make the plugin useful for agencies, custom WordPress builds, WooCommerce stores, custom post types, and advanced implementations.
<h4>Third- Party Compatibility:</h4>
The plugin includes compatibility checks and integration settings for popular WordPress plugins.
Supported integrations include:
<ul>
<li><a href="https://wordpress.org/plugins/wordpress-seo/" rel="ugc">Yoast SEO</a>: Allows you to use the title, URL (canonical), and description from the Yoast SEO plugin.</li>
<li><a href="https://wordpress.org/plugins/woocommerce/" rel="ugc">WooCommerce</a>: On product pages sets <code>og:type</code> to &#8220;product&#8221; and adds the price including tax to the <code>product:price</code> and <code>product:availability</code> tags. Also allows you to use the Product Category thumbnails as Open Graph Image and have Product Gallery images as additional Open Graph Images</li>
<li><a href="https://woocommerce.com/products/brands/" rel="nofollow ugc">WooCommerce Brands</a>: On brand pages uses the brand image as Open Graph Image</li>
</ul>
<h4>Why choose Social Preview and Open Graph Tags?</h4>
Choose this plugin if you want:
<ul>
<li>A focused social preview plugin for WordPress</li>
<li>Open Graph tags without unnecessary frontend share buttons</li>
<li>X/Twitter Card support</li>
<li>WooCommerce product social preview support</li>
<li>Fallback image handling</li>
<li>Optional SEO meta tags</li>
<li>Compatibility with Yoast SEO and WooCommerce</li>
<li>Developer filters for custom metadata output</li>
<li>Control over which tags are included or excluded</li>
</ul>
This plugin is designed for metadata and preview control. It does not add social share buttons and does not publish content to social networks.
<h4>Important note</h4>
Social Preview and Open Graph Tags is not affiliated with, endorsed by, or connected to Facebook, Meta, X/Twitter, Google, LinkedIn, Pinterest, WooCommerce, or any other third-party platform.
The plugin adds metadata to your WordPress site so social platforms and messaging apps can read your content correctly when a URL is shared.

Alternative Plugins for

Discover the Lists with Social Preview and Open Graph Tags

Basic Genesis install

WiananGroup Woocommerce

plugins

PluginList2017

namaroopa before migrate

Most Often Used Plugins

rostanetek

vol intsall

Micheal Dirk

Essential Plugins