How to Add Person and BlogPosting Structured Data in Next.js App Router
Most Next.js sites implement standard metadata like title tags and Open Graph but omit structured data, leaving search engines unable to identify page entities or authorship. Structured data, written in Schema.org JSON-LD vocabulary, helps search engines understand that a page belongs to a specific, identifiable person rather than just matching text strings. Key properties include @type to define the entity kind, @id as a stable unique URI, and sameAs to link profiles across platforms like GitHub and Dev.to into a single consolidated identity. In the App Router, a Person schema is placed in app/layout.tsx so it appears site-wide, while a reusable BlogPostSchema component ensures every post consistently references the same author entity via its @id. The article provides practical code examples and highlights common mistakes, such as omitting @id and sameAs, that can silently render structured data ineffective.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in