Nou Generator de prompt AI — scrie prompturi mai bune pentru ChatGPT, Claude și Gemini →

Meta-tagurile SEO cu useHead() și useSeoMeta() în Nuxt 3 în Vue.js & Nuxt

Configurează meta-tagurile paginii, titlurile dinamice, scripturile externe și etichetele Open Graph în Nuxt 3.

Sintaxă
useSeoMeta({ title: 'Titlu', description: 'Descriere' });

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>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Meta-tagurile SEO cu useHead() și useSeoMeta() în Nuxt 3

Ai o nelămurire despre utilizarea comenzii Meta-tagurile SEO cu useHead() și useSeoMeta() în Nuxt 3 sau 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.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.