Meta Tags and SEO

Nuxt 2 - Meta Tags and SEO

Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.

Meta Tags and SEO

Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.

Nuxt 2

summary_large_image

Meta Tags and SEO

Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.

<!-- HTML Meta Tags -->
<title>Nuxt 2 - Meta Tags and SEO</title>
<meta name="description" content="Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.">

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Meta Tags and SEO">
<meta property="og:description" content="Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.">
<meta property="og:site_name" content="Nuxt 2">
<meta property="og:type" content="website">
<meta property="og:image" content="https://v2.nuxt.com/preview.png">
<meta property="og:image:alt" content="Nuxt">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nuxt_js">
<meta name="twitter:title" content="Meta Tags and SEO">
<meta name="twitter:description" content="Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.">
<meta name="twitter:image" content="https://v2.nuxt.com/preview.png">

{
  "title": "Nuxt 2 - Meta Tags and SEO",
  "description": "Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.",
  "keywords": null,
  "themeColor": null,
  "author": null,
  "generator": null,
  "publisher": null,
  "creator": null,
  "og": {
    "title": "Meta Tags and SEO",
    "description": "Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.",
    "url": null,
    "siteName": "Nuxt 2",
    "locale": null,
    "type": "website",
    "image": {
      "url": "https://v2.nuxt.com/preview.png",
      "width": null,
      "height": null,
      "alt": "Nuxt"
    },
    "video": {
      "url": null,
      "type": null,
      "width": null,
      "height": null
    },
    "audio": {
      "url": null,
      "type": null
    }
  },
  "twitter": {
    "card": "summary_large_image",
    "site": "@nuxt_js",
    "creator": null,
    "title": "Meta Tags and SEO",
    "description": "Nuxt lets you define all default meta tags for your application inside the nuxt.config.js file using the head property. This is very useful for adding a default title and description tag for SEO purposes or for setting the viewport or adding the favicon.",
    "image": {
      "url": "https://v2.nuxt.com/preview.png",
      "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
      }
    }
  }
}