Visualizador de código-fonte
Obtenha o HTML bruto que o servidor envia, antes do JavaScript.
Insira uma URL acima para ver seu código-fonte
10.000+ profissionais de marketing confiam em nós
Junte-se aos SEOs, agências e empresários que aumentam o tráfego de pesquisa com a seotools.pro.
- Profissionais de marketing
- 10.000+
- Profissionais de marketing
- Análises gratuitas
- 21.000+
- Análises gratuitas
- Sites para link building
- 620.000+
- Sites para link building
- Avaliação do usuário
- 4.9/5
- Avaliação do usuário
Feito para as tags, os cabeçalhos e a marcação que nunca chegam ao ecrã
Em cada resultado
Limite de tamanho da resposta
Tempo limite do pedido
Gratuitos todos os dias
Uma URL entra, 7 separadores voltam.
Nada para instalar e nenhuma extensão em que confiar. O pedido corre no nosso servidor e a análise está terminada antes de o resultado lhe chegar.
Passo 1
Cole a URL que quer ler
Qualquer página publicamente acessível — o seu próprio template, a landing page de um concorrente, ou um endereço que preferia não abrir no seu próprio navegador. Uma URL por execução.
Passo 2
Escolha desktop ou móvel
O alternador muda a string de user-agent enviada com o pedido. Execute uma vez de cada maneira e pode comparar as 2 respostas, que é a forma mais rápida de apanhar um site que serve HTML diferente a telemóveis.
Passo 3
Leia os 7 separadores
Código bruto com realce e quebra de linha, depois as meta tags, os cabeçalhos HTTP, um resumo de SEO, os cabeçalhos de segurança, quaisquer dados estruturados e os recursos que a página referencia.
Os cabeçalhos de segurança, e para que serve cada um.
O separador de segurança lista o que veio na resposta. Isto é o que esses cabeçalhos realmente fazem, porque quase nada mais nesta categoria se dá ao trabalho de os explicar.
| Cabeçalho | Contra o que protege | Valor típico | Se faltar | Prioridade |
|---|---|---|---|---|
| Content-Security-Policy | Cross-site scripting e código de terceiros injetado na página | default-src 'self'; script-src 'self' | Qualquer script que chegue à página tem permissão para correr, incluindo um que chegue através de uma dependência comprometida. | Alta, e o mais difícil dos 5 de implementar |
| Strict-Transport-Security | Ataques de downgrade e roubo de cookies num primeiro pedido inseguro | max-age=31536000; includeSubDomains | Um visitante que escreva o domínio simples ainda faz um pedido em texto claro antes de o seu redirecionamento o poder salvar. | Alta, e dos mais baratos de adicionar |
| X-Frame-Options | Clickjacking, em que a sua página é emoldurada invisivelmente sob a de outra pessoa | SAMEORIGIN | Qualquer pessoa pode incorporar a página num iframe e sobrepor os próprios controlos aos seus botões. | Alta em tudo o que tenha uma ação com sessão iniciada |
| X-Content-Type-Options | MIME sniffing, em que um navegador adivinha que um ficheiro é na verdade um script | nosniff | Um ficheiro servido como texto simples pode ser reinterpretado e executado como JavaScript pelo navegador. | Média, e é uma correção de uma linha |
| Referrer-Policy | Fuga de URLs completas, caminhos e tokens para todos os sites para onde liga | strict-origin-when-cross-origin | O endereço completo da página atual viaja para qualquer site externo em que um visitante clique. | Média, mais alta se as suas URLs transportarem identificadores |
O painel reporta o que a resposta continha. Não classifica os cabeçalhos, não pontua o domínio nem escreve a correção por si — uma nota em letra diz-lhe menos do que o próprio cabeçalho.
Como ver o código-fonte diretamente no seu navegador.
Não precisa de nós para uma página que já consegue abrir. Estes são os atalhos, e o único sítio onde deixam de funcionar.
O Safari no iOS bloqueia o esquema view-source: por completo, por isso num iPhone as opções são um bookmarklet, um Atalho da Apple, uma app de terceiros, ou um pedido do lado do servidor como este. Com o código aberto, Ctrl+F ou Cmd+F pesquisa dentro dele.
7 separadores a partir de um único pedido.
A maioria dos visualizadores desta categoria devolve HTML bruto e fica por aí. Isto é o que o mesmo pedido único lhe dá em vez disso.
HTML bruto tal como chegou, e todas as meta tags dentro dele.
Código bruto, realçado e com quebra de linha
O HTML exatamente como o servidor o enviou, com realce de sintaxe e um alternador de quebra de linha para que uma linha minificada se leia num telemóvel em vez de deslizar para o lado sem fim.
Meta tags numa lista legível
Title, description, canonical, robots, viewport, Open Graph e Twitter Card, extraídos do documento para que não ande à caça deles pela marcação.
4 razões para ler o código-fonte de uma página.
O código-fonte só é interessante quando algo está partido, ou quando outra pessoa fez algo bem feito.
Auditar o que uma página declara
Verifique o title, o canonical, a diretiva robots e as tags Open Graph que uma URL realmente entrega, em vez das que a pré-visualização do CMS lhe prometeu.
Depurar um template
Quando uma tag aparece numa página e desaparece noutra, a resposta bruta pré-JavaScript diz-lhe se o template alguma vez a emitiu.
Rever cabeçalhos de segurança
Veja que cabeçalhos de proteção um domínio devolve antes de aprovar um lançamento, e quais ninguém chegou a adicionar.
Abrir uma página que preferia não visitar
O pedido acontece no nosso servidor, pelo que pode ler a marcação de uma URL desconhecida ou suspeita sem a carregar no seu próprio navegador.
Em que é que isto difere das alternativas.
Ambas as alternativas são legítimas, e o navegador ganha-nos claramente na última linha.
| view-source: do navegador | Visualizadores online típicos | seotools.pro |
|---|---|---|
| HTML bruto pré-JavaScript | ||
| Meta tags analisadas numa lista legível | ||
| Cabeçalhos de resposta HTTP na mesma execução | ||
| Cabeçalhos de segurança explicados, não apenas despejados | ||
| Legível num telemóvel sem deslizar para o lado | ||
| Alternador de user-agent desktop e móvel | ||
| Funciona numa página onde já tem sessão iniciada |
O que as equipas dizem sobre trabalhar connosco.
“Experimentei o SEOtools.pro e é uma excelente ferramenta para quem gere um site ou cria conteúdo. Encontra rapidamente metatags em falta, links quebrados e problemas de texto alternativo, poupando tempo. Para verificações diárias, facilita mesmo a vida. Recomendo!”
“É uma ferramenta incrivelmente prática. Faço muitas auditorias SEO e o seotools.pro poupa-me imenso tempo. O que antes demorava horas agora exige apenas alguns cliques. Os dados são claros, a interface é simples e encaixa perfeitamente no meu fluxo de trabalho.”
“O seotools.pro é uma ferramenta fantástica que identifica inúmeros erros e falhas no SEO on-page e sugere automaticamente como os corrigir. As melhorias têm impacto desde o primeiro dia de utilização.”
“O seotools.pro é uma verdadeira joia entre as ferramentas SEO. Detetámos um erro crítico numa história de PR que o cliente acabara de publicar. Poderia ter custado caro, mas o seotools.pro estava lá.”
“Como profissional de conteúdo SEO, tento manter a minha stack simples. O seotools.pro centralizou todo o fluxo: encontrar rapidamente o que otimizar, atualizar metatags na ferramenta e partilhar tudo com clientes em segundos.”
“O equilíbrio entre automação e criatividade humana mostra um futuro em que a eficiência encontra o pensamento estratégico. É inspirador ver como o seotools.pro resolve problemas reais do setor e torna o SEO mais acessível.”
“Quanto maior o site, maior o trabalho para controlar a qualidade do conteúdo. Esta ferramenta ajuda a organizar páginas, analisar pontos fracos, rever e reescrever conteúdo e metadados, corrigir erros e melhorar a experiência dos utilizadores.”
“Experimentei o SEOtools.pro e é uma excelente ferramenta para quem gere um site ou cria conteúdo. Encontra rapidamente metatags em falta, links quebrados e problemas de texto alternativo, poupando tempo. Para verificações diárias, facilita mesmo a vida. Recomendo!”
“É uma ferramenta incrivelmente prática. Faço muitas auditorias SEO e o seotools.pro poupa-me imenso tempo. O que antes demorava horas agora exige apenas alguns cliques. Os dados são claros, a interface é simples e encaixa perfeitamente no meu fluxo de trabalho.”
“O seotools.pro é uma ferramenta fantástica que identifica inúmeros erros e falhas no SEO on-page e sugere automaticamente como os corrigir. As melhorias têm impacto desde o primeiro dia de utilização.”
“O seotools.pro é uma verdadeira joia entre as ferramentas SEO. Detetámos um erro crítico numa história de PR que o cliente acabara de publicar. Poderia ter custado caro, mas o seotools.pro estava lá.”
“Como profissional de conteúdo SEO, tento manter a minha stack simples. O seotools.pro centralizou todo o fluxo: encontrar rapidamente o que otimizar, atualizar metatags na ferramenta e partilhar tudo com clientes em segundos.”
“O equilíbrio entre automação e criatividade humana mostra um futuro em que a eficiência encontra o pensamento estratégico. É inspirador ver como o seotools.pro resolve problemas reais do setor e torna o SEO mais acessível.”
“Quanto maior o site, maior o trabalho para controlar a qualidade do conteúdo. Esta ferramenta ajuda a organizar páginas, analisar pontos fracos, rever e reescrever conteúdo e metadados, corrigir erros e melhorar a experiência dos utilizadores.”
“O seotools.pro substituiu cinco ferramentas diferentes. As recomendações de AI são realmente práticas e tivemos um aumento de 40% no tráfego orgânico em três meses.”
“Também poupa tempo de verdade. Um fluxo de trabalho simplificado parece uma coisa pequena até gerir vários projetos ao mesmo tempo. Aí, faz uma diferença notável na rapidez com que se podem tomar decisões.”
“Migrámos de uma plataforma antiga e nunca olhámos para trás. A automação com AI poupa à nossa equipa mais de 20 horas por semana apenas em relatórios.”
“O Content Optimizer e o AI Writer mudaram completamente o nosso trabalho. O nosso conteúdo aparece agora de forma consistente no top 3 para palavras-chave competitivas.”
“São as melhores ferramentas de SEO local que já usei. Os nossos perfis Google Business passaram da página 3 para o map pack em apenas seis semanas.”
“Finalmente, uma plataforma SEO que usa AI corretamente. A auditoria encontra problemas que outras ferramentas ignoram por completo. Um produto brilhante.”
“O seotools.pro substituiu cinco ferramentas diferentes. As recomendações de AI são realmente práticas e tivemos um aumento de 40% no tráfego orgânico em três meses.”
“Também poupa tempo de verdade. Um fluxo de trabalho simplificado parece uma coisa pequena até gerir vários projetos ao mesmo tempo. Aí, faz uma diferença notável na rapidez com que se podem tomar decisões.”
“Migrámos de uma plataforma antiga e nunca olhámos para trás. A automação com AI poupa à nossa equipa mais de 20 horas por semana apenas em relatórios.”
“O Content Optimizer e o AI Writer mudaram completamente o nosso trabalho. O nosso conteúdo aparece agora de forma consistente no top 3 para palavras-chave competitivas.”
“São as melhores ferramentas de SEO local que já usei. Os nossos perfis Google Business passaram da página 3 para o map pack em apenas seis semanas.”
“Finalmente, uma plataforma SEO que usa AI corretamente. A auditoria encontra problemas que outras ferramentas ignoram por completo. Um produto brilhante.”
Código-fonte, respondido sem rodeios.
Como vejo o código-fonte de um website?
Ctrl+U, ou cole a URL aqui.
Há 2 maneiras. Num navegador desktop, prima Ctrl+U no Windows ou Linux e Cmd+Option+U no macOS, e o HTML bruto abre no seu próprio separador. Ou cole a URL aqui e a página é obtida do lado do servidor, o que devolve o mesmo HTML mais as meta tags, os cabeçalhos HTTP, os cabeçalhos de segurança, os dados estruturados e os recursos extraídos dessa única resposta.
O visualizador de código-fonte é gratuito?
5 pedidos por dia, sem conta.
Sim, para 5 pedidos por dia, aplicados no servidor. Não há conta para criar nem email para entregar. Publicamos o número em vez de dizer 'gratuito para sempre', porque o limite é real e deve saber onde está antes de esbarrar nele.
É legal ver o código-fonte de um website?
Ver, sim. Reutilizar é outra questão.
Vê-lo não é uma zona cinzenta: o HTML já foi enviado ao seu navegador para que este pudesse desenhar a página, e ler o que lhe foi enviado é uso normal da web. Copiar partes substanciais dele para o seu próprio site é uma questão de direitos de autor à parte, e a resposta aí depende do que copia e de onde está. Isto é informação geral, não aconselhamento jurídico.
Obtenha uma página e leia o que o servidor enviou.
5 pedidos gratuitos por dia. Sem conta, sem email, sem extensão para instalar.
Guarde os seus resultados e audite o site inteiro
Uma conta grátis guarda o seu trabalho num projeto e audita até 500 páginas por auditoria, 1.000 páginas por mês. Sem cartão.
Grátis · sem cartão
Qual é a diferença entre o código-fonte da página e o inspecionar elemento?
O código-fonte da página é o documento HTML bruto que o servidor devolveu, antes de qualquer JavaScript correr. O Inspecionar Elemento mostra o DOM renderizado: esse mesmo documento depois de os scripts terem adicionado, movido e removido nós, e depois de o navegador ter corrigido em silêncio marcação inválida. Esta ferramenta devolve o primeiro. Se um título existe no DOM mas não no código-fonte, foi construído do lado do cliente.
Porque é que o código-fonte parece diferente do que vejo no ecrã?
Porque o ecrã é o resultado final e o código-fonte é a matéria-prima. Tudo o que é injetado por JavaScript — um preço carregado de uma API, um banner de consentimento, um componente hidratado depois do carregamento — existe na página renderizada mas não na resposta do servidor. O CSS também esconde e reordena conteúdo que está mesmo ali no código-fonte. Nenhum dos dois é um erro; são fases diferentes da mesma página.
Como vejo o HTML renderizado que a Google vê?
Esta ferramenta mostra o HTML antes de o JavaScript correr e avisa quando uma página constrói o conteúdo no navegador. Para a sua página: Inspeção de URL do Search Console, teste em direto (Test live URL), página testada, separador HTML. Para outros sites, use o Rich Results Test.
O que acontece se o URL redirecionar?
O pedido segue os redirecionamentos e mostra o código da página onde termina. Após um redirecionamento, o endereço final aparece na barra acima dos separadores. Para ver cada salto e o respetivo código de estado, use o Redirect Checker.
Quais são os limites de um pedido gratuito?
5 pedidos por dia sem conta, um URL por execução. Uma resposta acima de 5 MB, ou um servidor que não comece a responder em 15 segundos, é interrompida. O visualizador mostra as primeiras 2.000 linhas; «Copiar tudo» e «Baixar» dão-lhe o ficheiro completo.
Como vejo o código-fonte num iPhone ou telemóvel Android?
O Chrome para Android abre endereços view-source: escritos na barra de endereço. O Safari no iOS não o faz, por isso cole o URL aqui: as linhas longas são quebradas e o código lê-se bem num ecrã pequeno.