Your link previews look broken. Here's a one-line fix.

Your link previews on Twitter and LinkedIn probably look broken. Or they show your favicon at 50x50 pixels. Or there's no image at all and the link gets scrolled past. This happens because you either don't have an og:image meta tag, or it points to something that wasn't designed for 1200x630. I fixed this for my own projects by building an API that generates the image from URL parameters. No Figma, no uploading files, no manual work per page. How it works Your meta tag looks like this: <meta property= "og:image" content= "https://ogpix-pi.vercel.app/api/og?title=My+Blog+Post&theme=dark" /> When someone shares your link, the platform hits that URL, gets back a 1200x630 PNG, and your preview looks good. The image is generated on the fly from the query parameters. You can set the title, description, and pick from 10 themes. The images get cached at the CDN edge, so after the first request it's basically instant. Next.js example If you're using Next.js with the app router, you can generate