Meta tags SEO para WordPress, Shopify e outros CMS em 2026
A maioria dos sites no Brasil usa algum sistema de gerenciamento de conteúdo (CMS) como WordPress, Shopify ou Wix, onde implementar meta tags SEO requer abordagens específicas para cada plataforma. Não é necessário editar código HTML diretamente em todos os casos — plugins e configurações nativas do CMS facilitam o processo. Mas entender o que cada meta tag faz e como gerá-las corretamente com o Gerador de Meta Tags da WikiPlus ajuda a tomar decisões mais fundamentadas e verificar se as configurações do CMS estão corretas.
Meta tags SEO no WordPress: Yoast vs Rank Math
WordPress não configura meta tags SEO automaticamente — você precisa de um plugin. Os dois mais populares são Yoast SEO (mais de 5 milhões de instalações) e Rank Math. Ambos adicionam campos abaixo de cada post e página para definir SEO title, meta description e configurações de Open Graph. Yoast usa variáveis como %%title%% e %%sitename%% em templates de título. Rank Math tem interface mais moderna e inclui suporte a schema.org integrado. Para verificar se as meta tags geradas pelo plugin estão corretas, inspecione o código-fonte da página publicada (Ctrl+U no navegador) e procure pelas tags no <head>. Use o Gerador de Meta Tags da WikiPlus para criar titles e descriptions otimizados, depois copie-os para os campos dos plugins SEO. A ferramenta garante comprimento correto e sintaxe válida antes de implementar.
Meta tags no Shopify: produtos, categorias e páginas
No Shopify, meta tags são configuradas em três contextos principais. Para produtos individuais: Settings > Search Engine Listing Preview em cada produto permite definir SEO title e description. Para coleções de produtos: mesma opção disponível em cada coleção. Para páginas estáticas (About, Contact, etc.): Settings > Search Engine Listing Preview nas páginas. O Shopify preenche automaticamente esses campos com título e descrição do produto se não preenchidos manualmente. Para Open Graph, o tema padrão do Shopify já inclui meta tags og: automaticamente usando os dados do produto, mas você pode personalizá-las editando o arquivo layout/theme.liquid do tema. Para lojas com centenas de produtos, use a API de produtos do Shopify combinada com scripts de automação para preencher em lote os campos de SEO com titles e descriptions otimizados.
Meta tags em Next.js, Nuxt e frameworks modernos
Frameworks JavaScript modernos têm APIs específicas para gerenciar meta tags. Em Next.js 13+ com App Router, use o sistema Metadata API: em qualquer layout.tsx ou page.tsx, exporte const metadata: Metadata = { title: 'Título da Página', description: 'Descrição', openGraph: { title: 'OG Title', description: 'OG Description', images: [{ url: 'https://...' }] } }. Em Next.js com Pages Router, use o componente <Head> do next/head. Em Nuxt 3, use useHead() ou useSeoMeta() dentro dos componentes. Em SvelteKit, use a tag <svelte:head>. Em Astro, passe props de meta para o layout HTML. O Gerador de Meta Tags da WikiPlus fornece os valores de title, description e OG tags que você adapta para a sintaxe específica do seu framework, garantindo que o conteúdo esteja otimizado antes de implementar.
Auditoria de meta tags: como verificar todo o site
Para sites com muitas páginas, auditar meta tags manualmente é inviável. Ferramentas de auditoria automatizada cobrem essa necessidade. Screaming Frog SEO Spider rastreia até 500 URLs gratuitamente e exporta um relatório completo de meta tags, identificando duplicatas, textos truncados e campos vazios. Google Search Console > Cobertura mostra páginas sem meta title ou com problemas de indexação relacionados. Semrush e Ahrefs oferecem auditorias de site que incluem verificação de meta tags como parte de um relatório completo de SEO on-page. Para a verificação inicial e para novas páginas individuais, o Gerador de Meta Tags da WikiPlus combinado com a visualização do código-fonte (Ctrl+U) é a abordagem mais rápida e prática, sem necessidade de instalar nenhuma ferramenta adicional.
Perguntas frequentes
- Posso ter meta tags diferentes para a versão desktop e mobile do site?
- Meta tags são parte do HTML que é igual para desktop e mobile (o Google usa mobile-first indexing mas lê o mesmo HTML). Para sites com versões completamente separadas de desktop e mobile (URLs diferentes), cada versão deve ter suas próprias meta tags com rel='alternate' e rel='canonical' configurados corretamente para evitar conteúdo duplicado.
- Meta tags robots noindex remove uma página do Google imediatamente?
- Não imediatamente. Quando o Googlebot rastrear a página (pode levar dias ou semanas dependendo da frequência de crawl do site), ele lerá o noindex e removerá a página do índice. Para remoção urgente, use a ferramenta de Remoção de URL no Google Search Console além do noindex.
- Wix e Squarespace permitem personalizar meta tags?
- Sim. Wix tem campos de SEO title e description em cada página no painel de SEO. Squarespace tem 'SEO Description' nas configurações de cada página. Para Open Graph no Wix, use o Wix SEO Wiz. Ambas as plataformas geram automaticamente algumas meta tags, mas permitem personalização manual para páginas importantes.