๐Ÿ“˜ Facebook

Facebook Share Preview Tool

Simulate exactly how your link appears in the Facebook News Feed, right-thumbnail layout, and Messenger โ€” before you post.

โš™๏ธ Page Details
0 / 100
0 / 200
๐Ÿ‘๏ธ Live Preview
๐ŸŒ™ โ˜€๏ธ
๐Ÿ“˜Fill in the fields above to see your Facebook share preview

๐Ÿ“– How to Use This Tool

Step 01

Enter Page Info

Fill in the title, description, image URL, and domain of the page you want to share on Facebook.

Step 02

Switch Views

Toggle between Feed Large Image, Feed Thumbnail, and Messenger preview to test every context.

Step 03

Check Both Themes

Toggle dark/light mode to make sure your card reads well on Facebook's different color schemes.

Step 04

Copy & Implement

Copy the generated OG meta tags, paste into your HTML <head>, and publish.

๐Ÿ’ก About Facebook Link Sharing

When a URL is shared on Facebook โ€” whether in a post, a comment, or via Messenger โ€” Facebook's crawler (facebookexternalhit) fetches your page and reads its OpenGraph meta tags to build the link preview. The quality of your OG tags has a direct impact on engagement: posts with rich previews consistently outperform plain-URL posts in clicks and shares.

Facebook renders link cards in different layouts depending on context. The large image card (News Feed default) shows a full-width image above your domain, title, and description. The thumbnail card appears when sharing to specific groups or when no large image is detected. Messenger shows a compact card inside the chat bubble.

Facebook-specific tips:

  • Image dimensions: 1200ร—630px for large cards, 200ร—200px minimum for thumbnail
  • Facebook caches OG data aggressively โ€” use the Sharing Debugger to force a refresh after changes
  • Title should be concise: Facebook truncates at ~65 characters in most views
  • Include og:url to prevent Facebook from choosing a random canonical URL
  • Avoid misleading previews โ€” Facebook penalizes clickbait with reduced distribution