Perfect Metadata
Gere e valide favicons, meta tags de SEO e vídeos prévias para redes sociais do seu site.
Checagem de idioma e hreflang
Cole a URL na versão que quiser (por exemplo em inglês ou traduzida). Analisamos html lang, hreflang, cabeçalhos HTTP e og:locale para que buscadores e redes mostrem o idioma certo para cada pessoa.
Gerador de favicon e metadados
Obtenha pacotes prontos para publicar: favicons SVG, ícones Apple Touch e meta tags Open Graph pensadas para 2026.
Enviar imagem
Escolha o logo para ícones e otimização de metadados.
Evite que seu favicon fique assim
Exemplo que vale corrigir
Por que meu favicon não aparece no Google?
Em geral é formato incorreto ou falta de um SVG bem configurado.
Qual tamanho de favicon usar?
Combine 32×32, 180×180 e um SVG nítido em qualquer tela.
Meus títulos de página estão longos demais?
Acima de cerca de 60 caracteres tende a ser cortado nos resultados.
Como melhorar meus metadados?
Use Open Graph válido e dados estruturados JSON-LD quando fizer sentido.
Suíte de ferramentas para desenvolvedores
Utilidades para cuidar dos ícones do site, reforçar SEO técnico e deixar tudo pronto para cada plataforma.
Essenciais
Gerador de favicon
Gere todos os formatos que você precisa em um fluxo só.
Validador de favicon
Confira se os ícones do site estão linkados e acessíveis.
Validador de metadados
Verifique tags SEO e de redes em um relatório rápido.
Validador de idiomas e hreflang
Hreflang, html lang e og:locale consistentes.
Validador de sitemap
XML e protocolo oficial de sitemap.
Conversores
Referências
Especificações do mercado
Ícones da web em 2026
O que faz um ícone ficar bem hoje já não é o mesmo de anos atrás. Aqui está um guia direto ao ponto.
O que vem no pacote
O gerador entrega um conjunto completo pensado para encaixar na maioria das plataformas, navegadores e sistemas.
Favicon SVG
O formato vetorial de referência: nitidez em qualquer densidade.
ICO de reserva
Arquivo 48×48 para ambientes antigos e algumas interfaces de sistema.
Apple Touch Icon
PNG 180×180 para tela inicial no iPhone e iPad.
Web Manifest v3
JSON do manifest alinhado ao comportamento esperado de uma PWA.
Compatibilidade
Trabalho em vetorial
Com SVG o ícone continua definido em telas retina e grandes. Você pode alternar claro/escuro com media queries conforme o sistema.
@media (prefers-color-scheme: dark) { path { fill: #ffffff; } }Área segura (maskable)
No celular o SO recorta o ícone com máscaras. O fluxo mantém o logo dentro de uma zona segura de cerca de 80 %.
As ferramentas Perfect Metadata seguem o que manifests e lojas costumam pedir em 2026.
O que ter no pacote
- .ico quando precisar
Ainda faz diferença em muitos navegadores tradicionais
- SVG como base
Um arquivo, várias resoluções
- PNG alta densidade
Tela inicial no iOS
- Splash no Android
Coerência com Chrome no celular
- Ícones maskable
Ajustados às máscaras do Android
- Web Manifest v3
Configuração clara da PWA
SEO e compartilhamento
- Imagem OG
Idealmente 1200×630 px para boa qualidade
- Open Graph
Mesma linha em Facebook, LinkedIn e outros
- Twitter / X Cards
Bloco Summary Large Image
- JSON-LD
Dados estruturados, por exemplo WebSite
- Canonical
Evita páginas duplicadas no índice
- Título e descrição
Metas principais alinhadas com a página
Teste seu site
Confira seu site contra boas práticas comuns: apontamos o que falta e erros frequentes nos metadados.
Como pensar favicons e metadados
Um ícone bem feito e tags limpas ajudam no Google e quando alguém compartilha seu link. Aqui vai o quadro para 2026.
O que lembrar
Resultados de busca (SERP)
Favicon e snippet influenciam cliques — no celular principalmente.
Sistema operacional
iOS e Android pedem medidas diferentes; vale cobrir as duas linhas.
PWA
Sem um manifest bem montado o ícone não se comporta igual instalado ou na aba.
Dúvidas frequentes
O que é zona segura?
Mantenha o logo importante ao centro (~80 % do quadro) para máscaras redondas ou quadradas não cortarem errado.
Ainda precisa de .ico?
Em muitos sites é o que o navegador busca primeiro, embora o futuro passe muito pelo SVG.
E o modo escuro?
No SVG dá para usar @media (prefers-color-scheme: dark) e acompanhar o tema do sistema.
Tags sociais
Open Graph e Twitter Cards definem como o link aparece ao compartilhar. Seguimos a linha de 2026 para og:image (cerca de 1200×630 px) e Schema.org para ficar uniforme onde o link aparecer.
Na mesma página do W3C e do que as plataformas costumam pedir.
Pensado para navegadores de hoje e próximos passos.
Para SEO sério e compartilhamento sem susto.
Atualizamos o método quando buscadores ou sistemas mudam as regras.
Versão em inglês →·Version française →·Versão em espanhol →·Versi Bahasa Indonesia →·हिन्दी संस्करण →