Meta Tags Preview for Social Media
Write a title, description, canonical URL, and social image once, then preview how the page looks on Google, Facebook, X, LinkedIn, Pinterest, Slack, Discord, and Telegram. Copy the HTML tags when it looks right. Free, no signup, and it runs in your browser.
- No account needed. Import a live URL or type it in
- Eight platform previews update instantly
- Copy escaped HTML metadata in one action
Page metadata
Google Searchpostlybee.com/features
Plan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
Facebook
postlybee.com
Plan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
Image: 1200 × 630 px. Use at least 600 × 315 px for a large card. A 1.91:1 image avoids cropping.
X (Twitter)postlybee.com
Plan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
Image: 1200 × 600 px. The large summary card uses a 2:1 image, at least 300 × 157 px and under 5 MB.
LinkedInPlan and schedule social content with PostlyBee
postlybee.com
Image: 1200 × 627 px. A 1.91:1 image around 1200 × 627 px gives a full-width card.
PinterestPlan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
postlybee.com
Image: 1000 × 1500 px. Pins perform best as a tall 2:3 image. Wide 1.91:1 images are cropped or shrunk.
SlackPostlyBee
Plan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
Image: 1200 × 630 px. Slack scales the image to fit the unfurl, so a standard 1.91:1 image works well.
DiscordPostlyBee
Plan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
Image: 1200 × 630 px. Set twitter:card to summary_large_image for a large image. Otherwise Discord shows a small thumbnail.
TelegramPostlyBee
Plan and schedule social content with PostlyBee
Create, customize, preview, and schedule social media posts from one collaborative workspace.
Image: 1200 × 630 px. A 1.91:1 image shows as a wide preview. Telegram resizes it to fit the message bubble.
Generated HTML
<title>Plan and schedule social content with PostlyBee</title>
<meta name="description" content="Create, customize, preview, and schedule social media posts from one collaborative workspace." />
<link rel="canonical" href="https://postlybee.com/features" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="PostlyBee" />
<meta property="og:title" content="Plan and schedule social content with PostlyBee" />
<meta property="og:description" content="Create, customize, preview, and schedule social media posts from one collaborative workspace." />
<meta property="og:url" content="https://postlybee.com/features" />
<meta property="og:image" content="https://postlybee.com/og-image.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Plan and schedule social content with PostlyBee" />
<meta name="twitter:description" content="Create, customize, preview, and schedule social media posts from one collaborative workspace." />
<meta name="twitter:image" content="https://postlybee.com/og-image.png" />
<meta name="theme-color" content="#ffc933" />From link to published
Check it here, publish it with PostlyBee
The same editor you use for every post, in a few steps.
Enter any public page URL and PostlyBee reads its title, description, and image for you, so there is nothing to retype.
Import from a live page
Title
Description
Image
Practical guide
Use metadata to set expectations, not to repeat keywords
A title and description should accurately summarize the page a searcher will reach. Keep the primary topic near the beginning, explain the concrete outcome, and make every important page unique. Search engines can rewrite snippets, so the preview is a planning aid rather than a guarantee of the final result.
Open Graph and X card tags give social platforms structured information when a URL is shared. Use an absolute HTTPS canonical URL and an image that is publicly available, relevant to the page, and designed for a wide social crop. After deployment, validate the live HTML and refresh platform caches when an old preview remains stored.
Privacy: Text you type stays in this browser tab. If you import a URL, PostlyBee downloads that public page once to read its tags and does not store it. Your browser loads the preview image directly from its address.
- 01
Describe the page
Write a unique title and description that match the visible content and search intent.
- 02
Add absolute URLs
Use the final HTTPS canonical address and a public social image URL rather than relative paths.
- 03
Inspect each preview
Check truncation, meaning, brand name, URL clarity, and the relationship between copy and image on every platform.
- 04
Copy and validate
Add the generated tags to the page, then inspect the deployed HTML with platform validation tools.
Pro tips
Pro tips for metadata that works everywhere
Keep every page unique
Templates can provide structure, but the title and description should communicate the specific value of this URL.
Use a real canonical
Point to the preferred indexable HTTPS page. Do not canonicalize distinct useful pages back to a generic homepage.
Design for the crop
Keep important text and subjects away from image edges because platforms crop wide previews differently.
FAQ
About the Meta Tags Preview
Know what the preview measures, what it does not guarantee, and how your input is handled.
Ready to move from preview to publishing?
Use this free tool without an account, then bring the finished work into PostlyBee to customize, schedule, and track the campaign.
Start scheduling with PostlyBee