Frequently Asked Questions

Open Graph is a protocol that lets you control how your website looks when shared on social media. Created by Facebook (now Meta), it uses special meta tags in your HTML to tell platforms what title, description, and image to show. It's now the standard used by pretty much every social platform. Want the technical details? Check out the official spec at ogp.me.

It's that preview image you see when someone shares a link on social media. You know, like when you share a link on Facebook, LinkedIn, or Discord and it shows a nice big image with the title? That's an Open Graph image. It makes your links look way more professional and clickable than just plain text.

Social platforms are picky about dimensions. Facebook wants 1200×630, Twitter prefers 1200×675, and WhatsApp likes square images. Use the wrong size and your image gets cropped weird or doesn't show up at all. OGEditor handles all these quirks for you.

You don't NEED to, but it helps. Each platform displays images differently. What looks great on LinkedIn might get important parts cropped on Twitter. Our platform presets show you exactly how your image will appear on each platform before you download.

Free plan images have a small 'ogeditor.com' watermark in the bottom-right corner. It's pretty subtle and doesn't interfere with your content. Want to remove it? That'll be available with the Pro plan when it launches.

Indirectly, yes! While Open Graph tags don't directly boost search rankings, they make your links way more clickable when shared on social media. Better click-through rates mean more traffic, more engagement, and potentially more backlinks - all of which DO help with SEO. Plus, some search engines display Open Graph images in results.

Pretty much all of them! Facebook (who created the protocol), Twitter/X, LinkedIn, Pinterest, WhatsApp, Telegram, Slack, Discord, Reddit, and many others. Even some search engines and link preview tools use them. If a platform shows link previews, it probably supports Open Graph.

You get a PNG file. It's the best format for Open Graph images because it supports transparency, has great quality, and works everywhere. The files are optimized to be as small as possible while still looking crisp on retina displays.

Add a meta tag to your HTML head: <meta property='og:image' content='https://yoursite.com/your-image.png' />. The image needs to be hosted somewhere publicly accessible. Most website builders and CMS platforms have a spot for this in their SEO settings.

Few things to check: Is your image publicly accessible (not behind a login)? Is it at least 200×200 pixels? Is the URL correct in your meta tag? Try using Facebook's Sharing Debugger or Twitter's Card Validator to troubleshoot. Sometimes platforms cache old images, so you might need to force a refresh.

Each platform has its own validator tool. Use Facebook's Sharing Debugger, X (Twitter) Card Validator, LinkedIn Post Inspector, or Pinterest URL Debugger. These tools show you exactly how your content will appear and highlight any issues with your tags. Pro tip: always validate after making changes!

The essential ones are og:title (your headline), og:description (brief summary), og:image (the preview image we help you create), og:url (your page URL), and og:type (usually 'website' or 'article'). Without these, platforms might grab random content from your page, which rarely looks good.

Right now, we offer a curated selection of web-safe fonts that look great and render consistently. Custom font upload is on our roadmap, but for now, the available fonts cover most use cases and ensure your text always looks sharp.

Templates are pre-designed layouts for different content types. Got a blog post? Use the article template. Launching a product? Try the product template. Each one has fields that make sense for that type of content, so you're not starting from scratch.

Your work auto-saves locally in your browser, so you can come back to it. Saving templates to your account is coming soon with user accounts. For now, you can download your image and keep the link handy to recreate similar designs.

Those are subtle background patterns that add visual interest without being distracting. The grid pattern is great for technical content, dots work well for modern designs, and the graph pattern gives a professional touch. You can adjust the opacity to make them more or less visible.

Not yet, but it's something we're looking into supporting. Right now you can choose from our 32 gradients, 40 solid colors, and various pattern options. These cover most use cases and ensure your text always stays readable. Custom background uploads are on our roadmap though!

It shows you exactly how your image will look when shared, complete with a title, description, and URL. It's super helpful for seeing the full picture before you implement it on your site. You can preview how it'll look on different platforms too.

You might be outside the safe zone. See those faint lines on the canvas? Keep your important content inside them. Different platforms crop images differently, so staying in the safe zone ensures your text is visible everywhere.

The editor uses canvas rendering which can be demanding on older devices. Try closing other browser tabs, using a modern browser like Chrome or Firefox, or reducing the preview quality if that option becomes available. We're always working on performance improvements.

This is rare but can happen with certain color profiles or display settings. The downloaded PNG is exactly what social platforms will see. If colors look off, it might be your monitor's color profile. The actual file is correct.

Not directly - you'd need to recreate it in the editor. That's why we're building user accounts with saved templates. For now, keep your browser tab open if you think you might need to make changes.