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

> Meta tagi, useHead, useSeoMeta, structured data, mapy witryn, robots.txt, Open Graph, udostępnianie społecznościowe

- 20 pytań z rozmów
- Senior
- [Pytania z rozmów: Vue.js / Nuxt.js](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne.md)

## 1. Jaka jest główna różnica między useHead a useSeoMeta w Nuxt?

**Odpowiedź**

useHead to ogólny composable do zarządzania wszystkimi tagami w head HTML (title, script, link, style, meta), podczas gdy useSeoMeta jest wyspecjalizowany wyłącznie w meta tagach SEO ze ścisłym typowaniem TypeScript. useSeoMeta zapewnia lepsze bezpieczeństwo typów i automatyczną walidację właściwości SEO, takich jak og:image, twitter:card, podczas gdy useHead wymaga ręcznej konfiguracji meta tagów. Do metadanych SEO używaj useSeoMeta, a do pozostałych elementów head — useHead.

## 2. Czym jest tag canonical i dlaczego jest ważny dla SEO?

**Odpowiedź**

Tag canonical (rel=canonical) informuje wyszukiwarki, która wersja strony jest podstawowa, gdy wiele adresów URL ma podobną lub identyczną treść. Zapobiega karze za zduplikowaną treść i konsoliduje PageRank na kanonicznym adresie URL. W Nuxt tag canonical jest domyślnie generowany automatycznie dla każdej strony i wskazuje na bieżący adres URL. Można go wyłączyć lub dostosować za pomocą useSeoMeta z canonical: false lub konkretnym adresem URL. Niezbędny dla witryn z paginacją, filtrami lub wersjami wielojęzycznymi.

## 3. Jak wyłączyć indeksowanie konkretnej strony w Nuxt, jednocześnie zezwalając na crawling?

**Odpowiedź**

Użycie useSeoMeta z robots: 'noindex, follow' pozwala robotom odwiedzać stronę i podążać za linkami, ale uniemożliwia indeksowanie w wynikach wyszukiwania. To podejście jest lepsze niż robots.txt dla stron już zindeksowanych, ponieważ robots.txt blokuje crawling, ale nie usuwa stron z indeksu. Alternatywa: użyj defineRouteRules z robots: 'noindex' dla scentralizowanej konfiguracji. Aby całkowicie zablokować crawling, potrzebny jest robots.txt z Disallow, ale jest on mniej elastyczny dla poszczególnych stron.

## Jeszcze 17 dostępnych pytań

- Jakie są podstawowe właściwości Open Graph dla dobrego udostępniania w mediach społecznościowych?
- Jak wygenerować dynamiczną mapę witryny (sitemap) w Nuxt na podstawie zewnętrznego API?

Zarejestruj się za darmo: https://sharpskill.dev/pl/login

## Inne tematy rekrutacyjne Vue.js / Nuxt.js

- [Podstawy JavaScript](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/javascript-fundamentals.md): 20 pytań, Junior
- [Nowoczesny JavaScript (ES6+)](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/es6-modern-javascript.md): 20 pytań, Junior
- [Podstawy Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-basics.md): 22 pytań, Junior
- [Komponenty Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-components.md): 20 pytań, Junior
- [Vue Router](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-router.md): 18 pytań, Junior
- [Pinia State Management](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/pinia-state-management.md): 20 pytań, Junior
- [Vuex (Legacy)](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vuex-legacy.md): 15 pytań, Mid-Level
- [Composition API](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/composition-api.md): 24 pytań, Mid-Level
- [Reaktywność Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-reactivity.md): 20 pytań, Mid-Level
- [Podstawy Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-fundamentals.md): 22 pytań, Mid-Level
- [Pobieranie danych w Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-data-fetching.md): 20 pytań, Mid-Level
- [SSR i SSG w Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-ssr-ssg.md): 22 pytań, Mid-Level
- [Trasy serwerowe Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-server-routes.md): 20 pytań, Mid-Level
- [Moduły Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-modules.md): 18 pytań, Mid-Level
- [Composables we Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-composables.md): 20 pytań, Mid-Level
- [Formularze i walidacja Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-forms-validation.md): 20 pytań, Mid-Level
- [Zarządzanie stanem w Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-state-management.md): 18 pytań, Mid-Level
- [Testowanie Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-testing.md): 20 pytań, Mid-Level
- [Wdrażanie Nuxt i CI/CD](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-deployment-cicd.md): 22 pytań, Mid-Level
- [Wydajność Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-performance.md): 22 pytań, Senior
- [Zaawansowane wzorce Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-advanced-patterns.md): 24 pytań, Senior
- [TypeScript z Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/typescript-vue.md): 22 pytań, Senior
- [Uwierzytelnianie Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-auth.md): 20 pytań, Senior
- [Internacjonalizacja w Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-i18n.md): 18 pytań, Senior
- [Architektura Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-architecture.md): 22 pytań, Senior
- [Bezpieczeństwo Nuxt](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/nuxt-security.md): 20 pytań, Senior
- [Ekosystem Vue](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/vue-ecosystem.md): 18 pytań, Senior
- [Migracja Vue 2→3 i Nuxt 2→3](https://sharpskill.dev/pl/technologies/vue-nuxt/pytania-rekrutacyjne/migration-vue2-vue3-nuxt2-nuxt3.md): 22 pytań, Senior

---

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