Why do my updated Open Graph tags not show up on Facebook or LinkedIn after I change them?

Facebook and LinkedIn cache OG metadata for days to weeks. To force an update, use Facebook's Sharing Debugger or LinkedIn's Post Inspector to refresh the cache for the specific URL.

What is the ideal image size for Open Graph tags to look good across all platforms?

1200x630px is the universal sweet spot that works well for Facebook, LinkedIn, Twitter, and Slack, though important text should stay within the central 60% of the image since platforms crop edges differently.

Can I use this tool if my website requires a login to view the content?

The tool fetches the URL publicly; if content is behind a login wall or requires authentication, the preview may not render the intended meta tags or body content.

Does the tool check for Twitter Card compliance as well as Open Graph tags?

Yes, the analyzer validates both Open Graph properties and Twitter Card data, flagging missing or incorrect properties for summary, summary_large_image, and other card types.

Developer ToolsFree Tool

Open Graph Preview

Provided byDevBoltdevbolt.dev

Previews and debugs Open Graph, Twitter Card, and SEO meta tags for social sharing.

Use This Tool

browser-based privacy-focused devbolt

Screenshot of Open Graph Preview on DevBolt — devbolt.devOpen the live tool →

About this tool

What Open Graph Preview does

Open Graph Preview & Debugger is a free browser-based tool that analyzes any URL or pasted HTML to show exactly how a page will appear when shared on Facebook, Twitter/X, LinkedIn, and Slack. It validates required Open Graph and Twitter Card properties, flagging missing or incorrect tags so users can fix them before publishing. The output displays the predicted title, description, image, and site name as they would render on each platform. Because all processing happens locally in the user's browser, no data is sent to a server, making it a private way to test social sharing metadata. The tool also supports testing JSON-LD structured data and provides side-by-side previews across multiple platforms. It is designed for anyone who wants to ensure their links look professional and complete when shared socially.

Step by step

How to use the DevBolt Open Graph Preview

1
Enter a valid URL or paste HTML containing meta tags into the input field.
2
Click the 'Analyze' button or press Ctrl+Enter to fetch and process the page's source code.
3
Review the preview panels that show how the link will appear on Facebook, Twitter/X, LinkedIn, Slack, Discord, and other platforms.
4
Identify any missing or invalid Open Graph and Twitter Card properties listed in the results.
5
Use the 'Tips & Best Practices' section for guidance on image dimensions and tag implementation.

Is it right for you

Best for

Developers, marketers, and content creators who need to verify that Open Graph and Twitter Card meta tags are correctly implemented before sharing links socially.

Limitations

Social platforms may cache OG metadata, so changes might not appear in existing shares without a manual cache refresh.
The tool relies on the live URL being accessible; restricted or login-required pages may not preview correctly.
Image rendering can vary between platforms, and the tool provides estimates rather than exact pixel-perfect results.

Questions

Open Graph Preview FAQ

Why do my updated Open Graph tags not show up on Facebook or LinkedIn after I change them?: Facebook and LinkedIn cache OG metadata for days to weeks. To force an update, use Facebook's Sharing Debugger or LinkedIn's Post Inspector to refresh the cache for the specific URL.
What is the ideal image size for Open Graph tags to look good across all platforms?: 1200x630px is the universal sweet spot that works well for Facebook, LinkedIn, Twitter, and Slack, though important text should stay within the central 60% of the image since platforms crop edges differently.
Can I use this tool if my website requires a login to view the content?: The tool fetches the URL publicly; if content is behind a login wall or requires authentication, the preview may not render the intended meta tags or body content.
Does the tool check for Twitter Card compliance as well as Open Graph tags?: Yes, the analyzer validates both Open Graph properties and Twitter Card data, flagging missing or incorrect properties for summary, summary_large_image, and other card types.

Keep Exploring

Similar tools

Based on shared tags

.gitignore Generator7 options

Generates standardized .gitignore files for development projects by supporting numerous languages, frameworks, editors, and operating system presets. Users select their project environment from a comprehensive list of supported categories to automatically build a robust file that tells Git which files and directories to ignore during version control. The tool allows users to preview the generated content instantly before downloading the complete text file for direct use in their repository's root directory. Developers managing codebases across various tech stacks utilize this utility to ensure clean, accurate version control setup. It saves time by providing reliable, pre-configured exclusion lists that prevent accidental inclusion of build artifacts, local configuration files, or dependency folders.

7 options💻 Developer Tools

Password Generator9 options

Generates strong, random passwords designed to enhance digital security. This tool constructs complex alphanumeric strings by mixing uppercase letters, lowercase letters, numbers, and symbols. To maintain maximum privacy and security, the password creation process occurs entirely within the user's browser environment without transmitting data over the internet. Users simply input their desired complexity or length settings and click generate to receive a unique credential suitable for protecting sensitive accounts. Individuals managing multiple online accounts, such as professional developers, remote workers, or anyone handling confidential information, benefit from this utility. It ensures that each account utilizes a distinct, robust password, significantly reducing the risk associated with credential reuse or weak security measures.

9 options🛡️ Security

Aspect Ratio Calculator4 options

Calculates aspect ratios for images, videos, and other rectangular objects by inputting width and height measurements or selecting from pre-defined formats. Users can quickly determine if files need resizing to fit specific dimensions or screen sizes without manual calculations. Photographers, videographers, graphic designers, and anyone working with visual content will find this tool useful for ensuring that their projects maintain the correct aspect ratio for display on various devices, adhering to standards like 16:9 for TVs or 4:3 for older monitors.

4 options📷 Photography & Video

HTML Entity Encoder3 options

Developers and web designers often need to convert special characters into their corresponding HTML entities to ensure proper rendering across different browsers. HTML Entity Encoder provides a reliable method to transform sensitive characters—such as angle brackets, ampersands, and quotes—into standardized code that prevents browsers from misinterpreting them as functional HTML tags. This process is essential for anyone looking to display raw code snippets on a webpage or securely manage user input within a web application. The utility also integrates XSS prevention analysis, offering insights into how specific encoding choices contribute to site security. By substituting potentially malicious characters with safe entities, it helps mitigate the risk of cross-site scripting attacks that target vulnerabilities in data handling. Users can switch between encoding and decoding functions to verify their data or restore entities to their original plaintext format for editing and review.

3 options🔐 Encoders & Decoders

Privacy Policy Generator2 options

Generates customized privacy policies for websites and apps, including GDPR, CCPA, and COPPA compliance sections. Users input details about their site or app, and the tool creates a tailored policy document that meets legal requirements. Businesses, developers, and organizations looking to ensure they comply with data protection regulations when handling user information would use this tool. It saves time and expertise by automating the creation of comprehensive privacy policies that adhere to GDPR, CCPA, and COPPA standards.

2 options✅ Compliance

Case converter5 options

Converts typed text between various formatting styles, including lowercase, uppercase, title case, and sentence case. Users input any string of characters into the provided field and select the desired output casing from a list of options. The tool automatically processes the selection to standardize the text format instantly. This utility is ideal for anyone needing to ensure consistent textual presentation across different platforms or documents. It helps writers, developers, students, and content creators quickly adjust formatting to meet readability standards or technical requirements. Using this converter simplifies the process of maintaining professional and uniform text appearance with minimal effort.

5 options📝 Text & Encoding