nuxt-x-schema
Article
Schema.org Article JSON-LD component for blog posts, news articles, and tech content.
Article
The XSchemaArticle component injects a <script type="application/ld+json"> tag into the page <head> for article-type structured data. No visible output — SEO only.
Components
<XSchemaArticle />
Use on any page that publishes written content: blog posts, news articles, technical write-ups. The articleType prop selects the Schema.org subtype.
<XSchemaArticle
headline="My Blog Post"
date-published="2024-01-15"
author="Jane Doe"
/>
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
headline | String | Yes | — | Article headline |
description | String | No | null | Short article description |
image | String | Array | No | null | Image URL(s) |
datePublished | String | Yes | — | ISO 8601 publish date |
dateModified | String | No | null | ISO 8601 modified date |
author | String | Object | Array | Yes | — | Author name, Person object, or array |
publisher | Object | No | null | Publisher Organization object |
articleType | String | No | "BlogPosting" | Schema type: Article, BlogPosting, NewsArticle, TechArticle |
url | String | No | null | Canonical URL |
wordCount | Number | No | null | Approximate word count |
AI Context
component: XSchemaArticle
package: "@xenterprises/nuxt-x-schema"
output: JSON-LD script tag in <head>
use-when: Adding Article / BlogPosting / NewsArticle / TechArticle structured data for rich Google results
place: In page-level components (pages/ or layouts/), NOT in shared headers
notes:
- Renderless component — no visible DOM output; purely SEO metadata
- Injects JSON-LD server-side via useHead — SSR-safe, visible to crawlers on first paint
- articleType selects the Schema.org subtype