Social Share Preview
FREE TOOL · NO SIGN-UP
A social share preview shows how a link card will look when someone posts your URL on Facebook, X, LinkedIn, WhatsApp or Pinterest. Type the title, description, page URL and image URL you plan to use in your Open Graph tags into the tool above, then switch between platforms or view them all at once. You can spot cut-off headlines, missing images and bad crops before the link goes live, instead of after it has been shared.
What a Social Media Share Preview Shows
When you paste a link into a social post or chat, the platform reads the page’s meta tags and builds a link card. Most networks use Open Graph tags (og:title, og:description, og:image, og:url). X also reads its own Twitter card tags and falls back to Open Graph when they are missing.
A typical card has three parts: a share image, a headline and a short line of description text, plus the domain name. Each platform arranges these differently, trims text at different lengths and crops the image to its own aspect ratio. The same tags can look sharp on Facebook and awkward on Pinterest.
This tool draws those cards from the values you enter. It does not crawl your page, so you can test copy and images before you publish or while a page is still on staging. Your browser loads the image directly from the URL you provide; FHSEO Hub never fetches or stores your page.
Use it as a design check. To confirm what a live page actually outputs, use the platform debuggers covered further down.
Four Platforms, Four Different Crops
The preview has six views: All, Facebook, X, LinkedIn, WhatsApp and Pinterest. The “All” view stacks every card so you can compare them in one scroll. Single views are easier when you are tuning one network.
Pay most attention to two things across views: whether the important part of the image survives each crop, and whether the title still makes sense when it is cut short. A title that works at 90 characters on one platform may lose its key word on another.
Facebook and LinkedIn card layouts
Facebook and LinkedIn both show a wide landscape image above the text, with the domain, title and a line of description underneath. They are designed around a roughly 1.91:1 image, which is why 1200 × 630 pixels is the common recommendation for og:image.
Both platforms truncate long titles, usually to around two lines depending on screen width. The tool warns you when a title runs past 60 characters, since that is roughly where the risk of cutting begins on these layouts. LinkedIn tends to show less description text than Facebook, so put the essential information in the title.
X large-image and summary cards
X shows two main card styles. The summary_large_image card displays a wide image with the title and domain, similar to Facebook. The summary card shows a small square thumbnail next to the text, which crops a landscape image hard.
The X view in this tool uses the large-image layout. If you need to control which card type X uses, and add twitter:site or twitter:creator handles, build the tags with the Twitter (X) Card Generator, which has its own preview for both card types.
Pinterest and messaging apps
Pinterest favors tall images. The preview shows a 2:3 vertical pin with the title underneath, which makes it obvious when a landscape share image will be cropped into a thin strip. If Pinterest traffic matters, design a separate vertical image for pins.
WhatsApp shows a compact card with a small image next to the title and description. Other chat apps such as Slack and Discord read Open Graph tags as well and display similar compact previews, so the WhatsApp view is a reasonable stand-in for messaging apps in general.
How to Check a Link in Three Steps
Enter your text. Type the title and description you plan to use in your og:title and og:description tags. If your page already has them, copy the values from the page source.
Add the page URL and image. The page URL sets the domain shown on the cards. The image URL must be a full, public link that starts with https://. If the image does not load in the preview, platforms will not be able to load it either.
Switch platforms and fix problems. Click through Facebook, X, LinkedIn, WhatsApp and Pinterest. Read the warnings under the preview: long titles, long descriptions and missing images are flagged automatically. Edit the fields until every card looks right.
When you are happy, copy the final values into your SEO plugin’s social settings or generate the tags with the Open Graph Generator. The tool keeps nothing after you leave, so save your final copy somewhere first.
Building a Great Share Card
A good share card does one job: make the right person want to click. That needs a clear headline, a description that adds a reason to click, and an image that is readable at small sizes. Consistent branding across your cards (the same logo position, colors and type style) also makes your links recognizable in a busy feed.
Writing a title and description for social
Social titles do not need to match your SEO title tag. Search titles are written for queries; social titles are written for people scrolling. You can be more direct or more conversational, as long as the card does not promise something the page does not deliver.
Keep the title under about 60 characters so it survives on most layouts, and put the most important words first. Use the description to add one concrete detail, such as what the reader will learn, a price or a time saving. Many networks show only a line or two, so do not save the key point for the end.
Choosing image size and safe zones
Use a 1200 × 630 pixel image for og:image as a default. It fits Facebook, LinkedIn and X large-image cards well. Keep text and logos inside the center of the image, since each platform crops edges slightly differently and the X summary card and WhatsApp thumbnail crop to a square.
Keep text on the image large and short. Most people see your card on a phone, where small type becomes unreadable. Save images as JPG or PNG, keep file size reasonable so platforms fetch them reliably, and set a fallback image in your SEO plugin for pages without their own.
Tools like Canva or Placid make it easy to build a reusable template so every page gets a consistent card.
Fixing Cached or Broken Previews
Platforms cache link previews. If you shared a link before fixing its tags, the old card can keep appearing for days. To force a refresh:
Facebook: paste the URL into the Facebook Sharing Debugger and click “Scrape Again”. This also shows which og tags Facebook found and any errors.
LinkedIn: paste the URL into the LinkedIn Post Inspector, which fetches the page fresh and shows the card it will use.
X: X removed the preview from its Card Validator, so the practical test is to draft a post with the link (you do not have to publish it) and see the card.
If a preview is broken rather than outdated, check that the image URL is absolute and public, that the page is not blocked by robots.txt or a login, that the og tags are in the page head and not injected late by JavaScript, and that the server returns the page to crawlers without errors.
Preview Mistakes That Cost Clicks
No og:image at all. Platforms then pick a random image from the page, often a logo or an icon, or show no image.
Relative image paths. “/images/card.jpg” will not work. Use the full https URL.
Text near the edges. Headlines placed at the edge of the image get cropped on square thumbnails.
Reusing one image everywhere. A sitewide default is better than nothing, but a page-specific image is far more likely to stand out.
Title stuffed with keywords. Social readers are not search engines. A list of keywords reads like spam in a feed.
Forgetting the cache. Fixing tags after sharing does nothing until you refresh the preview in each platform’s debugger.
Social Previews and Search Visibility
Open Graph tags and share images are not Google ranking factors. Google uses its own title links and snippets and generally ignores og tags for ranking.
That said, a good share card affects how many people click your link when it is shared, and more shares can bring more visitors, mentions and links over time. Social previews are best treated as part of the same job as your title tag and meta description: presenting the page well wherever it appears. Check your search snippet separately with the SERP Snippet Preview.
Making Every Shared Link Look Intentional
Check each important page here before it goes out, then generate the tags with the Meta Tag Generator or your SEO plugin. You will find related social, meta and schema tools in the FHSEO Hub free SEO tools collection.