Blog Layouts

Blog Post Layout - Minimal

A clean, conventional blog article page — centered title, byline, cover image, and article body

Preview

Why Your Website Has Great Content But Still Doesn’t Rank

VellumUpMay 28, 20265 min read

A good audit almost always finds the same thing: the content isn't the problem, the structure around it is.

The gap between writing and ranking

Great writing satisfies a reader. Ranking satisfies a crawler first — internal links, heading structure, and page speed all have to line up before the writing even gets a chance to matter.

Content quality gets you noticed. Technical foundations get you found.

Where most audits start

Start with internal links — orphaned pages with no path in from the rest of the site are the single most common issue, and usually the easiest one to fix.

Ready to use — just copy it in

See how to use it on your page, then copy the component file itself.

Props

Prop	Type	Default	Description
title	string	—	Article title, shown as the page heading
coverImage	string	—	Cover image URL — required, shown under the title
coverImageAlt	string \| null	null	Alt text for the cover image - falls back to the title if omitted
authorName	string	"Editorial Team"	Author name, shown under the title
authorAvatar	string \| null	null	Author avatar URL — shows a colored initial badge if missing
publishedAt	string	—	ISO 8601 publish date, shown formatted under the title
readingTimeMinutes	number	undefined	Estimated reading time in minutes — hidden if omitted
accentColor	string	"#4A68E5"	Accent color for the author badge, links, and blockquote border
children	React.ReactNode	—	Article body content — JSX, markdown-rendered output, or raw HTML

Making it fully SEO/GEO-ready

The cover image here is smaller and contained, not a full-bleed hero, so it renders faster and is less likely to dominate the page's Largest Contentful Paint. Add structured data so search engines and AI answer engines understand the page as an article.

The cover image here sits in a contained aspect-video box inside a max-w-2xl column, not a full-bleed hero, so it is a smaller, faster-loading element than the default layout's edge-to-edge image, and less likely to become an oversized Largest Contentful Paint candidate on a slow connection.

The layout above covers the visible SEO signals (semantic <article>/<h1>/<time>, alt text, page metadata). For search engines and AI answer engines to fully understand the page as an article — author, publish date, image — add Article structured data (JSON-LD) in the page file that renders it:

page.tsx

Back to components