SEO com Nuxt
Meta tags, useHead, useSeoMeta, structured data, sitemaps, robots.txt, Open Graph, compartilhamento em redes sociais
1Qual é a principal diferença entre useHead e useSeoMeta no Nuxt?
Qual é a principal diferença entre useHead e useSeoMeta no Nuxt?
Resposta
useHead é um composable genérico para gerenciar todas as tags do head HTML (title, script, link, style, meta), enquanto useSeoMeta é especializado apenas em meta tags de SEO com tipagem estrita do TypeScript. useSeoMeta oferece melhor segurança de tipos e validação automática de propriedades de SEO como og:image, twitter:card, enquanto useHead exige configuração manual das meta tags. Prefira useSeoMeta para metadados de SEO e useHead para os demais elementos do head.
2O que é uma tag canonical e por que ela é importante para o SEO?
O que é uma tag canonical e por que ela é importante para o SEO?
Resposta
A tag canonical (rel=canonical) informa aos motores de busca qual é a versão principal de uma página quando várias URLs têm conteúdo semelhante ou idêntico. Ela evita a penalização por conteúdo duplicado e consolida o PageRank para a URL canônica. No Nuxt, a tag canonical é gerada automaticamente por padrão para cada página, apontando para a URL atual. Ela pode ser desativada ou personalizada via useSeoMeta com canonical: false ou uma URL específica. Essencial para sites com paginação, filtros ou versões multilíngues.
3Como desativar a indexação de uma página específica no Nuxt permitindo ao mesmo tempo o crawling?
Como desativar a indexação de uma página específica no Nuxt permitindo ao mesmo tempo o crawling?
Resposta
Usar useSeoMeta com robots: 'noindex, follow' permite que os crawlers visitem a página e sigam os links, mas impede a indexação nos resultados de busca. Essa abordagem é preferível ao robots.txt para páginas já indexadas, pois o robots.txt bloqueia o crawling mas não remove as páginas do índice. Alternativa: usar defineRouteRules com robots: 'noindex' para uma configuração centralizada. Para bloquear completamente o crawling, o robots.txt com Disallow é necessário, mas menos flexível por página.
Quais são as propriedades Open Graph essenciais para um bom compartilhamento social?
Como gerar um sitemap dinâmico no Nuxt a partir de uma API externa?
+17 perguntas de entrevista
Outros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos do Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reatividade do Vue
Fundamentos do Nuxt
Data Fetching no Nuxt
SSR e SSG no Nuxt
Rotas de servidor Nuxt
Módulos Nuxt
Composables do Vue
Formulários e validação Vue
Gerenciamento de estado no Nuxt
Testes no Vue
Deploy do Nuxt e CI/CD
Desempenho do Vue
Padrões avançados do Vue
TypeScript com Vue
Autenticação Nuxt
Internacionalização no Nuxt
Arquitetura Vue
Segurança no Nuxt
Ecossistema Vue
Migração Vue 2→3 e Nuxt 2→3
Domine Vue.js / Nuxt.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis