generate-metadata

Export an async generateMetadata function from the page file that returns a Next.js Metadata object with title, description, openGraph, and twitter fields. Look up the item by slug from params and return a Not Found fallback when no match exists.

Build a schema.org object such as BlogPosting in the page component and render it inside a script tag with type application/ld+json using dangerouslySetInnerHTML with JSON.stringify. Convert dates to ISO 8601 format before including them.

Use a 1200 by 630 pixel image, which is the recommended size for both OpenGraph and Twitter summary_large_image cards. Reference it with an absolute URL and include a descriptive alt attribute.

Use BlogPosting for blog articles, PresentationDigitalDocument for talks and presentations, and Event for timeline entries. Each type requires specific fields like headline, datePublished, and author.

Search engines typically display around 160 characters, so longer descriptions get cut off. Truncate descriptions to 157 characters plus an ellipsis before returning them from generateMetadata to control the visible text.