Features > SEO
Setup
1. Access the config.ts file and enter values for appName, appDescription, and domainName. These entries will be shown as default SEO tags. The /libs/seo.ts helper ensures that crucial SEO tags are filled with your default values, and they are applied to all of the pages through the primary /app.vue file.
2. If you want to customize SEO tags on a page without altering all of them, just follow these simple steps:
1<template>
2 <div>
3 ...
4 </div>
5</template>
6<script lang="ts" setup>
7 import { getSEOTags } from "@/libs/seo";
8
9 useHead(getSEOTags({ canonicalUrlRelative: "/" }))
10</script>
11<style></style>
12 🗒️ Suggestion
It's suggested to set the title and canonicalUrlRelative fields for every page of your application.3. When it's suitable, include Structured Data on a page by using the renderSchemaTags() function located in /libs/seo.ts This improves Google's comprehension of your website, potentially earning you a rich snippet. For more information, refer to the documentation inside the component. Here's an example:
1<template>
2 <SchemaTags />
3 <div>
4 ...
5 </div>
6</template>
7<script lang="ts" setup>
8 import SchemaTags from "@/components/landing-components/SchemaTags.vue";
9
10</script>
11<style></style>
12 4. Include your main URL (e.g., https://yourdomain.com) under hostname in the /server/routes/sitemap.xml.ts file located in the /server folder. This will produce a sitemap.xml file. You need to fill it with the page paths that you are going to have in your application.
1const sitemap = new SitemapStream({
2 hostname: 'https://nuxtstarter.ai'
3});
4sitemap.write({
5 url: "/blog",
6 changefreq: 'monthly'
7})
8 📌 Indexing
Ensure Google recognizes your ownership of your website by verifying it in Google Search Console. This aids Google in understanding and indexing your site more effectively.Create a blog in seconds.
Inside the /content folder, create a new file with .md extension. This will be the place to store all your blog posts. In the constants.ts file, you can find authors, categories, and style variables. You can add/update any new of them there. Just input your content there, and Nuxt Starter AI will automatically create a blog for you. Check out the blog section for additional information.