My Website Preview Looks Wrong on Social Media
When you share your website link on Facebook, Twitter/X, LinkedIn, or in a text message, the preview that appears looks wrong. Maybe it shows the wrong image (or no image at all), a weird title, a missing description, or just an ugly plain link with no preview.
This matters more than you think. Social media previews are often someone's first impression of your business. If your link looks broken or unprofessional compared to other websites, people are far less likely to click it. It makes your site look amateur or suspicious.
The good news is that fixing this is relatively simple — your website just needs a few specific tags that tell social media platforms what image, title, and description to show.
Error Messages You Might See
Common Causes
- Missing Open Graph tags — Your website doesn't have the special HTML tags (called Open Graph tags) that Facebook and LinkedIn use to create previews
- Missing Twitter Card tags — Twitter/X uses its own set of tags for previews, and your site doesn't have them
- Image too small or wrong format — The preview image needs to be at least 1200x630 pixels. Smaller images get cropped or ignored
- Social media cached old version — You fixed the tags but Facebook/Twitter still show the old broken preview from their cache
- No image specified — Without a specified image, social platforms pick a random image from your page — often a tiny icon or the wrong photo
How to Fix It
- Add Open Graph tags to your pages — Add og:title, og:description, og:image, and og:url meta tags to the head section of your HTML
- Add Twitter Card tags — Add twitter:card, twitter:title, twitter:description, and twitter:image meta tags
- Create a proper preview image — Design an image that's 1200x630 pixels showing your brand, product, or a relevant graphic
- Clear social media caches — Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug/) and Twitter's Card Validator to refresh your previews
- Test every important page — Check the preview for your homepage, product pages, blog posts, and any page you'd commonly share
Real developers can help you.
rayush33
JavaScript (React.js, React Native, Node.js) Developer with demonstrated industry experience of 4+ years, actively looking for opportunities to hone my skills as well as help small-scale business owners with solutions to technical problems
Nam Tran
10 years as fullstack developer
Rudra Bhikadiya
I build and fix web apps across Next.js, Node.js, and DBs.
Comfortable jumping into messy code, broken APIs, and mysterious bugs.
If your project works in theory but not in reality, I help close that gap.
Jaime Orts-Caroff
I'm a Senior Android developer, open to work in various fields
Antriksh Narang
5 years+ Experienced Dev (Specially in Web Development), can help in python, javascript, react, next.js and full stack web dev technologies.
Meïr Ankri
Full-stack developer specializing in React / Next.js / Node.js with 6+ years of experience. I've worked across various sectors including automotive (Reezocar/Société Générale), healthcare (Medical Link SaaS), and e-commerce (Glasman). I build web apps end-to-end, from architecture to production, with a focus on scalability, performance, and code quality. I also mentor junior developers and contribute to technical decisions and code reviews.
hanson1014
Full-stack developer experienced in fixing and deploying AI-generated apps from Lovable, Bolt.new, Cursor, and Replit. I specialize in debugging Supabase integration issues (auth flows, RLS policies, database connections), fixing broken deployments, resolving routing/blank screen problems, and cleaning up messy React/Vite codebases. I also build production apps with the Claude API and have shipped a Mac desktop dev tool (Nexterm from scratch. Based in Hong Kong, fast turnaround.
Stanislav Prigodich
15+ years building iOS and web apps at startups and enterprise companies. I want to use that experience to help builders ship real products - when something breaks, I'm here to fix it.
AUXLE
I am a Full Stack Developer experienced in building Websites, Web apps and Cross Platform Mobile Apps for Startups and Companies.
Krishna Sai Kuncha
Experienced Professional Full stack Developer with 8+ years of experience across react, python, js, ts, golang and react-native. Developed inhouse websearch tooling for AI before websearch was solved : )
Describe what's wrong in plain English. No technical knowledge needed.
Get HelpFrequently Asked Questions
Why does Facebook show an old/wrong preview even after I fixed it?
Facebook caches (saves) your link preview the first time someone shares it. To force Facebook to refresh it, paste your URL into the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) and click 'Scrape Again.'
What size should my preview image be?
Use 1200x630 pixels for the best results across all platforms. This size works well on Facebook, Twitter, LinkedIn, and messaging apps. Use JPG or PNG format, keep it under 5MB, and make sure important content isn't at the edges since different platforms crop differently.