Learn | Next.js
Meta tags
Title
Metadata - Rendering and Ranking | Learn Next.js
Description
Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.
Theme color
#fff
Open graph meta tags
Title
Learn | Next.js
Description
Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.
URL
Image
Twitter meta tags
Card
summary_large_image
Site
Resources
HTML
<!-- HTML Meta Tags --> <title>Metadata - Rendering and Ranking | Learn Next.js</title> <meta name="description" content="Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more."> <meta name="theme-color" content="#fff"> <!-- Open Graph Meta Tags --> <meta property="og:title" content="Learn | Next.js"> <meta property="og:description" content="Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more."> <meta property="og:url" content="https://nextjs.org/learn"> <meta property="og:image" content="https://assets.vercel.com/image/upload/front/nextjs-learn/seo.png"> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@vercel">
JSON
{ "title": "Metadata - Rendering and Ranking | Learn Next.js", "description": "Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.", "keywords": null, "themeColor": "#fff", "author": null, "generator": null, "publisher": null, "creator": null, "og": { "title": "Learn | Next.js", "description": "Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.", "url": "https://nextjs.org/learn", "siteName": null, "locale": null, "type": null, "image": { "url": "https://assets.vercel.com/image/upload/front/nextjs-learn/seo.png", "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": "@vercel", "creator": null, "title": null, "description": null, "image": { "url": null, "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
Learn | Next.js
Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.
https://nextjs.org/learn