Question 1

Nuxt'ta useHead ile useSeoMeta arasındaki temel fark nedir?

Accepted Answer

useHead, tüm HTML head etiketlerini (title, script, link, style, meta) yönetmek için kullanılan genel bir composable iken, useSeoMeta yalnızca katı TypeScript tipi olan SEO meta etiketleri için özelleşmiştir. useSeoMeta, og:image, twitter:card gibi SEO özellikleri için daha iyi tip güvenliği ve otomatik doğrulama sunarken, useHead meta etiketlerinin manuel olarak yapılandırılmasını gerektirir. SEO meta verileri için useSeoMeta'yı, diğer head öğeleri için useHead'i tercih edin.

Question 2

Canonical etiketi nedir ve SEO için neden önemlidir?

Accepted Answer

Canonical etiketi (rel=canonical), birden fazla URL benzer veya aynı içeriğe sahip olduğunda bir sayfanın hangi sürümünün birincil olduğunu arama motorlarına bildirir. Yinelenen içerik cezasını önler ve PageRank'i canonical URL'de toplar. Nuxt'ta canonical etiketi varsayılan olarak her sayfa için otomatik oluşturulur ve mevcut URL'yi gösterir. useSeoMeta ile canonical: false veya belirli bir URL kullanılarak devre dışı bırakılabilir veya özelleştirilebilir. Sayfalama, filtreler veya çok dilli sürümler içeren siteler için temel önemdedir.

Question 3

Nuxt'ta crawling'e izin verirken belirli bir sayfanın dizine eklenmesi nasıl devre dışı bırakılır?

Accepted Answer

useSeoMeta'yı robots: 'noindex, follow' ile kullanmak, tarayıcıların sayfayı ziyaret etmesine ve bağlantıları izlemesine izin verir, ancak arama sonuçlarında dizine eklenmesini engeller. Bu yaklaşım, zaten dizine eklenmiş sayfalar için robots.txt'ye tercih edilir; çünkü robots.txt crawling'i engeller ama sayfaları dizinden kaldırmaz. Alternatif: merkezi yapılandırma için defineRouteRules ile robots: 'noindex' kullanın. Crawling'i tamamen engellemek için Disallow içeren robots.txt gereklidir, ancak sayfa başına daha az esnektir.

Nuxt ile SEO

Nuxt'ta useHead ile useSeoMeta arasındaki temel fark nedir?

Cevap

Canonical etiketi nedir ve SEO için neden önemlidir?

Cevap

Nuxt'ta crawling'e izin verirken belirli bir sayfanın dizine eklenmesi nasıl devre dışı bırakılır?

Cevap

İyi sosyal paylaşım için temel Open Graph özellikleri nelerdir?

Harici bir API'den Nuxt'ta dinamik bir sitemap nasıl oluşturulur?

Diğer Vue.js / Nuxt.js mülakat konuları

JavaScript Temelleri

Modern JavaScript (ES6+)

Vue Temelleri

Vue Bileşenleri

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue Reaktifliği

Nuxt Temelleri

Nuxt Data Fetching

Nuxt SSR & SSG

Nuxt Sunucu Rotaları

Nuxt Modülleri

Vue Composable'ları

Vue Formları ve Doğrulama

Nuxt Durum Yönetimi

Vue Testing

Nuxt Dağıtımı & CI/CD

Vue Performansı

İleri Düzey Vue Desenleri

Vue ile TypeScript

Nuxt Kimlik Doğrulama

Nuxt Uluslararasılaştırma

Vue Mimarisi

Nuxt Güvenliği

Vue Ekosistemi

Vue 2→3 & Nuxt 2→3 Geçişi

Bir sonraki mülakatın için Vue.js / Nuxt.js'de uzmanlaş