Optimizing: Metadata | Next.js
Meta tags
Title
Optimizing: Metadata | Next.js
Description
Use the Metadata API to define metadata in any layout or page.
Open graph meta tags
Title
Optimizing: Metadata | Next.js
Description
Use the Metadata API to define metadata in any layout or page.
Image
Twitter meta tags
Card
summary_large_image
Title
Optimizing: Metadata
Description
Use the Metadata API to define metadata in any layout or page.
Image
Resources
HTML
<!-- HTML Meta Tags --> <title>Optimizing: Metadata | Next.js</title> <meta name="description" content="Use the Metadata API to define metadata in any layout or page."> <!-- Open Graph Meta Tags --> <meta property="og:title" content="Optimizing: Metadata | Next.js"> <meta property="og:description" content="Use the Metadata API to define metadata in any layout or page."> <meta property="og:image" content="https://nextjs.org/api/docs-og?title=Optimizing:%20Metadata"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Optimizing: Metadata"> <meta name="twitter:description" content="Use the Metadata API to define metadata in any layout or page."> <meta name="twitter:image" content="https://nextjs.org/api/docs-og?title=Optimizing:%20Metadata">
JSON
{ "title": "Optimizing: Metadata | Next.js", "description": "Use the Metadata API to define metadata in any layout or page.", "keywords": null, "themeColor": null, "author": null, "generator": null, "publisher": null, "creator": null, "og": { "title": "Optimizing: Metadata | Next.js", "description": "Use the Metadata API to define metadata in any layout or page.", "url": null, "siteName": null, "locale": null, "type": null, "image": { "url": "https://nextjs.org/api/docs-og?title=Optimizing:%20Metadata", "width": null, "height": null, "alt": null }, "video": { "url": null, "type": null, "width": null, "height": null }, "audio": { "url": null, "type": null } }, "twitter": { "card": "summary_large_image", "site": null, "creator": null, "title": "Optimizing: Metadata", "description": "Use the Metadata API to define metadata in any layout or page.", "image": { "url": "https://nextjs.org/api/docs-og?title=Optimizing:%20Metadata", "width": null, "height": null, "alt": null }, "player": { "url": null, "width": null, "height": null, "stream": null }, "app": { "iphone": { "name": null, "id": null, "url": null }, "ipad": { "name": null, "id": null, "url": null }, "googleplay": { "name": null, "id": null, "url": null } } } }
Social Card Preview
Optimizing: Metadata | Next.js
Use the Metadata API to define metadata in any layout or page.
https://nextjs.org/docs/app/building-your-application/optimizing/metadata