Ferramenta geral / 33

Gerador de Meta Tags de SEO do Shopify e Prévia de SERP

Gere tags de título e meta description otimizadas para busca no Shopify com prévias de SERP por largura em pixels, Liquid reutilizável e saída HTML estática.

Gerador de Meta Tags de SEO do Shopify e Prévia de SERP: TOEA estima as larguras de título e descrição (~600px e ~960px nos limites de desktop), depois cria um snippet Liquid com escopo por tipo de página que lê objetos do Shopify no momento da renderização. O painel de HTML estático é uma prévia dos valores inseridos aqui, não um substituto para todo o tema. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar

Detalhes da página e dos metadados do Shopify

Usado apenas na prévia estática do produto.

Prévia em tempo real do cartão na SERP do Google

https://apexcoffeeroasters.myshopify.com› products ›gr-os-de-espresso-org-nicos-artesanais

Grãos de espresso orgânicos artesanais | Apex Coffee Roasters

US$24.99 • Conheça nossos grãos de espresso orgânicos de pequenos lotes, torrados localmente, com notas ricas de chocolate amargo e avelã. Peça café fresco online hoje mesmo!

Largura do título em pixels465px / 600px
61 caracteres ✓ Dentro dos limites do título
Largura da meta description963px / 960px
163 caracteres ⚠️ Pode truncar o texto do snippet
Snippet de meta em Shopify Liquid
Saída da prévia HTML estática

Onde o Shopify já insere essas tags

A maioria dos temas, incluindo o Dawn e os muitos temas baseados nele, já gera o título, a meta description e as tags Open Graph a partir de layout/theme.liquid e de um snippet como meta-tags.liquid. Adicionar este snippet também produz dois títulos e duas descrições. Comente ou remova as tags do próprio tema para os tipos de página cobertos pelo snippet e veja o código-fonte da página para confirmar que resta apenas uma de cada.

Títulos e descrições no admin

O admin do Shopify tem uma seção de listagem em mecanismos de busca para cada produto, coleção e página, e o Liquid disponibiliza esses valores como page_title e page_description. O snippet lê esses valores primeiro, portanto uma listagem preenchida manualmente no admin é o que os mecanismos de busca veem; se ela ficar vazia, o sistema usa o título e a descrição do próprio item. Alterar uma listagem depois exige apenas uma edição no admin, não no tema. Os contadores do admin permitem 70 caracteres no título e 320 na descrição, mais do que uma página de resultados exibe. Por isso, escreva a listagem usando os medidores de pixels aqui.

A descrição de um produto pode ser muito mais longa que um snippet, e os mecanismos de busca simplesmente a truncam. Verifique o resultado com o verificador de meta tags depois que ele estiver no ar.

Como usar

  1. Escolha Produto, Coleção ou Página e preencha título, nome da loja, descrição e palavra‑chave foco.
  2. Revise a prévia de URL específica da página, o preço do produto com a moeda correta e os medidores de truncamento por largura em pixels.
  3. Salve o Liquid reutilizável como um snippet do tema e renderize a partir de layout/theme.liquid, ou copie a saída HTML estática separada para testes.

Privacidade e limitações

Os detalhes da sua loja e dos produtos permanecem inteiramente no seu navegador.

Ferramentas relacionadas

Perguntas frequentes

Por que medir títulos em largura de pixels em vez de contagem de caracteres?

O Google trunca títulos na SERP com base na largura em pixels do contêiner (~600px), não em um número exato de caracteres. Caracteres largos ('W', 'M') ocupam mais espaço que os estreitos ('i', 'l').

Onde devo colar o snippet Liquid?

Salve como um snippet, por exemplo snippets/toea-meta-tags.liquid, e renderize esse snippet dentro do <head> de layout/theme.liquid. Ele lê objetos de product, collection, page, shop e currency em tempo de execução, então os valores de prévia não ficam hard-coded. Substitua metadados do tema que se sobreponham, em vez de adicionar uma segunda tag de título ou de descrição.

Posso colar a saída HTML estática em theme.liquid?

Use o painel de HTML estático apenas para prévias ou testes controlados. Ele contém os valores inseridos nesta ferramenta; use a saída Liquid reutilizável em um tema ativo para que cada página receba seus próprios dados do Shopify.

Ferramenta grátis · no seu navegador execuções · não precisa de conta