·5 min read
How to generate an Open Graph image from an SVG template
What an OG image is, why it's exactly 1200x630, and how to design one as an SVG template and render it to the PNG that social platforms show in link previews.
❯grep -rl "#seo" ./posts
#seo
8 posts
·5 min read
How to add Person, ProfilePage, WebSite and FAQPage JSON-LD to a static site
A beginner-friendly guide to writing a JSON-LD @graph with Person, ProfilePage, WebSite, and FAQPage nodes so search engines understand your portfolio and show rich results.
·5 min read
Building a CRT-terminal portfolio with React 19 and vite-react-ssg
How I built a fully prerendered, horizontally-scrolling terminal-themed portfolio with React 19 and vite-react-ssg — and the constraints that shaped every decision, from direct DOM mutation to sr-only crawler mirrors.
·4 min read
How to make tabbed/one-at-a-time React UI crawlable with sr-only mirrors
Tabs and carousels only render the active item, so crawlers and screen readers miss everything else. The fix: a visually-hidden sr-only block that mirrors the full dataset into the DOM.
·5 min read
How to improve SEO for a client-side React + Vite app with vite-react-ssg
A normal React + Vite app ships an empty HTML shell, which is bad for SEO. Here's how to prerender the real content at build time with vite-react-ssg — the single-page entry, the build script, and how hydration takes over.
·4 min read
How to unify authorship across two sites by sharing one Person @id in JSON-LD
My blog and my portfolio are separate sites, but they're one person. Here's how a single Person @id in JSON-LD tells search engines exactly that.
·5 min read
How to add BlogPosting and BreadcrumbList JSON-LD to Astro posts
Teach search engines what your post actually is. Build a BlogPosting + BreadcrumbList JSON-LD graph in Astro and inject it per-post for rich results.
·6 min read
How to add RSS, a sitemap, and SEO metadata to Astro with a reusable BaseHead
Ship the three SEO basics every Astro blog needs: an @astrojs/rss feed, an @astrojs/sitemap, and one BaseHead component that emits canonical, Open Graph, Twitter, and robots meta on every page.