# SEO dengan Nuxt (Vue.js / Nuxt.js) > Meta tag, useHead, useSeoMeta, structured data, sitemap, robots.txt, Open Graph, berbagi di media sosial - 20 pertanyaan wawancara - Senior - [Pertanyaan Wawancara: Vue.js / Nuxt.js](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara.md) ## 1. Apa perbedaan utama antara useHead dan useSeoMeta di Nuxt? **Jawaban** useHead adalah composable generik untuk mengelola semua tag head HTML (title, script, link, style, meta), sedangkan useSeoMeta dikhususkan hanya untuk meta tag SEO dengan pengetikan TypeScript yang ketat. useSeoMeta menawarkan keamanan tipe yang lebih baik dan validasi otomatis untuk properti SEO seperti og:image, twitter:card, sementara useHead memerlukan konfigurasi meta tag secara manual. Sebaiknya gunakan useSeoMeta untuk metadata SEO dan useHead untuk elemen head lainnya. ## 2. Apa itu tag canonical dan mengapa penting untuk SEO? **Jawaban** Tag canonical (rel=canonical) memberi tahu mesin pencari mana versi utama dari sebuah halaman ketika beberapa URL memiliki konten yang serupa atau identik. Ini mencegah penalti konten duplikat dan mengonsolidasikan PageRank ke URL kanonik. Di Nuxt, tag canonical secara default dibuat otomatis untuk setiap halaman, mengarah ke URL saat ini. Tag ini dapat dinonaktifkan atau disesuaikan melalui useSeoMeta dengan canonical: false atau URL tertentu. Penting untuk situs dengan paginasi, filter, atau versi multibahasa. ## 3. Bagaimana cara menonaktifkan pengindeksan halaman tertentu di Nuxt sambil tetap mengizinkan crawling? **Jawaban** Menggunakan useSeoMeta dengan robots: 'noindex, follow' memungkinkan crawler mengunjungi halaman dan mengikuti tautan, tetapi mencegah pengindeksan di hasil pencarian. Pendekatan ini lebih baik daripada robots.txt untuk halaman yang sudah terindeks, karena robots.txt memblokir crawling tetapi tidak menghapus halaman dari indeks. Alternatif: gunakan defineRouteRules dengan robots: 'noindex' untuk konfigurasi terpusat. Untuk memblokir crawling sepenuhnya, robots.txt dengan Disallow diperlukan tetapi kurang fleksibel per halaman. ## 17 pertanyaan lagi tersedia - Apa saja properti Open Graph yang penting untuk berbagi sosial yang baik? - Bagaimana cara menghasilkan sitemap dinamis di Nuxt dari API eksternal? Daftar gratis: https://sharpskill.dev/id/login ## Topik wawancara Vue.js / Nuxt.js lainnya - [Dasar-Dasar JavaScript](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/javascript-fundamentals.md): 20 pertanyaan, Junior - [JavaScript Modern (ES6+)](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/es6-modern-javascript.md): 20 pertanyaan, Junior - [Dasar-Dasar Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-basics.md): 22 pertanyaan, Junior - [Komponen Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-components.md): 20 pertanyaan, Junior - [Vue Router](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-router.md): 18 pertanyaan, Junior - [Pinia State Management](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/pinia-state-management.md): 20 pertanyaan, Junior - [Vuex (Legacy)](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vuex-legacy.md): 15 pertanyaan, Mid-Level - [Composition API](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/composition-api.md): 24 pertanyaan, Mid-Level - [Reaktivitas Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-reactivity.md): 20 pertanyaan, Mid-Level - [Dasar-Dasar Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-fundamentals.md): 22 pertanyaan, Mid-Level - [Data Fetching Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-data-fetching.md): 20 pertanyaan, Mid-Level - [SSR & SSG Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-ssr-ssg.md): 22 pertanyaan, Mid-Level - [Server Routes Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-server-routes.md): 20 pertanyaan, Mid-Level - [Modul Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-modules.md): 18 pertanyaan, Mid-Level - [Composable Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-composables.md): 20 pertanyaan, Mid-Level - [Form & Validasi Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-forms-validation.md): 20 pertanyaan, Mid-Level - [Manajemen State Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-state-management.md): 18 pertanyaan, Mid-Level - [Testing Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-testing.md): 20 pertanyaan, Mid-Level - [Deployment Nuxt & CI/CD](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-deployment-cicd.md): 22 pertanyaan, Mid-Level - [Performa Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-performance.md): 22 pertanyaan, Senior - [Pola Lanjutan Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-advanced-patterns.md): 24 pertanyaan, Senior - [TypeScript dengan Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/typescript-vue.md): 22 pertanyaan, Senior - [Autentikasi Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-auth.md): 20 pertanyaan, Senior - [Internasionalisasi Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-i18n.md): 18 pertanyaan, Senior - [Arsitektur Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-architecture.md): 22 pertanyaan, Senior - [Keamanan Nuxt](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-security.md): 20 pertanyaan, Senior - [Ekosistem Vue](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/vue-ecosystem.md): 18 pertanyaan, Senior - [Migrasi Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/migration-vue2-vue3-nuxt2-nuxt3.md): 22 pertanyaan, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/id/technologies/vue-nuxt/pertanyaan-wawancara/nuxt-seo