Gerador de Meta Tags v1.0

Título do Site
Descrição do Site
Palavras-chave do site (separadas por vírgula)
Permitir que os robôs indexem o seu site?
Permitir que os robôs sigam todos os links?
Que tipo de conteúdo o seu site vai mostrar?
Qual é o idioma principal do seu site?

(Meta tag opcional)

O motor de pesquisa deve revisitar esta página após.     dias.


Autor:



O gerador de meta tags do ToolsPivot cria código HTML pronto para title, description, keywords, robots e charset a partir de um formulário simples, sem exigir conhecimento técnico ou cadastro. Diferente de ferramentas como o 4Devs ou o EasyRetro, que limitam as opções de configuração, o ToolsPivot inclui seleção de idioma, intervalo de revisita e codificação de caracteres em uma única interface.

Meta tags são trechos de código inseridos na seção do HTML que informam aos mecanismos de busca o título, a descrição e as instruções de rastreamento de cada página. Páginas com meta descriptions bem escritas registram até 5,8% mais cliques nos resultados de pesquisa do que páginas sem descrição personalizada. Mesmo assim, muitos sites brasileiros ignoram essas tags ou as preenchem de forma genérica, desperdiçando espaço nos resultados do Google.

O Que o Gerador de Meta Tags do ToolsPivot Faz

A ferramenta gera código HTML completo para as principais meta tags de uma página. Você preenche os campos, escolhe as configurações e recebe o código formatado para colar no seu site. Cada campo produz uma tag específica:

  • Tag de título (title): Campo com monitoramento de caracteres para você criar títulos dentro do limite de 60 caracteres exibidos pelo Google no desktop. O título é o link azul clicável nos resultados de busca.

  • Meta description: Área de texto para escrever a descrição da página com contagem de caracteres em tempo real. O Google exibe entre 155 e 160 caracteres no desktop, então a ferramenta ajuda a manter o texto no tamanho certo.

  • Meta keywords: Campo para inserir palavras-chave separadas por vírgula. Embora o Google não use mais essa tag para ranking, alguns CMS e buscadores menores ainda a consideram. Você pode complementar com uma pesquisa no pesquisador de palavras-chave antes de preencher esse campo.

  • Diretiva robots (index/noindex, follow/nofollow): Dois seletores que definem se o Google pode indexar a página e se deve seguir os links nela. Ideal para proteger páginas de agradecimento, áreas administrativas ou conteúdo duplicado.

  • Tipo de conteúdo e codificação (charset): Opções para UTF-8, UTF-16, ISO-8859-1 e WINDOWS-1252. UTF-8 é o padrão para a maioria dos sites e garante exibição correta de acentos em português (á, ã, ç, ê, õ).

  • Idioma principal: Seletor com 10 opções de idioma, incluindo português. Essa tag ajuda buscadores a direcionar a página para pesquisas no idioma correto.

  • Autor: Campo opcional para atribuir autoria ao conteúdo. Útil para blogs, portais de notícias e sites de freelancers que querem vincular o trabalho ao próprio nome.

  • Intervalo de revisita: Sugestão em dias para que os robôs de busca voltem a rastrear a página. Bom para sites com atualizações frequentes, como e-commerces que mudam preços com regularidade.

O resultado é um bloco de código HTML que você copia com um clique. Se quiser verificar como as meta tags existentes do seu site estão configuradas, use o analisador de meta tags antes de gerar novas.

Como Usar o Gerador de Meta Tags do ToolsPivot

  1. Preencha o título do site: Digite o título da página no primeiro campo. Fique de olho na contagem de caracteres e tente manter abaixo de 60 para evitar corte nos resultados do Google.

  2. Escreva a descrição: Redija um resumo de 150 a 155 caracteres que descreva o conteúdo da página e inclua a palavra-chave principal. Essa é a frase que aparece abaixo do título nos resultados de busca.

  3. Adicione as palavras-chave: Insira de 5 a 10 termos relevantes separados por vírgula. Não repita palavras e evite encher o campo com dezenas de termos.

  4. Configure as diretivas de robôs: Selecione "Sim" para permitir indexação e rastreamento de links, ou "Não" para bloquear. A maioria das páginas públicas deve usar "Sim" em ambas.

  5. Escolha codificação e idioma: Mantenha UTF-8 como padrão (funciona para português) e selecione "Portuguese" no campo de idioma.

  6. Copie o código gerado: Clique no botão para gerar as tags. O ToolsPivot exibe o bloco HTML completo. Copie e cole entre as tags e do seu documento HTML.

Se você usa WordPress, cole o código no campo de cabeçalho do tema ou use um plugin de SEO. Em plataformas como Wix ou Shopify, procure a opção de cabeçalho personalizado nas configurações de SEO da página.

Vantagens do Gerador de Meta Tags do ToolsPivot

  • Código HTML válido em segundos. Escrever meta tags manualmente exige atenção a aspas, barras e atributos. A ferramenta entrega a sintaxe correta sem chance de erro de formatação. Você economiza tempo e evita bugs no código.

  • Controle de caracteres em tempo real. Títulos cortados no Google prejudicam a taxa de cliques. O contador integrado mostra exatamente quantos caracteres você já usou, facilitando o ajuste antes de publicar.

  • Configuração de robots sem editar código. Definir noindex ou nofollow manualmente no HTML é fácil de errar. Com dois cliques, você gera a diretiva correta. Combine com o gerador de robots.txt para controlar o rastreamento do site inteiro.

  • Suporte a charset e idioma. Sites em português precisam de UTF-8 para exibir acentos corretamente. A ferramenta já inclui a tag de codificação e idioma no código gerado, algo que muitos concorrentes ignoram.

  • Zero cadastro, zero limite de uso. Gere meta tags para quantas páginas quiser. Não há paywall, não há limite diário e nenhum dado fica salvo nos servidores do ToolsPivot.

  • Compatível com qualquer plataforma. O código HTML gerado funciona em sites estáticos, WordPress, Joomla, Shopify, Wix e qualquer CMS que permita editar o cabeçalho da página.

  • Complementa outras ferramentas de SEO. Depois de gerar as meta tags, rode uma verificação de SEO completa no seu site para garantir que título, descrição e robots estejam funcionando como esperado.

Quais Meta Tags o Google Ainda Considera

Nem todas as meta tags afetam o ranking. Saber quais o Google lê (e quais ele ignora) evita que você perca tempo com configurações inúteis e ajuda a interpretar melhor o código que o gerador produz.

