Gestiunea SEO în Nuxt 3: useHead și useSeoMeta
Nuxt 3 oferă două composable-uri specializate pentru controlul secțiunii <head> din HTML:
useHead(): configurează etichete complete (link-uri CSS, favicon, scripturi externe).useSeoMeta(): composable optimizat cu verificare de tip completă pentru peste 100 de proprietăți SEO populare (Open Graph, Twitter Card, meta robots, description).
Exemplu Concret: Setarea metadatelor pentru partajarea pe rețele sociale
<script setup>
useSeoMeta({
title: 'Ghid Complet Vue 3 și Nuxt 3 - DexBlog',
description: 'Învață toate secretele dezvoltării moderne cu Vue 3 și Nuxt 3.',
ogTitle: 'Ghid Complet Vue 3 și Nuxt 3',
ogDescription: 'Tutorial detaliat cu exemple practice în limba română.',
ogImage: 'https://dexblog.ro/imagini/og-vue.png',
twitterCard: 'summary_large_image'
});
</script>
Întrebări & Exemple de Cod:
Meta-tagurile SEO cu useHead() și useSeoMeta() în Nuxt 3Ai o nelămurire despre utilizarea comenzii
Meta-tagurile SEO cu useHead() și useSeoMeta() în Nuxt 3sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.