SEO dengan Nuxt
Meta tag, useHead, useSeoMeta, structured data, sitemap, robots.txt, Open Graph, berbagi di media sosial
1Apa perbedaan utama antara useHead dan useSeoMeta di Nuxt?
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.
2Apa itu tag canonical dan mengapa penting untuk SEO?
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.
3Bagaimana cara menonaktifkan pengindeksan halaman tertentu di Nuxt sambil tetap mengizinkan crawling?
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.
Apa saja properti Open Graph yang penting untuk berbagi sosial yang baik?
Bagaimana cara menghasilkan sitemap dinamis di Nuxt dari API eksternal?
+17 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis