Tag

#opengraph

32 posts2 followers

Explore Hashnode

Alternatives

How to bulk-check Open Graph and X card tags before you share a link

You ship a landing page, paste the link into Slack, X or LinkedIn, and the preview shows the wrong title, a cropped image, or nothing at all. Usually the cause is one of a handful of meta tag problems

2 min readtanlabs.hashnode.dev

HeadlarkOct 21

og:image not showing in Slack, LinkedIn or X

Why a shared link shows a card with no image in Slack, LinkedIn or X, the usual causes, and how to set a working og:image in Astro, Next.js and Hugo.

6 min readheadlark.hashnode.dev

Abid AliOct 16

Open Graph Tags in a React + Vite SPA: Why Crawlers See Your App Shell, and Three Ways to Fix It

If you've built a single-page app with React and Vite, you've probably seen this: every link you share, whether it's /pricing, /blog/my-post or /u/someone, shows the same card. Usually it's the title

6 min readabidali671.hashnode.dev

3

Abid AliOct 16

X (Twitter) Card Not Showing? summary vs summary_large_image, Fallbacks, and the Checks That Actually Matter

You post a link on X and get one of three disappointing results: a bare URL with no card, a small square thumbnail when you wanted the big wide image, or a card with an image from three redesigns ago.

6 min readabidali671.hashnode.dev

1

Muhammad TahirAug 29

Programmatic SEO Engineering: Dynamic Metadata, OpenGraph & High-Performance Sitemaps

This article was originally published on Muhammad Tahir's Portfolio. Introduction & Industry Context In the competitive digital landscape, organic search remains the most potent channel for sustainabl

11 min readmtdeveloper.hashnode.dev

Syed Muhammad AliJul 19

Open Graph vs Twitter Cards: What's the Difference? (2026 Guide)

A beginner-friendly guide to Open Graph and Twitter Card meta tags — what they do, how they're different, and how to add both correctly in Next.js 16.

8 min readdevstacked.hashnode.dev

Syed Muhammad AliJul 17

How to Add Metadata in Next.js 16 (2026 Beginner's Guide)

Learn how to add SEO metadata in Next.js 16 App Router — static metadata, generateMetadata for dynamic pages, Open Graph, Twitter Cards, and common mistakes to avoid.

13 min readdevstacked.hashnode.dev

KRISHNA GUPTAJul 11

Mastering Social Media Link Previews: A Guide to Meta Tags and Open Graph

Paste a link into Slack, X, LinkedIn, or WhatsApp and one of two things happens. Either a polished card appears — bold title, crisp image, a short description that makes you want to click — or you get

20 min readkrishnagupta.hashnode.dev

Ken ImotoMay 11

I Run 4 Astro Sites. 3 Shipped the Same SEO Bug for Months.

A duplicate og:type tag quietly told every social platform my blog posts were 'websites' instead of 'articles'. Here is what happened and the 30-line build check that catches it.

7 min readkenimo49.hashnode.dev

Nishchay KaushikApr 18

Automating My Social Cards: Satori, Sharp, and the End of "Generic" Previews

Learn how to generate dynamic, rich Open Graph images with Satori and Sharp for your content. Move beyond generic images & automate your social cards

4 min readnkaushik.in

1

Search Hashnode