內容簡介
Social Preview and Open Graph Tags 外掛幫助您控制 WordPress 內容在社交媒體、訊息應用程式及連結預覽工具上的顯示方式。它自動添加 Open Graph 元標籤及 X/Twitter Card 標籤，提升分享時的視覺效果和資訊準確性。
【主要功能】
• 自動添加 Open Graph 標籤以改善社交分享預覽
• 添加 X/Twitter Card 標籤以顯示大型圖片
• 控制標題、描述、URL、圖片及作者等元資料
• 改善 WooCommerce 產品的分享預覽
• 選擇回退圖片以應對缺少特色圖片的情況
• 與 Yoast SEO、WooCommerce 及 SubHeading 兼容
外掛標籤
開發者團隊
② 後台搜尋「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.
What is a social preview?
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.
Main features
Add Open Graph tags for social sharing previews.
Add X/Twitter Card tags for large image previews on X/Twitter.
Control titles, descriptions, URLs, images, site name, content type, locale, author, and publisher metadata.
Improve WooCommerce product previews when product links are shared.
Choose fallback images when posts or products do not have a featured image.
Use featured images, custom Open Graph images, first content images, gallery images, or default images.
Add optional SEO meta tags when another SEO plugin is not already handling them.
Configure Facebook-specific publisher, App ID, Admin ID, and cache options.
Use cache and image tools to troubleshoot incorrect preview images.
Work with Yoast SEO, WooCommerce, and SubHeading.
Customize output with developer filters.
Open Graph tags for social previews
Open Graph tags help many platforms understand how your content should appear when shared.
The plugin can output Open Graph metadata for:
Title
Site name
URL
Description
Image
Image dimensions
Content type
Homepage type
Author
Published date
Modified date
Article section
Locale
Declaration method
Related Tags
* og:title: From post/page/archive/tag/… 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’t exist from the first image in the post content, or if it doesn’t exist from the first image on the post media gallery, or if it doesn’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: “website” or “blog” for the homepage, “product” for WooCommerce products and “article” 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.
Works with Facebook, LinkedIn, WhatsApp, Slack, Discord and more
Social Preview and Open Graph Tags helps improve previews on platforms and apps such as:
Facebook
LinkedIn
WhatsApp
Telegram
Slack
Discord
Pinterest
Reddit
Microsoft Teams
iMessage
Messenger
X/Twitter through Twitter Card tags
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.
X/Twitter Card support
The plugin includes X/Twitter Card settings for better previews when your content is shared on X/Twitter.
Available X/Twitter Card options include:
Twitter/X title
Twitter/X URL
Twitter/X description
Twitter/X image
Post or page author
Publisher username
Website Twitter/X username
Card type
Summary Card with Large Image support
Related Tags
* twitter:title: Same as og:title.
* twitter:url: Sames as og:url.
* twitter:description: Same as og:description.
* twitter:image: Same as og:image.
* twitter:creator: From the user (post author) Twitter account.
* twitter:site: The website Twitter account.
* twitter:card: With value “summary_large_image” or “summary”.
This helps your shared links appear with a larger and more attractive preview image.
WooCommerce social preview support
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:
Product page title
Product description
Product featured image
Product page URL
Store site name
Open Graph image metadata
X/Twitter Card image metadata
Default fallback image when needed
This is useful for:
Product sharing on Facebook and LinkedIn
WhatsApp product links
Pinterest product discovery
Social media campaigns
Affiliate product pages
Product launch pages
Store owners who want cleaner product thumbnails in shared links
Unlike WooCommerce-only Open Graph plugins, this plugin can also manage social previews for posts, pages, archives, custom post types, and general WordPress content.
Image control and fallback images
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:
Custom Open Graph Image field on the post
Post or page featured image
First image from post or page content
First image from the post or page media gallery
Default fallback image
You can also configure:
Default image URL
Recommended Open Graph image size
PNG logo overlay option
RSS/RSS2 image support
Cached image dimension reset tools
Advanced image size handling options
Fallback images are especially useful for older posts, imported content, archive pages, and WooCommerce products without strong featured images.
Optional SEO meta tags
The plugin can output basic SEO meta tags when another SEO plugin is not already generating them.
Available SEO tag options include:
Canonical URL
Meta description
Author name
Publisher name
Related Tags
* canonical: Same as og:url.
* meta description: Same as og:description.
* meta author: From the user (post author) Display Name.
* meta publisher: From the website title.
* enclosure: On RSS feeds, same as og:image.
* media:content: On RSS feeds, same as og:image.
These options should only be enabled when another SEO plugin is not already handling them. This helps avoid duplicate metadata.
Facebook-specific settings
The plugin includes advanced Facebook Open Graph settings for users who need more control.
Available Facebook options include:
Facebook publisher tag
Website Facebook Page URL
Facebook Admin ID
Facebook Platform App ID
Facebook Open Graph cache clearing
App ID and App Secret fields for authenticated cache clearing
Cache notice suppression
These settings are useful when managing websites where Facebook previews must update quickly after content changes.
General settings
Global settings help you control how metadata is generated across your website.
General options include:
Description maximum length
Homepage description source
Default description source
Default Open Graph image
Image source priority
URL trailing slash option
Hide author tags on pages
Keep plugin data on uninstall
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.
Troubleshooting tools
The plugin includes tools for resolving preview image and cache issues.
Available tool:
Clear image transients and cached image dimensions
This can help when platforms show old images, incorrect crops, or outdated metadata after a post, page, or product has been updated.
Developer friendly
Developers can customize the generated metadata using filters.
Available filters include:
fb_og_title
fb_og_desc
fb_og_url
fb_og_type
fb_type_schema
fb_og_image
fb_og_image_additional
fb_og_image_overlay
fb_og_locale
fb_og_app_id
fb_og_thumb_fill_color
fb_og_output
fb_og_enabled
These filters make the plugin useful for agencies, custom WordPress builds, WooCommerce stores, custom post types, and advanced implementations.
Third- Party Compatibility:
The plugin includes compatibility checks and integration settings for popular WordPress plugins.
Supported integrations include:
Yoast SEO: Allows you to use the title, URL (canonical), and description from the Yoast SEO plugin.
WooCommerce: On product pages sets og:type to “product” and adds the price including tax to the product:price and product:availability tags. Also allows you to use the Product Category thumbnails as Open Graph Image and have Product Gallery images as additional Open Graph Images
WooCommerce Brands: On brand pages uses the brand image as Open Graph Image
Why choose Social Preview and Open Graph Tags?
Choose this plugin if you want:
A focused social preview plugin for WordPress
Open Graph tags without unnecessary frontend share buttons
X/Twitter Card support
WooCommerce product social preview support
Fallback image handling
Optional SEO meta tags
Compatibility with Yoast SEO and WooCommerce
Developer filters for custom metadata output
Control over which tags are included or excluded
This plugin is designed for metadata and preview control. It does not add social share buttons and does not publish content to social networks.
Important note
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.
