SEO con Nuxt
Meta tags, useHead, useSeoMeta, structured data, sitemaps, robots.txt, Open Graph, compartir en redes sociales
1¿Cuál es la diferencia principal entre useHead y useSeoMeta en Nuxt?
¿Cuál es la diferencia principal entre useHead y useSeoMeta en Nuxt?
Respuesta
useHead es un composable genérico para gestionar todas las etiquetas del head HTML (title, script, link, style, meta), mientras que useSeoMeta está especializado únicamente en las meta tags SEO con tipado estricto de TypeScript. useSeoMeta ofrece mejor seguridad de tipos y validación automática de propiedades SEO como og:image, twitter:card, mientras que useHead requiere configuración manual de las meta tags. Conviene usar useSeoMeta para los metadatos SEO y useHead para los demás elementos del head.
2¿Qué es una etiqueta canonical y por qué es importante para el SEO?
¿Qué es una etiqueta canonical y por qué es importante para el SEO?
Respuesta
La etiqueta canonical (rel=canonical) indica a los motores de búsqueda cuál es la versión principal de una página cuando varias URLs tienen contenido similar o idéntico. Evita la penalización por contenido duplicado y consolida el PageRank hacia la URL canónica. En Nuxt, la etiqueta canonical se genera automáticamente por defecto para cada página, apuntando a la URL actual. Puede desactivarse o personalizarse mediante useSeoMeta con canonical: false o una URL específica. Es esencial para sitios con paginación, filtros o versiones multilingües.
3¿Cómo desactivar la indexación de una página específica en Nuxt permitiendo a la vez el crawling?
¿Cómo desactivar la indexación de una página específica en Nuxt permitiendo a la vez el crawling?
Respuesta
Usar useSeoMeta con robots: 'noindex, follow' permite a los crawlers visitar la página y seguir los enlaces, pero impide la indexación en los resultados de búsqueda. Este enfoque es preferible a robots.txt para las páginas ya indexadas, ya que robots.txt bloquea el crawling pero no elimina las páginas del índice. Alternativa: usar defineRouteRules con robots: 'noindex' para una configuración centralizada. Para bloquear completamente el crawling, robots.txt con Disallow es necesario pero menos flexible por página.
¿Cuáles son las propiedades Open Graph esenciales para una buena compartición social?
¿Cómo generar un sitemap dinámico en Nuxt a partir de una API externa?
+17 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Gestión de estado en Nuxt
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis