Open Graph, Twitter cards and link previews, explained.
You ran your page through a social preview checker and one line stopped you cold: "og:title (from <title>)." That little parenthetical is doing more work than it looks like it's doing. It's...
Read moreYou paste your own link into a WhatsApp chat, or a Slack channel, or a post on X, and the card comes back empty. No image, no title, just a bare URL sitting there like it forgot to get dressed. Or...
Read moreGood og image examples all share one quiet trick: they look intentional, not accidental. You've seen the opposite plenty of times, a blog post shared on Slack with a stretched screenshot, or a...
Read moreSomewhere in your page's head section, one small tag decides which flavor of content a scraper thinks it found. That tag is og:type, and it's probably the most misunderstood property in the whole...
Read moreTwo meta tags decide how your link looks the moment someone shares it on X. Get the wrong one of the twitter card types on your page, and a genuinely good image still shows up as a tiny square...
Read moreYou paste your URL into the Twitter Card Validator, hit enter, and instead of a preview you get a login screen. If that's how you landed here, you're not imagining a bug on your end.
Read more