A tag de título (</code>) é o fator on-page com maior peso no ranking. O Google usa o texto do título para entender o assunto da página e exibe essa tag como o link clicável nos resultados. Um título mal escrito ou genérico reduz a chance de clique mesmo que a página esteja bem posicionada.</p> <p>A meta description não influencia o ranking diretamente, mas afeta o CTR. O Google pode reescrever a descrição se achar que o texto não combina com a busca do usuário. Por isso, escreva descrições que refletem fielmente o conteúdo da página. O <a href="https://toolspivot.com/pt/ai-meta-description-generator">gerador de meta descriptions com IA</a> pode ajudar a criar textos mais persuasivos.</p> <p>A tag robots (index/noindex, follow/nofollow) é uma das poucas meta tags que o Google obedece sem questionar. Se você marcar noindex, a página sai dos resultados. Errar aqui pode esconder páginas importantes do Google, então confira duas vezes antes de publicar.</p> <p>Meta keywords? O Google confirmou que não usa essa tag para ranking desde 2009. Mas o Bing e alguns buscadores regionais podem considerá-la. Se o campo está ali, preencha com moderação (5 a 10 termos) sem expectativa de efeito direto no Google.</p> <p>A tag charset (UTF-8 na maioria dos casos) garante que os caracteres apareçam corretamente no navegador. Sem ela, acentos e cedilhas podem virar símbolos estranhos na tela do visitante. A tag viewport, embora o gerador do ToolsPivot não a inclua, é outra meta tag que o Google usa para avaliar se o site é compatível com dispositivos móveis. Você pode verificar isso com o <a href="https://toolspivot.com/pt/page-speed-checker">verificador de velocidade de página</a>.</p> <h2>Quando Gerar (ou Refazer) Suas Meta Tags</h2> <p>Criar meta tags não é algo que você faz uma vez e esquece. Existem momentos específicos em que vale a pena rodar o gerador e atualizar o código do site.</p> <p><strong>Lançamento de site novo.</strong> Antes de colocar qualquer página no ar, gere as meta tags para a home, páginas de produto e páginas institucionais. Um e-commerce no Mercado Livre ou na Shopify Brasil que nasce sem meta descriptions perde visibilidade nos primeiros meses.</p> <p><strong>Publicação de artigos no blog.</strong> Cada post precisa de título e descrição únicos. Copiar a mesma meta description para todos os artigos é um erro comum, e o Google pode ignorar descrições duplicadas. Se você escreve para um blog corporativo, combine o gerador com o <a href="https://toolspivot.com/pt/keyword-density-checker">verificador de densidade de palavras-chave</a> para equilibrar a frequência dos termos.</p> <p><strong>Migração de plataforma.</strong> Trocar de WordPress para Shopify (ou vice-versa) pode bagunçar as meta tags existentes. Gere o código novamente e confira se o formato está correto na nova plataforma.</p> <p><strong>Auditoria de SEO.</strong> Se uma verificação de SEO apontar meta descriptions ausentes ou títulos cortados, o gerador resolve o problema em minutos. MEIs e pequenas empresas brasileiras que cuidam do próprio site podem fazer esse ajuste sem precisar contratar um desenvolvedor.</p> <p><strong>Páginas com CTR baixo no Search Console.</strong> Se uma página recebe impressões no Google mas poucos cliques, o problema pode estar na meta description. Reescreva a descrição com um texto mais persuasivo e use o <a href="https://toolspivot.com/pt/ai-meta-title-generator">gerador de títulos com IA</a> para testar variações.</p> <h2>Erros Que Prejudicam Suas Meta Tags</h2> <p>Gerar o código é a parte fácil. O que separa meta tags eficientes de tags ignoradas pelo Google são erros que a maioria dos sites brasileiros comete sem perceber.</p> <p><strong>Título com mais de 60 caracteres.</strong> O Google corta títulos longos e substitui por reticências. O visitante não vê a mensagem completa e a taxa de cliques cai. Mantenha o título entre 50 e 60 caracteres e coloque a palavra-chave principal no começo.</p> <p><strong>Descrição genérica ou duplicada.</strong> Frases como "Bem-vindo ao nosso site" ou "Somos a melhor empresa do ramo" não dizem nada ao usuário. Pior: se 20 páginas usam a mesma descrição, o Google pode ignorar todas. Escreva uma descrição única para cada página, com no máximo 155 caracteres.</p> <p><strong>Keyword stuffing na tag de palavras-chave.</strong> Encher o campo com 50 termos repetidos não melhora o ranking. Na verdade, pode sinalizar spam. Limite-se a 5-10 palavras-chave relevantes. Uma pesquisa prévia de palavras-chave ajuda a escolher os termos certos.</p> <p><strong>Robots configurado como noindex por engano.</strong> Esse é o erro mais perigoso. Uma diretiva noindex remove a página dos resultados do Google. Antes de publicar, confirme que páginas públicas estão marcadas como "index, follow". Use o <a href="https://toolspivot.com/pt/spider-simulator">simulador de spider</a> para ver exatamente o que o robô do Google encontra na sua página.</p> <p><strong>Charset errado.</strong> Se o site está em português e usa ISO-8859-1 em vez de UTF-8, caracteres como "ã", "ç" e "é" podem aparecer como símbolos quebrados. O gerador do ToolsPivot oferece as quatro opções de charset. Na dúvida, fique com UTF-8.</p> <h2>Dúvidas Sobre o Gerador de Meta Tags</h2> <div id="bvfaq1"><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-0-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-0" aria-expanded="false" aria-controls="bvfaq1-0" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">O que é um gerador de meta tags?</span></a></h4></div><div id="bvfaq1-0" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-0-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Um gerador de meta tags é uma ferramenta online que cria código HTML para title, description, keywords e robots a partir de um formulário. O gerador do ToolsPivot entrega o código formatado para você colar diretamente na seção head do seu site, sem precisar escrever HTML manualmente.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-1-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-1" aria-expanded="false" aria-controls="bvfaq1-1" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Meta tags ainda são importantes para SEO?</span></a></h4></div><div id="bvfaq1-1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-1-h" aria-expanded="false"><div class="panel-body acordion_body"><p>A tag de título continua sendo um dos principais fatores de ranking on-page. A meta description não afeta o posicionamento diretamente, mas influencia a taxa de cliques nos resultados. Páginas com descrições bem escritas recebem mais visitas do que páginas sem descrição personalizada.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-2-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-2" aria-expanded="false" aria-controls="bvfaq1-2" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Qual o tamanho ideal do título e da meta description?</span></a></h4></div><div id="bvfaq1-2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-2-h" aria-expanded="false"><div class="panel-body acordion_body"><p>O Google exibe cerca de 60 caracteres para o título e entre 155 e 160 caracteres para a descrição no desktop. Em dispositivos móveis, o limite pode ser menor. Coloque as informações mais relevantes no começo para evitar que sejam cortadas.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-3-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-3" aria-expanded="false" aria-controls="bvfaq1-3" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">O gerador de meta tags do ToolsPivot é grátis?</span></a></h4></div><div id="bvfaq1-3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-3-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Sim, 100% grátis, sem cadastro e sem limite de uso. Você pode gerar meta tags para quantas páginas precisar sem criar conta ou informar e-mail. Nenhum dado fica salvo nos servidores.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-4-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-4" aria-expanded="false" aria-controls="bvfaq1-4" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">O Google ainda usa a meta tag keywords?</span></a></h4></div><div id="bvfaq1-4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-4-h" aria-expanded="false"><div class="panel-body acordion_body"><p>O Google confirmou que não utiliza a meta keywords para definir ranking desde 2009. Mas o Bing e alguns buscadores menores podem considerá-la. Se quiser preencher, limite-se a 5-10 termos relevantes sem repetição.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-5-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-5" aria-expanded="false" aria-controls="bvfaq1-5" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Posso usar o código gerado em WordPress, Wix ou Shopify?</span></a></h4></div><div id="bvfaq1-5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-5-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Sim. O código HTML gerado funciona em qualquer plataforma que permita editar o cabeçalho da página. No WordPress, cole no campo de cabeçalho do tema ou use um plugin de SEO. No Wix e Shopify, procure as configurações avançadas de SEO da página.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-6-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-6" aria-expanded="false" aria-controls="bvfaq1-6" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Qual a diferença entre o gerador de meta tags e o gerador Open Graph?</span></a></h4></div><div id="bvfaq1-6" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-6-h" aria-expanded="false"><div class="panel-body acordion_body"><p>O gerador de meta tags cria código para mecanismos de busca (Google, Bing). O <a href="https://toolspivot.com/pt/open-graph-generator">gerador Open Graph</a> cria tags específicas para redes sociais (Facebook, LinkedIn). Para cobertura completa, use os dois. O <a href="https://toolspivot.com/pt/twitter-card-generator">gerador de Twitter Cards</a> cuida da exibição no X (antigo Twitter).</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-7-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-7" aria-expanded="false" aria-controls="bvfaq1-7" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">O que acontece se eu marcar noindex por engano?</span></a></h4></div><div id="bvfaq1-7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-7-h" aria-expanded="false"><div class="panel-body acordion_body"><p>A página desaparece dos resultados do Google. Se perceber o erro, corrija a diretiva para "index, follow" e peça a reindexação pelo Google Search Console. O processo pode levar de horas a alguns dias dependendo da frequência de rastreamento do site.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-8-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-8" aria-expanded="false" aria-controls="bvfaq1-8" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Preciso gerar meta tags para cada página do site?</span></a></h4></div><div id="bvfaq1-8" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-8-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Sim. Cada página deve ter título e descrição únicos que reflitam o conteúdo específico daquela URL. Páginas com meta tags duplicadas confundem o Google e podem perder posições nos resultados de busca.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-9-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-9" aria-expanded="false" aria-controls="bvfaq1-9" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Como verificar se minhas meta tags estão funcionando?</span></a></h4></div><div id="bvfaq1-9" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-9-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Depois de publicar, use o analisador de meta tags do ToolsPivot para conferir se o título, a descrição e as diretivas de robots estão aparecendo corretamente. Outra opção é inspecionar o código-fonte da página no navegador (Ctrl+U) e procurar as tags na seção head.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-10-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-10" aria-expanded="false" aria-controls="bvfaq1-10" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">Qual charset devo escolher para um site em português?</span></a></h4></div><div id="bvfaq1-10" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-10-h" aria-expanded="false"><div class="panel-body acordion_body"><p>UTF-8 é a escolha certa para quase todos os sites em português. Essa codificação suporta todos os acentos e caracteres especiais do idioma (á, ã, ç, ê, õ, ú) e é o padrão recomendado pelo W3C. ISO-8859-1 funciona, mas tem suporte mais limitado a caracteres de outros idiomas.</p></div></div></div><div class="panel panel-default accordion_box"><div class="panel-heading" role="tab" id="bvfaq1-11-h"><h4 class="panel-title"><a class="acordion_link external collapsed" role="button" data-toggle="collapse" data-parent="#bvfaq1" href="#bvfaq1-11" aria-expanded="false" aria-controls="bvfaq1-11" rel="nofollow"><i class="more-less glyphicon glyphicon-menu-up"></i><span class="acordion_q">O gerador de meta tags do ToolsPivot inclui tags Open Graph ou Schema?</span></a></h4></div><div id="bvfaq1-11" class="panel-collapse collapse" role="tabpanel" aria-labelledby="bvfaq1-11-h" aria-expanded="false"><div class="panel-body acordion_body"><p>Não. Essa ferramenta foca nas meta tags HTML tradicionais: title, description, keywords, robots, charset e idioma. Para Open Graph, use o gerador Open Graph. Para dados estruturados, o <a href="https://toolspivot.com/pt/schema-markup-generator">gerador de Schema Markup</a> é a ferramenta certa.</p> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "O que é um gerador de meta tags?", "acceptedAnswer": { "@type": "Answer", "text": "Um gerador de meta tags é uma ferramenta online que cria código HTML para title, description, keywords e robots a partir de um formulário. O gerador do ToolsPivot entrega o código formatado para você colar diretamente na seção head do seu site, sem precisar escrever HTML manualmente." } }, { "@type": "Question", "name": "Meta tags ainda são importantes para SEO?", "acceptedAnswer": { "@type": "Answer", "text": "A tag de título continua sendo um dos principais fatores de ranking on-page. A meta description não afeta o posicionamento diretamente, mas influencia a taxa de cliques nos resultados. Páginas com descrições bem escritas recebem mais visitas do que páginas sem descrição personalizada." } }, { "@type": "Question", "name": "Qual o tamanho ideal do título e da meta description?", "acceptedAnswer": { "@type": "Answer", "text": "O Google exibe cerca de 60 caracteres para o título e entre 155 e 160 caracteres para a descrição no desktop. Em dispositivos móveis, o limite pode ser menor. Coloque as informações mais relevantes no começo para evitar que sejam cortadas." } }, { "@type": "Question", "name": "O gerador de meta tags do ToolsPivot é grátis?", "acceptedAnswer": { "@type": "Answer", "text": "Sim, 100% grátis, sem cadastro e sem limite de uso. Você pode gerar meta tags para quantas páginas precisar sem criar conta ou informar e-mail. Nenhum dado fica salvo nos servidores." } }, { "@type": "Question", "name": "O Google ainda usa a meta tag keywords?", "acceptedAnswer": { "@type": "Answer", "text": "O Google confirmou que não utiliza a meta keywords para definir ranking desde 2009. Mas o Bing e alguns buscadores menores podem considerá-la. Se quiser preencher, limite-se a 5-10 termos relevantes sem repetição." } }, { "@type": "Question", "name": "Posso usar o código gerado em WordPress, Wix ou Shopify?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. O código HTML gerado funciona em qualquer plataforma que permita editar o cabeçalho da página. No WordPress, cole no campo de cabeçalho do tema ou use um plugin de SEO. No Wix e Shopify, procure as configurações avançadas de SEO da página." } }, { "@type": "Question", "name": "Qual a diferença entre o gerador de meta tags e o gerador Open Graph?", "acceptedAnswer": { "@type": "Answer", "text": "O gerador de meta tags cria código para mecanismos de busca (Google, Bing). O gerador Open Graph cria tags específicas para redes sociais (Facebook, LinkedIn). Para cobertura completa, use os dois. O gerador de Twitter Cards cuida da exibição no X (antigo Twitter)." } }, { "@type": "Question", "name": "O que acontece se eu marcar noindex por engano?", "acceptedAnswer": { "@type": "Answer", "text": "A página desaparece dos resultados do Google. Se perceber o erro, corrija a diretiva para index, follow e peça a reindexação pelo Google Search Console. O processo pode levar de horas a alguns dias dependendo da frequência de rastreamento do site." } }, { "@type": "Question", "name": "Preciso gerar meta tags para cada página do site?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Cada página deve ter título e descrição únicos que reflitam o conteúdo específico daquela URL. Páginas com meta tags duplicadas confundem o Google e podem perder posições nos resultados de busca." } }, { "@type": "Question", "name": "Como verificar se minhas meta tags estão funcionando?", "acceptedAnswer": { "@type": "Answer", "text": "Depois de publicar, use o analisador de meta tags do ToolsPivot para conferir se o título, a descrição e as diretivas de robots estão aparecendo corretamente. Outra opção é inspecionar o código-fonte da página no navegador (Ctrl+U) e procurar as tags na seção head." } }, { "@type": "Question", "name": "Qual charset devo escolher para um site em português?", "acceptedAnswer": { "@type": "Answer", "text": "UTF-8 é a escolha certa para quase todos os sites em português. Essa codificação suporta todos os acentos e caracteres especiais do idioma (á, ã, ç, ê, õ, ú) e é o padrão recomendado pelo W3C. ISO-8859-1 funciona, mas tem suporte mais limitado a caracteres de outros idiomas." } }, { "@type": "Question", "name": "O gerador de meta tags do ToolsPivot inclui tags Open Graph ou Schema?", "acceptedAnswer": { "@type": "Answer", "text": "Não. Essa ferramenta foca nas meta tags HTML tradicionais: title, description, keywords, robots, charset e idioma. Para Open Graph, use o gerador Open Graph. Para dados estruturados, o gerador de Schema Markup é a ferramenta certa." } } ] } </script></p><section class="bv-related-tools" aria-label="Related tools"></div></div></div></div><h2 class="bv-related-tools-title">Related Tools You Might Like</h2><div class="bv-related-tools-grid"><a class="bv-related-tool" href="https://toolspivot.com/pt/website-seo-checker" title="Verificador de SEO do Website"> <span class="bv-related-tool-icon"><img alt="Verificador de SEO do Website" src="https://toolspivot.com/theme/smallseo/icons/website_reviewer.png?v=1743854912" loading="lazy" /></span> <span class="bv-related-tool-name">Verificador de SEO do Website</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/pt/meta-tags-analyzer" title="Analisador de Meta Tags"> <span class="bv-related-tool-icon"><img alt="Analisador de Meta Tags" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span> <span class="bv-related-tool-name">Analisador de Meta Tags</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/pt/twitter-graph-checker" title="Verificador de Twitter Graph"> <span class="bv-related-tool-icon"><img alt="Verificador de Twitter Graph" src="https://toolspivot.com/theme/smallseo/icons/open_check.png?v=1743854824" loading="lazy" /></span> <span class="bv-related-tool-name">Verificador de Twitter Graph</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/pt/keyword-rank-checker" title="Verificador de Ranking de Palavras-chave"> <span class="bv-related-tool-icon"><img alt="Verificador de Ranking de Palavras-chave" src="https://toolspivot.com/theme/smallseo/icons/no_image.png?v=1780401052" loading="lazy" /></span> <span class="bv-related-tool-name">Verificador de Ranking de Palavras-chave</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/pt/social-stats-checker" title="Verificador de Estatísticas Sociais"> <span class="bv-related-tool-icon"><img alt="Verificador de Estatísticas Sociais" src="https://toolspivot.com/theme/smallseo/icons/social_stats.png?v=1743854716" loading="lazy" /></span> <span class="bv-related-tool-name">Verificador de Estatísticas Sociais</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a><a class="bv-related-tool" href="https://toolspivot.com/pt/backlink-maker" title="Criador de Backlinks"> <span class="bv-related-tool-icon"><img alt="Criador de Backlinks" src="https://toolspivot.com/theme/smallseo/icons/backlink_maker.png?v=1779002277" loading="lazy" /></span> <span class="bv-related-tool-name">Criador de Backlinks</span> <span class="bv-related-tool-arrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> </a></div></section> </p> <br /> <div class="clearfix"></div> <div class="latest_blog_area mb30 mt20"> <div class="tool_heading text-center mb20"> <div class="th-title">LATEST BLOGS</div> </div> <div class="col-md-12 pn mv10"></div></div><div class="clearfix"></div> </div> <div class="col-md-4" id="rightCol" > <div class="search_dots_section p20 box_shadow_border"> <div class="tool_heading text-center"> <div class="fs18 mn th-title">PESQUISAR</div> <div class="heading_border mb10 mt10"></div> </div> <div id="sidebar_search"> <div class="input-group"> <input id="sidebarsearch" autocomplete="off" placeholder="Pesquisar nas ferramentas de SEO" class="form-control" type="text"> <span class="input-group-btn"> <button class="btn btn-secondary" type="button" aria-label="Search"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> </span> </div> <div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div> </div> </div> <div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Publicidade</span><div class="sideXd"><!-- New Sidebar --> <ins class="adsbygoogle" style="display:block;width:100%;min-height:250px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="5576900894" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div> <div class="popular_tool_box box_shadow_border pn mb10 dp-poptools"> <ul> <li class="popular-seo-t pn"> <div class="mn p10 pop-title"> Ferramentas DocPivot populares </div> </li> <li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/pt/powerpoint-to-pdf">PowerPoint para PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text></svg></div><a href="https://toolspivot.com/doc/pt/text-to-pdf">Texto para PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="6" y="6" width="22" height="22" rx="3" stroke-dasharray="4 3"/><rect x="12" y="12" width="22" height="22" rx="3"/><path d="M20 34v-8M16 30l4 4 4-4"/></svg></div><a href="https://toolspivot.com/doc/pt/flatten-pdf">Achatar PDF</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">TXT</text></svg></div><a href="https://toolspivot.com/doc/pt/pdf-to-text">PDF para Texto</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">XLS</text></svg></div><a href="https://toolspivot.com/doc/pt/pdf-to-excel">PDF para Excel</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 4H11a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V14z"/><path d="M22 4v10h10"/></svg></div><a href="https://toolspivot.com/doc/pt/pdf-to-epub">PDF para EPUB</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><text x="3" y="14" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PDF</text><path d="M9 20l10 10" stroke-width="2.4"/><path d="M19 24v6h-6" stroke-width="2.4"/><text x="37" y="37" text-anchor="end" font-size="11" font-weight="700" fill="currentColor" stroke="none" font-family="system-ui,-apple-system,sans-serif">PPT</text></svg></div><a href="https://toolspivot.com/doc/pt/pdf-to-powerpoint">PDF para PowerPoint</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/pt/png-to-svg">PNG para SVG</a></li><li class="pg-hovr"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/pt/jpg-to-svg">JPG para SVG</a></li><li class="pg-hovr border-bottom"><div class="icon_image"><svg viewBox="0 0 40 40" width="30" height="30" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="9" width="14" height="14" rx="2.5"/><circle cx="7.5" cy="13.5" r="1.5"/><path d="M3 20l4-3.5 4.5 4"/><path d="M20 26h11M26 21l5 5-5 5"/><path d="M23 9c4-4 10-4 14 0v11H23z"/><circle cx="23" cy="9" r="2" fill="currentColor" stroke="none"/><circle cx="37" cy="9" r="2" fill="currentColor" stroke="none"/></svg></div><a href="https://toolspivot.com/doc/pt/webp-to-svg">WebP para SVG</a></li> </ul> </div> <div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Publicidade</span><div class="sideXd"><!-- Multiplex --> <ins class="adsbygoogle" style="display:block;width:100%;min-height:400px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="7692867693" data-ad-format="autorelaxed" data-matched-content-ui-type="image_stacked" data-matched-content-columns-num="1" data-matched-content-rows-num="3"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div> <div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">Ferramentas de IA populares</div></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/geo-audit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/geo-audit">Auditoria de GEO</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/llms-txt-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/llms-txt-generator">Gerador de llms.txt</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-content-detector.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/ai-content-detector">Detector de Conteúdo IA</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-humanizer.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/ai-humanizer">Humanizador de IA</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-keyword-cluster-ideas.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/ai-keyword-cluster-ideas">Ideias de Cluster de Palavras-chave com IA</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-title-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/ai-meta-title-generator">Gerador de Meta Título com IA</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/ai-seo-meta-description-generator.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/ai-meta-description-generator">Gerador de Meta Descrição com IA</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/paraphrasing-tool">Ferramenta de Paráfrase</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/article_rewriter_pro.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/article-rewriter-tool">Reescritor de Artigos</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Publicidade</span><div class="sideXd"><!-- After Popular AI Tools --> <ins class="adsbygoogle" style="display:block;width:100%;min-height:250px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="7276995379" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div><div class="popular_tool_box box_shadow_border pn mb10"><ul><li class="popular-seo-t pn"><div class="mn p10 pop-title">Ferramentas de SEO populares</div></li><li class="pg-hovr"><div class="icon_image website-seo-score"></div><a href="https://toolspivot.com/pt/website-seo-checker">Verificador de SEO do Website</a></li><li class="pg-hovr"><div class="icon_image plagrism-checker"></div><a href="https://toolspivot.com/pt/plagiarism-checker">Verificador de Plágio</a></li><li class="pg-hovr"><div class="icon_image word-count-checker"></div><a href="https://toolspivot.com/pt/word-counter-tool">Contador de Palavras</a></li><li class="pg-hovr"><div class="icon_image keyword-position-checker"></div><a href="https://toolspivot.com/pt/keyword-rank-checker">Verificador de Ranking de Palavras-chave</a></li><li class="pg-hovr"><div class="icon_image grammer-chacker"></div><a href="https://toolspivot.com/pt/grammar-checker">Verificador de Gramática</a></li><li class="pg-hovr"><div class="icon_image readability-checker"></div><a href="https://toolspivot.com/pt/readability-checker">Verificador de Legibilidade</a></li><li class="pg-hovr"><div class="icon_image reverse-image"></div><a href="https://toolspivot.com/pt/reverse-image-search">Pesquisa de Imagem Reversa</a></li><li class="pg-hovr"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/keywordsug.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/keywords-research-tool">Ferramenta de Pesquisa de Palavras-chave</a></li><li class="pg-hovr"><div class="icon_image keyword-dencity-checker"></div><a href="https://toolspivot.com/pt/keyword-density-checker">Verificador de Densidade de Palavras-chave</a></li><li class="pg-hovr border-bottom"><div class="icon_image" style="background-image:url(https://toolspivot.com/theme/smallseo/icons/html-edit.png);background-size:contain;background-repeat:no-repeat;background-position:center;"></div><a href="https://toolspivot.com/pt/markdown-editor">Editor Markdown</a></li></ul></div><div class="sidebar_adds p5 mt15 box_shadow_border"><span class="ad-label">Publicidade</span><div class="sideXd"><!-- After Popular SEO Tools --> <ins class="adsbygoogle" style="display:block;width:100%;min-height:250px" data-ad-client="ca-pub-3744783675211834" data-ad-slot="6571357712" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></div> </div> </div> </div> <br /></div></div></div><!-- Bug Button --> <style> /* REPORT A BUG - a 48px circle, not a slab. * * It used to be a 136x47 orange rectangle, which made it the fourth orange CTA * on a tool page (the tool's own "Choose files" and the action button are the * other two) and the most permanently visible one - competing with the button * we actually want pressed. As a small icon it competes by SIZE instead of by * colour: 48px against a 300px action bar reads as subordinate at a glance. * * MOVED TO THE LEFT CORNER. The right corner now carries the chat launcher * and the back-to-top control; a third circle stacked in the same column read * as clutter, and on a 375px screen the stack reached a third of the height. * Left also separates the two supports: ask on the right, report on the left. */ #bug-btn { position: fixed; left: 12px; /* --aic-b is raised by ai-chat.js while the cookie consent bar is on screen, so these controls never sit on top of it. Falls back to 12px when the script has not run. */ bottom: var(--aic-b, 12px); width: 48px; /* 44px is the touch-target floor; 48 has margin */ height: 48px; border-radius: 50%; background: #fa4c10; color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 2px 8px rgba(0,0,0,.28); /* Under the back-to-top, so if they ever do meet the arrow still wins. */ z-index: 9999; transition: transform .18s ease, box-shadow .18s ease; } #bug-btn:hover, #bug-btn:focus-visible { color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.34); } #bug-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px rgba(250,76,16,.45); } #bug-btn .fa { font-size: 20px; line-height: 1; } /* AN ICON ALONE DOES NOT SAY WHAT IT DOES. The accessible name is on the link for screen readers; this is the same thing for everyone else, revealed on hover or keyboard focus so the button stays a circle at rest. */ #bug-btn .bug-btn-label { position: absolute; left: 58px; /* flies out to the right of a left-corner button */ white-space: nowrap; background: #1c1c1c; color: #fff; font-size: 13px; font-weight: 600; padding: 6px 10px; border-radius: 6px; opacity: 0; transform: translateX(6px); pointer-events: none; transition: opacity .18s ease, transform .18s ease; } #bug-btn .bug-btn-label { transform: translateX(-6px); } #bug-btn:hover .bug-btn-label, #bug-btn:focus-visible .bug-btn-label { opacity: 1; transform: translateX(0); } /* On a phone there is no hover and the label would sit under the thumb, so the circle stands alone - the accessible name still carries the meaning. */ @media (max-width: 767px) { #bug-btn .bug-btn-label { display: none; } } @media (prefers-reduced-motion: reduce) { #bug-btn, #bug-btn .bug-btn-label { transition: none; } #bug-btn:hover, #bug-btn:focus-visible { transform: none; } } /* --------------------------------------------------------------------------- AI chat widget. Layout follows the modern support-widget convention: a flat light panel rather than a coloured header bar, a floating identity card naming who is answering, assistant text with no bubble around it, and a pill composer. The brand mark is ours - the ToolsPivot icon from the favicon setting. Stacking order in the bottom-right column, measured not assumed: launcher bottom var(--aic-b), z 10001 (primary support action, 56px) .top 68px above it, z 10000 (back-to-top, shifted to clear it) #bug-btn moved to the LEFT corner - see its block above. --aic-b is raised by ai-chat.js while the cookie consent bar is on screen, and .aic-hold keeps both controls hidden until window.load. --------------------------------------------------------------------------- */ .aic-hold #aic-launch, .aic-hold #bug-btn { visibility: hidden; opacity: 0; } #aic-launch, #bug-btn { transition: opacity .25s ease; } #aic-launch { position: fixed; right: 12px; bottom: var(--aic-b, 12px); width: 56px; height: 56px; border: 0; border-radius: 50%; background: #fa4c10; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 14px rgba(250,76,16,.38); z-index: 10001; transition: transform .18s ease, box-shadow .18s ease, opacity .25s ease; } /* A speech bubble, not the ToolsPivot mark: the mark is orange and light grey, so on an orange disc its orange half disappears - and this control's job is to say "chat". The mark identifies the assistant inside the panel instead. */ #aic-launch .fa { font-size: 23px; line-height: 1; } #aic-launch:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(250,76,16,.5); } #aic-launch:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px rgba(250,76,16,.45); } body.aic-on .top { bottom: calc(var(--aic-b, 12px) + 68px) !important; } #aic-panel { position: fixed; right: 12px; bottom: calc(var(--aic-b, 12px) + 68px); width: 380px; max-width: calc(100vw - 24px); height: 580px; max-height: calc(100vh - 150px); background: #f6f4f3; /* flat light field, no header bar */ border: 1px solid #e8e2de; border-radius: 16px; box-shadow: 0 18px 48px rgba(28,12,4,.22); display: flex; flex-direction: column; overflow: hidden; z-index: 10002; font-family: 'open sans', sans-serif; transform-origin: bottom right; animation: aic-in .18s ease-out; } @keyframes aic-in { from { opacity: 0; transform: scale(.94) translateY(8px); } } /* --- header ------------------------------------------------------------- */ /* One bar carrying identity and the close control, rather than a floating close row above a separate floating card: two stacked chrome layers ate the top of the panel and read as two unrelated things. Identity belongs in the header - who is answering, and that it is a machine. A support widget that hides that is one people distrust the moment it gets something wrong. */ #aic-head { flex: 0 0 auto; display: flex; align-items: center; gap: 11px; /* 16px left matches #aic-log's padding, so the header mark and every message avatar sit on one vertical edge. It was 14px and they were 2px apart, which is exactly the sort of gap that reads as sloppy without being obvious. */ padding: 12px 12px 12px 16px; background: #fff; border-bottom: 1px solid #e8e2de; } #aic-close { width: 34px; height: 34px; border: 0; border-radius: 50%; flex: 0 0 34px; background: rgba(0,0,0,.05); color: #3f3a37; cursor: pointer; font-size: 15px; line-height: 1; display: flex; align-items: center; justify-content: center; /* 34px visual, 44px hit area - the target rule is about what the finger must reach, not what the eye must see. */ position: relative; } #aic-close::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; } #aic-close:hover { background: rgba(0,0,0,.11); } #aic-close:focus-visible { outline: 2px solid #fa4c10; outline-offset: 2px; } #aic-mark { position: relative; width: 38px; height: 38px; flex: 0 0 38px; } #aic-head .aic-ttl { flex: 1 1 auto; min-width: 0; } /* The disc is black because the icon itself is: every uploaded ToolsPivot Icon has an opaque black field and none is transparent, so the image fills the circle and its own background becomes the disc. */ #aic-mark .aic-disc { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; background: #000; } #aic-mark img { width: 100%; height: 100%; display: block; } #aic-mark .aic-dot { position: absolute; top: -1px; right: -1px; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid #fff; } #aic-head h2 { font-size: 15px; font-weight: 700; margin: 0; color: #1f1b19; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #aic-head .aic-sub { font-size: 12.5px; color: #7d726c; margin: 1px 0 0; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* --- message list ------------------------------------------------------- */ #aic-log { flex: 1 1 auto; overflow-y: auto; padding: 16px; } .aic-msg { display: flex; gap: 10px; margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; } .aic-msg:last-child { margin-bottom: 0; } .aic-me { justify-content: flex-end; } .aic-col { min-width: 0; max-width: 88%; } /* margin-top centres the avatar on the first LINE BOX of the message, not on the row: measured 1.8px low at margin-top:1px, so -1px lands it. Line box is 23.2px (14.5px x 1.6) against a 28px avatar. */ .aic-av { width: 28px; height: 28px; border-radius: 50%; flex: 0 0 28px; background: #000; margin-top: -1px; overflow: hidden; } .aic-av img { width: 100%; height: 100%; display: block; } /* Assistant text carries no bubble: the avatar already marks the speaker, and an unboxed answer reads as prose rather than as a chat artefact. */ .aic-ai .aic-b { background: transparent; border: 0; padding: 2px 0 0; color: #2b2622; } .aic-me .aic-b { background: #fa4c10; color: #fff; padding: 10px 14px; border-radius: 16px 16px 4px 16px; } .aic-note .aic-b { color: #2b2622; } .aic-err .aic-b { background: #fdf3f3; border: 1px solid #f0c9c9; color: #8a2020; padding: 10px 13px; border-radius: 12px; } /* --- source card -------------------------------------------------------- */ /* This is the conversion: the answer names a tool, this opens it. */ .aic-src { margin: 10px 0 0; padding: 0; list-style: none; } .aic-src li { margin: 6px 0 0; } .aic-src a { display: flex; align-items: center; gap: 8px; padding: 10px 13px; background: #fff; border: 1px solid #e8e2de; border-radius: 12px; color: #b23a0c; font-size: 13.5px; font-weight: 600; text-decoration: none; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .aic-src a .aic-sarrow { margin-left: auto; opacity: .55; font-size: 12px; } .aic-src a:hover, .aic-src a:focus-visible { border-color: #fa4c10; color: #8f2e0a; text-decoration: none; transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14); } .aic-src a:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; } /* --- suggested questions ------------------------------------------------ */ /* An empty chat is a blank page problem: people do not know what it can answer, so they ask nothing. Editable in admin, not hardcoded. */ #aic-sug { margin: 16px 0 0; } #aic-sug .aic-sug-h { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: #9b8d85; margin: 0 0 8px; font-weight: 700; } .aic-chip { display: block; width: 100%; text-align: left; background: #fff; border: 1px solid #e8e2de; border-radius: 12px; padding: 11px 13px; margin: 0 0 8px; font-size: 13.5px; color: #433b36; cursor: pointer; font-family: inherit; line-height: 1.45; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; } .aic-chip:hover { border-color: #fa4c10; color: #1f1b19; transform: translateX(2px); box-shadow: 0 2px 8px rgba(250,76,16,.14); } .aic-chip:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; } /* --- escalation to a human --------------------------------------------- */ /* Offered only when the assistant could not answer. Progressive disclosure: a button first, fields only once pressed, so a dead end becomes a route to a person without putting a form in front of everyone. */ .aic-esc { margin: 12px 0 0; padding: 13px; background: #fff; border: 1px solid #e8e2de; border-radius: 14px; } .aic-esc-h { font-size: 13.5px; color: #433b36; margin: 0 0 10px; font-weight: 600; } .aic-esc .aic-btn { display: inline-flex; align-items: center; gap: 7px; background: #fa4c10; color: #fff; border: 0; border-radius: 999px; padding: 10px 18px; font-size: 13.5px; font-weight: 600; cursor: pointer; font-family: inherit; min-height: 42px; } .aic-esc .aic-btn:hover { background: #e34410; } .aic-esc .aic-btn:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); } .aic-esc .aic-btn[disabled] { opacity: .5; cursor: not-allowed; } /* Visible labels, not placeholder-only: a placeholder disappears the moment someone types, which is exactly when they need to know what the field was. */ .aic-f { margin: 0 0 10px; } .aic-f label { display: block; font-size: 12px; font-weight: 600; color: #6b5f59; margin: 0 0 4px; } .aic-f label .aic-opt { font-weight: 400; color: #9b8d85; } .aic-f input, .aic-f textarea { width: 100%; border: 1px solid #e2dad5; border-radius: 10px; padding: 10px 12px; font-size: 16px; /* 16px stops iOS zooming on focus */ font-family: inherit; color: #222; background: #faf8f7; line-height: 1.4; } .aic-f textarea { resize: vertical; min-height: 72px; } .aic-f input:focus, .aic-f textarea:focus { border-color: #fa4c10; background: #fff; outline: 2px solid rgba(250,76,16,.22); } .aic-f .aic-ferr { display: block; font-size: 12px; color: #b02a2a; margin: 4px 0 0; } .aic-esc-ok { font-size: 13.5px; color: #1d6b3a; margin: 0; display: flex; gap: 7px; align-items: flex-start; } /* Three dots, not a spinner: the wait is short and this says "composing". */ .aic-dots span { display: inline-block; width: 6px; height: 6px; margin-right: 3px; background: #bcaea6; border-radius: 50%; animation: aic-bounce 1s infinite; } .aic-dots span:nth-child(2) { animation-delay: .15s; } .aic-dots span:nth-child(3) { animation-delay: .3s; } @keyframes aic-bounce { 0%,60%,100% { opacity: .35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-2px); } } /* --- privacy notice ----------------------------------------------------- */ /* Says plainly that the question leaves the site, because it does: it goes to an AI provider to be answered. Dismissible and remembered, so it informs once instead of nagging. */ #aic-note { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 8px; margin: 0 14px; padding: 10px 12px; background: #fff; border: 1px solid #e8e2de; border-radius: 12px; } #aic-note p { flex: 1 1 auto; margin: 0; font-size: 11.5px; line-height: 1.5; color: #7d726c; } #aic-note a { color: #b23a0c; text-decoration: underline; } #aic-note a:hover, #aic-note a:focus-visible { color: #8f2e0a; } #aic-note .aic-nx { flex: 0 0 24px; width: 24px; height: 24px; border: 0; border-radius: 50%; background: transparent; color: #9b8d85; cursor: pointer; font-size: 12px; line-height: 1; display: flex; align-items: center; justify-content: center; position: relative; } /* 24px visual, 44px reachable */ #aic-note .aic-nx::before { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; } #aic-note .aic-nx:hover { background: rgba(0,0,0,.06); color: #3f3a37; } #aic-note .aic-nx:focus-visible { outline: 2px solid #fa4c10; outline-offset: 1px; } /* --- composer ----------------------------------------------------------- */ #aic-foot { flex: 0 0 auto; padding: 10px 14px 14px; display: flex; gap: 8px; align-items: flex-end; } #aic-cw { flex: 1 1 auto; display: flex; align-items: flex-end; gap: 6px; background: #fff; border: 1px solid #e2dad5; border-radius: 24px; padding: 4px 4px 4px 16px; } #aic-cw:focus-within { border-color: #fa4c10; box-shadow: 0 0 0 3px rgba(250,76,16,.16); } #aic-q { flex: 1 1 auto; resize: none; border: 0; background: transparent; padding: 11px 0; font-size: 16px; /* 16px stops iOS zooming on focus */ line-height: 1.4; max-height: 96px; font-family: inherit; color: #222; } #aic-q:focus { outline: none; } #aic-send { flex: 0 0 auto; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fa4c10; color: #fff; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; transition: background .15s ease; } #aic-send:hover { background: #e34410; } #aic-send:focus-visible { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(250,76,16,.45); } #aic-send[disabled] { opacity: .4; cursor: not-allowed; } #aic-cap { padding: 12px 16px; margin: 0 14px 10px; background: #fff; border: 1px solid #e8e2de; border-radius: 14px; } #aic-cap p { font-size: 13px; margin: 0 0 8px; color: #555; } @media (max-width: 767px) { #aic-panel { right: 12px; left: 12px; width: auto; bottom: calc(var(--aic-b, 12px) + 64px); height: auto; top: 12px; /* full height on a phone */ max-height: none; } .aic-col { max-width: 90%; } } @media (prefers-reduced-motion: reduce) { #aic-launch, .aic-chip, .aic-src a, #aic-send, #bug-btn { transition: none; } #aic-launch:hover, .aic-chip:hover, .aic-src a:hover { transform: none; } #aic-panel { animation: none; } .aic-dots span { animation: none; opacity: .6; } } </style> <a id="bug-btn" href="https://toolspivot.com/pt/report-bug" rel="nofollow" title="Relatar um Erro" aria-label="Relatar um Erro" onclick="this.href = this.href.split('?')[0] + '?url=' + encodeURIComponent(window.location.href)"> <i class="fa fa-bug" aria-hidden="true"></i> <span class="bug-btn-label">Relatar um Erro</span> </a> <!-- Bug Button End--> <script>document.documentElement.className += ' aic-hold';</script> <button id="aic-launch" type="button" aria-expanded="false" aria-controls="aic-panel" title="Faça uma pergunta" aria-label="Faça uma pergunta"> <i class="fa fa-comment" aria-hidden="true"></i> </button> <script> window.AICHAT_CFG = { ask: "https:\/\/toolspivot.com\/ai-chat\/ask", verify: "https:\/\/toolspivot.com\/ai-chat\/captchaverify", contact: "https:\/\/toolspivot.com\/ai-chat\/contact", privacy: "https:\/\/toolspivot.com\/pt\/page\/privacy-policy", lang: "pt", sitekey: "", icon: "https:\/\/toolspivot.com\/uploads\/74432335_ToolsPivot Icon.png", suggest: ["Verificar se meu site está fora do ar","Em que posição está minha palavra-chave?","Ver a autoridade do meu domínio","Revisar minha gramática"], t: {"title":"Perguntar ao ToolsPivot","open":"Faça uma pergunta","close":"Fechar","intro":"Pergunte sobre qualquer ferramenta do ToolsPivot e eu indico a certa.","ph":"Faça uma pergunta","send":"Enviar","think":"Pensando","err":"Algo deu errado. Tente novamente.","rate":"Você atingiu o limite de perguntas. Tente novamente mais tarde.","src":"Fontes","sub":"Respostas com base nas páginas do ToolsPivot","role":"Assistente de IA","note":"Sua pergunta é enviada a um provedor de IA para escrever a resposta. Não armazenamos suas mensagens.","notelnk":"Política de Privacidade","notedis":"Dispensar","sugh":"Experimente perguntar","esc":"Ainda precisa de ajuda?","escbtn":"Falar com nossa equipe","cname":"Seu nome","cmail":"Seu e-mail","cmsg":"Como podemos ajudar?","csend":"Enviar mensagem","cok":"Obrigado. Recebemos sua mensagem e responderemos por e-mail.","cbad":"Digite um endereço de e-mail válido.","copt":"opcional","cap":"Confirme que você é uma pessoa para continuar.","capfail":"A verificação falhou. Tente novamente."}}; </script> <script src="https://toolspivot.com/theme/smallseo/js/ai-chat.js?v=20260906p" defer></script> <div class="f_intro_bg text-center"> <form class="navbar-form mn" action="#"> <img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer_brand.png?v=1788577768" class="f_icon" alt="" loading="lazy" decoding="async"> <span class="f_text">Subscreva a nossa newsletter</span> <div class="input-group"> <input id="newsletterEmail" name="email" placeholder="Introduza o seu e-mail" class="form-control search_input pl30" type="email"> <div class="input-group-btn"> <button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">Subscrever</button> </div> </div> </form> </div> <div class="f_description_bg text-center"> <div class="f_graph"> <div class="container"> <div class="col-lg-1 col-md-1"></div> <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn"> <a class="navbar-brand ptn" href="https://toolspivot.com/pt"><img src="https://toolspivot.com/uploads/ToolsPivot Logo Light.png" alt="ToolsPivot" width="398" height="78" loading="lazy" decoding="async" /></a> <div class="contect_info col-xs-12 pn"> <p>CONTACTE-NOS</p> <span>info@toolspivot.com</span> </div> <div class="address_info col-xs-12 pn"> <p>MORADA</p> <span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version"> <p>As nossas ferramentas mais populares</p> <a href="https://toolspivot.com/pt/word-counter-tool" title="Word Counter"><div class="ver_img has-fa"><i class="fa fa-file-text-o"></i></div></a> <a href="https://toolspivot.com/pt/plagiarism-checker" title="Plagiarism Checker"><div class="ver_img has-fa"><i class="fa fa-search"></i></div></a> <a href="https://toolspivot.com/pt/sitemap-generator-tool" title="Sitemap Generator"><div class="ver_img has-fa"><i class="fa fa-sitemap"></i></div></a> <a href="https://toolspivot.com/pt/robots-txt-generator" title="Robots.txt Generator"><div class="ver_img has-fa"><i class="fa fa-android"></i></div></a> <a href="https://toolspivot.com/pt/reverse-image-search" title="Reverse Image Search"><div class="ver_img has-fa"><i class="fa fa-picture-o"></i></div></a> <a href="https://toolspivot.com/pt/keywords-research-tool" title="Keywords Research"><div class="ver_img has-fa"><i class="fa fa-key"></i></div></a> <a href="https://toolspivot.com/pt/backlink-maker" title="Backlink Maker"><div class="ver_img has-fa"><i class="fa fa-link"></i></div></a> <a href="https://toolspivot.com/pt/meta-tag-generator" title="Meta Tag Generator"><div class="ver_img has-fa"><i class="fa fa-tags"></i></div></a> <a href="https://toolspivot.com/pt/page-speed-checker" title="Page Speed Checker"><div class="ver_img has-fa"><i class="fa fa-tachometer"></i></div></a> <a href="https://toolspivot.com/pt/article-rewriter-tool" title="Article Rewriter"><div class="ver_img has-fa"><i class="fa fa-pencil-square-o"></i></div></a> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;"> <div class="mor_pages"> <p>LIGAÇÕES RÁPIDAS</p> <ul style="list-style:none;margin:0;padding:0;"> <li><a href="https://toolspivot.com/pt">Início</a></li><li><a href="https://toolspivot.com/pt/page/changelog">Changelog</a></li><li><a href="https://toolspivot.com/pt/page/dmca">Direitos de autor e DMCA</a></li><li><a href="https://toolspivot.com/pt/page/privacy-policy">Política de Privacidade</a></li><li><a href="https://toolspivot.com/pt/page/terms-of-service">Termos de Serviço</a></li><li><a href="https://toolspivot.com/pt/page/write-for-us">Write for Us</a></li><li><a href="https://toolspivot.com/pt/contact">Fale Conosco</a></li><li><a href="https://toolspivot.com/doc/pt">DocPivot</a></li><li><a href="https://toolspivot.com/pt/page/about-us">Sobre Nós</a></li> </ul> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div style="position: relative;"> <div class="container-fluid p10 footer"> <div class="container pn"> <div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big"> </div> <div class="col-md-6 col-sm-12 col-xs-12"> <p class="text-center margin0">Direitos Autorais © 2018-2026 por ToolsPivot.com. Todos os Direitos Reservados. </p> </div> </div> </div> </div> <script type="text/javascript"> $("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1}) </script> <script> jQuery(document).ready(function(){ jQuery("#newsletterSubscribe").click(function(e) { e.preventDefault(); var newsletterEmail = jQuery('#newsletterEmail').val(); if (newsletterEmail == '') { sweetAlert(oopsStr, inputEm, "error"); }else { jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) { if (data.success) sweetAlert('Success', data.msg, "success"); else sweetAlert(oopsStr, data.msg, "error"); }); } }); }); </script> <!-- Bootstrap --> <script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js?v=1743851074" type="text/javascript"></script> <!-- Sweet Alert --> <script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js?v=1743851074'></script> <!-- App JS (self-contained UI: mega-menu, TOC, etc. — safe to defer). No manual ?v= needed: themeLink() already appends ?v=filemtime, so editing this file busts the two-month JS cache in .htaccess by itself. --> <script src="https://toolspivot.com/theme/smallseo/js/app.js?v=1786855079" type="text/javascript" defer></script> <!-- Navbar mega menus. On every page now, not just /doc/*, because ToolsPivot's navbar carries All PDF Tools and All Image Tools too. The script returns immediately when there is no `.dp-mega-wrap` on the page, so anywhere the menus are absent it costs one querySelectorAll. Deferred: the panels are plain lists of links until it runs, so nothing is broken in flight. --> <script src="https://toolspivot.com/theme/smallseo/js/docpivot/megamenu.js?v=1786408068" type="text/javascript" defer></script> <!-- Master JS --> <script src="https://toolspivot.com/pt/rainbow/master-js?v=3d84fe0b9a" type="text/javascript"></script> <!-- XD Box --> <div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="modal-title" id="xdTitle"></div> </div> <div class="modal-body" id="xdContent"> </div> </div> </div> </div> <script> $("#collapse0").collapse();</script></body> </html> <!-- Cookie consent banner — GDPR/ePrivacy compliance. Renders only if no consent cookie set yet. --> <div id="bvCookieBar" style="display:none;position:fixed;left:0;right:0;bottom:0;background:#1a202c;color:#fff;padding:14px 20px;z-index:9998;box-shadow:0 -2px 12px rgba(0,0,0,0.15);font-size:14px;line-height:1.5;"> <div style="max-width:1200px;margin:0 auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;"> <div style="flex:1;min-width:240px;"> 🍪 We use cookies for analytics and ad personalisation. Choose whether to allow non-essential cookies. Essential cookies keep the site working and are always on. See our <a href="https://toolspivot.com/pt/page/privacy-policy" style="color:#fa4c10;text-decoration:underline;">Privacy Policy</a>. </div> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <button type="button" id="bvCookieAccept" style="background:#fa4c10;color:#fff;border:0;padding:9px 18px;border-radius:6px;font-weight:600;cursor:pointer;">Accept all</button> <button type="button" id="bvCookieDecline" style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.3);padding:9px 16px;border-radius:6px;font-weight:600;cursor:pointer;">Reject</button> </div> </div> </div> <script> (function(){ var COOKIE = 'bv_cookie_consent'; var bar = document.getElementById('bvCookieBar'); // Read consent cookie function getConsent() { var m = document.cookie.match(/(?:^|; )bv_cookie_consent=([^;]+)/); if (!m) return null; try { return decodeURIComponent(m[1]); } catch (e) { return null; } } function setConsent(val) { var d = new Date(); d.setTime(d.getTime() + 365 * 86400 * 1000); document.cookie = COOKIE + '=' + val + '; expires=' + d.toUTCString() + '; path=/; SameSite=Lax'; } if (!getConsent()) { bar.style.display = ''; } document.getElementById('bvCookieAccept').addEventListener('click', function(){ setConsent('accepted'); bar.style.display = 'none'; // Optionally re-fire analytics with consent if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', analytics_storage: 'granted' }); }); document.getElementById('bvCookieDecline').addEventListener('click', function(){ setConsent('declined'); bar.style.display = 'none'; if (typeof gtag === 'function') gtag('consent', 'update', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied' }); }); })(); </script>