exemplo.com
O seu título aparecerá aqui
A pré-visualização da sua meta description aparecerá aqui enquanto digita.
Os meus melhores utilitários, agora no seu telemóvel.
Aceda a todas as minhas ferramentas e projetos de forma rápida, otimizada e num só lugar.
Simulador SERP e Contador de Píxeis SEO
Pré-visualize snippets de pesquisa ao estilo Google em tempo real, meça a largura em píxeis do título e da meta description e veja exatamente onde o seu texto será truncado.
Modo de pré-visualização
Largura do título 0 px / 580 px
Ok
Largura da descrição 0 px / 920 px
Ok
Pré-visualização ao vivo estilo Google
Zoom 100%
Estúdio de Utilitários
Quer este utilitário no seu site?
Personalize cores e o modo escuro para WordPress, Notion ou o seu próprio site.
Perguntas frequentes
Porquê contar píxeis em vez de caracteres para títulos SEO?
Os cartões de resultados do Google são limitados pela largura visual. Um título com muitas letras estreitas pode conter mais caracteres do que um com letras largas, maiúsculas ou glifos de aspeto espesso. A medição em píxeis oferece uma pré-visualização mais fiel do resultado visível.
Isto garante exatamente como o Google irá truncar o meu snippet?
Não. O Google pode reescrever os links de título e os snippets, e a renderização pode variar consoante a consulta, o dispositivo, o idioma e as experiências. A ferramenta foi concebida como um guia visual prático para escrever metadados com menor probabilidade de serem cortados.
Que limites de píxeis utiliza o simulador?
O limite predefinido do título em desktop é de 580 px, o do título em mobile é de 600 px e o limite da meta description é de 920 px. São metas de redação, não limites oficiais do Google.
Porque é que a pré-visualização adiciona reticências?
Quando o texto medido excede a largura de píxeis disponível, o simulador trunca a string no último caractere que cabe e acrescenta três pontos, reproduzindo o comportamento prático de que as equipas de SEO precisam para detetar perda de significado.
# Deixe de adivinhar como será o seu resultado no Google
Uma tag title pode parecer perfeita numa folha de cálculo e mesmo assim falhar no resultado de pesquisa. O Google não reserva espaço por contagem de caracteres; renderiza o texto dentro de um cartão visual. Isso significa que GameBob | Estúdio de Desenvolvimento Independente e outro título com o mesmo número de caracteres podem ocupar larguras muito diferentes consoante as letras, maiúsculas, pontuação e espaçamento.A regra que realmente ajuda
Escreva o snippet para que a promessa importante sobreviva às reticências. Coloque o tipo de página, a intenção de pesquisa e o motivo mais forte para clicar antes do limite de píxeis. Os nomes de marca são úteis, mas não devem empurrar o benefício principal para fora de vista.# O que o contador de píxeis está a medir
| Elemento | O que importa | Como usar o resultado |
|---|---|---|
| Tag title | Largura renderizada em píxeis, não a contagem bruta de caracteres | Mantenha a palavra-chave principal e a promessa de clique visíveis antes do truncamento. |
| URL visível | Confiança visual e clareza do tópico | Use um caminho legível que reforce o destino do resultado. |
| Meta description | Uma área de snippet mais ampla com comportamento dependente da consulta | Coloque o benefício em primeiro plano, pois o Google pode encurtá-la ou reescrevê-la. |
| Modo dispositivo | Os cartões de desktop e mobile podem parecer diferentes | Verifique ambos antes de publicar metadados de páginas importantes. |
# Porque é que os limites de caracteres são um mau hábito de SEO
O conselho tradicional como "mantenha os títulos abaixo dos 60 caracteres" é conveniente, mas esconde o verdadeiro problema. Letras largas como W e M, palavras em maiúsculas, separadores, números e nomes de marca longos consomem todos espaços diferentes. A medição em píxeis torna o compromisso visível de imediato: pode ver se uma frase merece o seu lugar ou rouba espaço a uma mensagem mais forte.# Um fluxo de trabalho prático para melhores snippets
- Comece pela intenção: descreva o que o utilizador obtém, não apenas como a página se chama.
- Teste o título completo: cole-o no simulador e observe a barra antes de publicar.
- Remova palavras fracas: se a barra ficar vermelha, elimine o enchimento antes de cortar termos valiosos.
- Verifique as reticências: se a pré-visualização truncada perder sentido, reescreva o título em vez de aceitar o corte.
- Repita para a descrição: certifique-se de que a primeira frase transmite a proposta de valor por si só.
Quando a barra fica vermelha
Uma barra vermelha não é um aviso de penalização. Significa que o texto atual é mais largo do que o alvo visual selecionado, pelo que o simulador o trunca com pontos. Trate isso como um sinal editorial: decida se as palavras ocultas são dispensáveis ou se o snippet precisa de uma estrutura mais afiada.
# Limites, reescritas e expectativas realistas
Nenhum simulador pode garantir o snippet exato que o Google mostrará. O Google pode reescrever links de título, colocar termos da consulta em negrito, escolher texto da página em vez da meta description ou mostrar snippets diferentes para pesquisas diferentes. Esta ferramenta é mais útil como uma etapa rápida de redação e controlo de qualidade: deteta transbordos visuais óbvios antes de a página chegar à produção.Melhor utilização deste simulador SERP
Use a barra de píxeis para detetar transbordos visuais antes de publicar metadados.
Mantenha a intenção de pesquisa principal e a promessa de clique visíveis antes de qualquer reticência.
Obtenha metadados de URLs que permitam CORS e edite o resultado manualmente quando necessário.
Considere a pré-visualização como um guia de redação, pois o Google ainda pode reescrever snippets por consulta.
Referências Bibliográficas
- [1] Google Search Central: Control your snippets in search results
https://developers.google.com/search/docs/appearance/snippet
- [2] Google Search Central: Influencing title links in search results
https://developers.google.com/search/docs/appearance/title-link
- [3] Google Search Central: Create good titles and snippets in search results
https://developers.google.com/search/docs/appearance/title-link#best-practices
Mais utilitários de Desenvolvimento Web
Calculadora de Proporção (Aspect Ratio) em Pixels. Proporções Online
Calcule novas resoluções de imagem, vídeo e web design mantendo a proporção exata para evitar distorções gráficas. Suporta 16:9, 4:3, 21:9 e formatos personalizados.
Usar ferramenta
Calculadora de Tempo de Dados: Impacto da Velocidade Web
Descubra quanto tempo de vida os seus usuários perdem esperando o carregamento do seu website em conexões 3G, 4G e 5G. Calcule o impacto real do peso do seu site.
Usar ferramenta
Conversor de Cores Online RGB HEX e HSL
Converta cores entre RGB, HEX e HSL instantaneamente. Gere harmonias de cores complementares e analise o contraste WCAG. 100% no lado do cliente e privado.
Usar ferramenta
Gerador de Código do Conversor de Tabela Excel e CSV para HTML
Converta instantaneamente os seus dados Excel ou CSV em tabelas HTML limpas e semânticas. Ferramenta gratuita para desenvolvedores e criadores de conteúdo.
Usar ferramenta
Gerador de Expressões Cron Online. Tradutor e Visualizador
Ferramenta visual gratuita para gerar expressões Linux Cron. Traduz * * * * * para linguagem humana e mostra as próximas 5 execuções em tempo real.
Usar ferramenta
Calculadora de Especificidade CSS Online. Visualizador de Peso de Seletores
Calcule a especificidade e o peso exato de qualquer seletor CSS. Ferramenta visual para entender qual regra CSS vence a cascata e evitar o uso de !important.
Usar ferramenta
Conversor CSS para HTML Inline. Embutidor para Emails
Transforme suas folhas de estilos e classes CSS em estilos embutidos automaticamente no HTML. Ideal para newsletters, e-mails transacionais e layout web seguro.
Usar ferramenta
Remover CSS Duplicado Online. Unifique e Limpe as Suas Folhas de Estilo
Ferramenta gratuita para limpar e purgar código CSS duplicado. Unifica seletores redundantes, respeita a cascade e reduz instantaneamente o tamanho dos ficheiros diretamente no browser.
Usar ferramenta
Gerador Security.txt RFC 9116
Crie seu arquivo security.txt profissional para facilitar a divulgação de vulnerabilidades e cumprir padrões internacionais de segurança da web.
Usar ferramenta
Gerador Online de Hash de Segurança
Calcule hashes MD5, SHA-1, SHA-256 e SHA-512 instantaneamente. Ferramenta de segurança gratuita, privada e ultra-rápida para desenvolvedores. 100% Client-Side.
Usar ferramenta
Inspetor de Certificados SSL/TLS Online Visualizar ficheiros PEM e CRT
Analise ficheiros de certificados SSL (.pem, .crt, .der) localmente. Verifique datas de expiração, emissores, titulares e impressões digitais SHA-256 sem que os seus dados saiam do browser.
Usar ferramenta
Formatador e Validador de JSON Online Grátis
Ferramenta online gratuita para formatar, validar e reparar código JSON. Embeleze e formate JSON. Detecta erros de sintaxe e melhora a legibilidade do código.
Usar ferramenta
Visualizador Online de Código de Tecla. Inspetor de Código de Tecla
Ferramenta online gratuita para ver event.key, event.code, event.which e localização de qualquer tecla de teclado em tempo real. Gera snippets de código JavaScript prontos para usar.
Usar ferramenta
Calculadora de Custo LLM. Estimador de Preços de Modelos IA
Ferramenta online gratuita para estimar o custo de chamar APIs LLM. Compare GPT-4o, Claude, Gemini, Llama e mais com preços reais de tokens por milhão.
Usar ferramenta
Gerador de Mockups Mobile para App Store. iPhone e Google Pixel
Crie apresentações profissionais para App Store e Google Play. Mockups de iPhone e Pixel com fundos personalizados, layouts panorâmicos e exportação em alta resolução.
Usar ferramenta
Escala Tipográfica Musical. Calculadora de Escala Modular
Ferramenta online gratuita para criar hierarquias visuais harmoniosas usando escalas modulares baseadas em proporções musicais. Gera variáveis CSS prontas para usar no seu design web.
Usar ferramenta
Gerador de Imagens Marcador. Mockups Web Rápidos Online
Crie imagens marcador personalizadas para seus designs web. Ajuste a resolução, fundo, texto e exporte em PNG, WebP ou JPEG instantaneamente.
Usar ferramenta
Biblioteca Privada de Prompts IA
Organize, rotule e salve seus prompts do ChatGPT, Midjourney e Claude de forma privada. Seu próprio banco de prompts no localStorage.
Usar ferramenta
Calculadora de Legibilidade Visual WCAG e APCA
Verifique o contraste real de seus designs com APCA (WCAG 3.0). Analise como peso e tamanho da fonte afetam a legibilidade real.
Usar ferramenta
Sanitizador SVG Online
Otimize e limpe SVGs exportados do Figma, Adobe Illustrator ou Inkscape. Remova metadados, atributos desnecessários e grupos vazios para obter um SVG pronto para produção.
Usar ferramenta
Conversor Gratuito Online de SVG para CSS e Data URI
Transforme seus ícones e vetores SVG em código CSS (Background ou Mask) ou Data URI compactado. Otimize o desempenho do seu site eliminando solicitações HTTP externas.
Usar ferramenta
Limpador de URL de Rastreamento: Remover UTM, FBCLID e GCLID
Remova automaticamente parâmetros de rastreamento e publicidade de suas URLs. Compartilhe links limpos e proteja sua privacidade digital instantaneamente.
Usar ferramenta
Codificador e Decodificador de URL Online
Converta caracteres especiais de qualquer link para um formato seguro (Percent-Encoding) ou restaure-os instantaneamente para o estado original legível de forma local.
Usar ferramenta
Gerador de Parâmetros UTM para o Google Analytics
Crie links de rastreamento precisos para as suas campanhas de marketing digital. Otimizado para o Google Analytics e outras ferramentas de análise.
Usar ferramenta
Decodificador JWT, Parser e Inspetor de Claims
Cole um JSON Web Token, decodifique seu cabeçalho e payload instantaneamente, inspecione claims registradas, identifique tokens expirados e copie JSON limpo para depurar fluxos de autenticação.
Usar ferramenta
Gerador Visual de Layout CSS Grid & Flexbox
Projete layouts responsivos movendo blocos visuais, redimensionando o contêiner, ajustando o alinhamento e usando presets - depois copie CSS nativo limpo instantaneamente.
Usar ferramenta
CSS Box Shadow Generator
Crie sombras CSS em camadas visualmente com pré-visualização ao vivo, sliders, seletores de cor e presets. Copie CSS nativo limpo instantaneamente.
Usar ferramenta
Promover este site
A central de propaganda interna do jjlmoya.es em espanhol e do GameBob.dev internacional. Transforma capturas das tuas próprias páginas em imagens sociais antes de Bob achar o feed embaraçoso.
Usar ferramenta