0

Написал одностраничный лендинг на vue js, необходимо прописать правильно метатеги для роботов и продвижения в поисковиках. Много прочитал статей, но так и непонял как сделать правильно метатеги для своего лендинга. Поскажите, нужно прописывать метатеги в файле nuxt.config.js? Как все оформить правильно и красиво в моем случае? Буду бескрайне благодарен за помощь в моем вопросе. Прикладываю страничку для понимания моего контента. Прошу дать более развернутый ответ! Спасибовведите сюда описание изображения

1
  • Cпасибо! Вроде поправил все. Более менее суть понял!
    – Вадим
    12 янв в 13:12

2 ответа 2

0

Для одностраничного лендинга без роутера nuxt особо и не нужен, но если на нем и страница одна, то всю мету можно оформить в nuxt.config.js

https://nuxtjs.org/docs/features/meta-tags-seo/

Для многостраничников:

/pages/index.vue

<template>
  <h1>{{ title }}</h1>
</template>
<script>
  export default {
    data() {
      return {
        title: 'Home page'
      }
    },
    head() {
      return {
        title: this.title,
        meta: [
          {
            hid: 'description',
            name: 'description',
            content: 'Home page description'
          }
        ]
      }
    }
  }
</script>
0

Метатеги и SEO для nuxt3 лучше прописывать в файле nuxt.config.ts

https://nuxt.com/docs/api/configuration/nuxt-config#head

https://nuxt.com/docs/getting-started/seo-meta

Пример:

export default defineNuxtConfig({
    app: {
        head: {
            htmlAttrs: {
                lang: 'ru',
            },
            charset: 'utf-8',
            viewport: 'width=device-width, initial-scale=1',
            title: 'Site title',
            meta: [
                { name: 'description', content: 'Site description' },
            ],
            link: [
                { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
            ],
        }
    }
})
1
  • Спасибо) Но у меня nuxt2
    – Вадим
    23 янв в 9:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.