SEO z Nuxt
Meta tagi, useHead, useSeoMeta, structured data, mapy witryn, robots.txt, Open Graph, udostępnianie społecznościowe
1Jaka jest główna różnica między useHead a useSeoMeta w Nuxt?
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.
2Czym jest tag canonical i dlaczego jest ważny dla SEO?
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.
3Jak wyłączyć indeksowanie konkretnej strony w Nuxt, jednocześnie zezwalając na crawling?
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.
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?
+17 pytań z rozmów
Inne tematy rekrutacyjne Vue.js / Nuxt.js
Podstawy JavaScript
Nowoczesny JavaScript (ES6+)
Podstawy Vue
Komponenty Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktywność Vue
Podstawy Nuxt
Pobieranie danych w Nuxt
SSR i SSG w Nuxt
Trasy serwerowe Nuxt
Moduły Nuxt
Composables we Vue
Formularze i walidacja Vue
Zarządzanie stanem w Nuxt
Testowanie Vue
Wdrażanie Nuxt i CI/CD
Wydajność Vue
Zaawansowane wzorce Vue
TypeScript z Vue
Uwierzytelnianie Nuxt
Internacjonalizacja w Nuxt
Architektura Vue
Bezpieczeństwo Nuxt
Ekosystem Vue
Migracja Vue 2→3 i Nuxt 2→3
Opanuj Vue.js / Nuxt.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo