# SEO з Nuxt (Vue.js / Nuxt.js)

> Meta теги, useHead, useSeoMeta, structured data, sitemap, robots.txt, Open Graph, поширення в соцмережах

- 20 питань зі співбесід
- Senior
- [Питання зі співбесід: Vue.js / Nuxt.js](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy.md)

## 1. Яка основна різниця між useHead і useSeoMeta в Nuxt?

**Відповідь**

useHead — це універсальний composable для керування всіма тегами head HTML (title, script, link, style, meta), тоді як useSeoMeta спеціалізується виключно на SEO meta тегах із суворою типізацією TypeScript. useSeoMeta забезпечує кращу типобезпеку та автоматичну перевірку SEO-властивостей, як-от og:image, twitter:card, тоді як useHead вимагає ручного налаштування meta тегів. Для SEO-метаданих варто використовувати useSeoMeta, а для інших елементів head — useHead.

## 2. Що таке canonical тег і чому він важливий для SEO?

**Відповідь**

Тег canonical (rel=canonical) повідомляє пошуковим системам, яка версія сторінки є основною, коли кілька URL мають схожий або однаковий вміст. Він запобігає штрафу за дубльований контент і консолідує PageRank на канонічному URL. У Nuxt тег canonical за замовчуванням генерується автоматично для кожної сторінки та вказує на поточний URL. Його можна вимкнути або налаштувати через useSeoMeta за допомогою canonical: false або конкретного URL. Незамінний для сайтів із пагінацією, фільтрами або багатомовними версіями.

## 3. Як вимкнути індексування конкретної сторінки в Nuxt, дозволяючи при цьому crawling?

**Відповідь**

Використання useSeoMeta з robots: 'noindex, follow' дозволяє краулерам відвідувати сторінку та переходити за посиланнями, але запобігає індексуванню в результатах пошуку. Цей підхід кращий за robots.txt для вже проіндексованих сторінок, оскільки robots.txt блокує crawling, але не видаляє сторінки з індексу. Альтернатива: використовувати defineRouteRules з robots: 'noindex' для централізованої конфігурації. Щоб повністю заблокувати crawling, потрібен robots.txt із Disallow, але він менш гнучкий для окремих сторінок.

## Ще 17 доступних питань

- Які основні властивості Open Graph необхідні для якісного поширення в соціальних мережах?
- Як згенерувати динамічний sitemap у Nuxt із зовнішнього API?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Vue.js / Nuxt.js

- [Основи JavaScript](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/javascript-fundamentals.md): 20 запитань, Junior
- [Сучасний JavaScript (ES6+)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/es6-modern-javascript.md): 20 запитань, Junior
- [Основи Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-basics.md): 22 запитань, Junior
- [Компоненти Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-components.md): 20 запитань, Junior
- [Vue Router](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-router.md): 18 запитань, Junior
- [Pinia State Management](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/pinia-state-management.md): 20 запитань, Junior
- [Vuex (Legacy)](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vuex-legacy.md): 15 запитань, Mid-Level
- [Composition API](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/composition-api.md): 24 запитань, Mid-Level
- [Реактивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-reactivity.md): 20 запитань, Mid-Level
- [Основи Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-fundamentals.md): 22 запитань, Mid-Level
- [Отримання даних у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-data-fetching.md): 20 запитань, Mid-Level
- [SSR і SSG у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-ssr-ssg.md): 22 запитань, Mid-Level
- [Серверні маршрути Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-server-routes.md): 20 запитань, Mid-Level
- [Модулі Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-modules.md): 18 запитань, Mid-Level
- [Composables у Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-composables.md): 20 запитань, Mid-Level
- [Форми та валідація Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-forms-validation.md): 20 запитань, Mid-Level
- [Керування станом у Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-state-management.md): 18 запитань, Mid-Level
- [Тестування Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-testing.md): 20 запитань, Mid-Level
- [Розгортання Nuxt та CI/CD](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-deployment-cicd.md): 22 запитань, Mid-Level
- [Продуктивність Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-performance.md): 22 запитань, Senior
- [Просунуті патерни Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-advanced-patterns.md): 24 запитань, Senior
- [TypeScript із Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/typescript-vue.md): 22 запитань, Senior
- [Автентифікація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-auth.md): 20 запитань, Senior
- [Інтернаціоналізація Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-i18n.md): 18 запитань, Senior
- [Архітектура Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-architecture.md): 22 запитань, Senior
- [Безпека Nuxt](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-security.md): 20 запитань, Senior
- [Екосистема Vue](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/vue-ecosystem.md): 18 запитань, Senior
- [Міграція Vue 2→3 та Nuxt 2→3](https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/migration-vue2-vue3-nuxt2-nuxt3.md): 22 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/vue-nuxt/pytannia-spivbesidy/nuxt-seo