Mapa do site e visualizações

O mapa do site clássico para os relatórios e a vista de exploração 2D / 3D - árvore de rastreio, diretórios, grafo de links, filtros, inspetor, exportações.

Duas vistas, um só conjunto de dados

Depois de um rastreio, a barra lateral oferece dois separadores complementares que partilham os mesmos dados, filtros, pesquisa e inspetor de página, e cada um memoriza as suas próprias definições:

  • Mapa do site: o mapa clássico, ao estilo Screaming Frog. Fundo branco, ligações finas, etiquetas escuras, árvore horizontal, pensado para capturas de ecrã e relatórios para clientes.
  • Visualização 2D / 3D: a vista de exploração. Estilo escuro, disposição radial, 2D ou 3D, colorida por problemas SEO por predefinição.
Mapa do site no estilo clássico: árvore de rastreio horizontal sobre fundo branco, uma etiqueta por página, listas longas resumidas como «+ N páginas a mais»
Estilo clássico: página inicial à esquerda, uma coluna por nível.

Três representações

  1. Árvore de rastreio: cada página sob a página a partir da qual foi alcançada pelo caminho mais curto desde a página inicial, registado pelo motor durante o rastreio, pelo que o caminho mostrado tem sempre exatamente profundidade cliques. As páginas não alcançadas por um link seguido são agrupadas sob um nó virtual Não alcançada a partir da página inicial, nunca um link inventado.
  2. Diretórios: a hierarquia dos caminhos de URL. As pastas são virtuais e nunca contam como páginas; uma página cujo URL é a própria pasta é transportada pela pasta (/en é transportada por /en/), e uma pasta sem página no seu próprio endereço é identificada como um agrupamento (/blog/page/*). As etiquetas são relativas à pasta mãe, como num explorador de ficheiros.
  3. Ligação interna: os links reais, com sentido, entre as páginas rastreadas, ciclos incluídos, nofollow excluídos. As páginas bem ligadas agrupam-se no centro; as páginas isoladas afastam-se para a periferia.
Árvore de rastreio em 3D com ramos identificados, a página selecionada, o seu caminho de descoberta e o inspetor de página
A vista 3D, colorida por problemas SEO.

As listas longas de páginas irmãs mantêm os seus maiores ramos e resumem o resto num nó + N páginas a mais que conserva o problema mais grave do que esconde; Mostrar a lista completa expande-o. A página selecionada e o seu caminho são sempre conservados.

Cores, tamanhos e filtros

  • Cor por: problemas SEO (por predefinição), profundidade, estado HTTP, indexabilidade (desconhecida mostrada como tal), diretório, ou segmento quando há segmentos definidos; anéis de erro e de aviso.
  • Tamanho dos nós: Link Score (o PageRank interno relativo do Arachnide, não uma métrica da Google), peso da página, links de entrada ou tempo de resposta.
  • Filtros sobre todas as páginas rastreadas, não só sobre o que está desenhado: problemas e gravidade, profundidade, pasta (a qualquer nível), padrões de URL a incluir ou excluir (texto simples, caráter universal * ou expressão regular, um por linha), estado HTTP, indexabilidade, ligação de entrada fraca com um limiar explícito, intervalo de Link Score. Destacar ou isolar; predefinições Analisar; chips e reposição.
  • A pesquisa em todas as páginas expande os grupos recolhidos e enquadra a página.
  • Até 6 000 nós desenhados; só as páginas são desenhadas (imagens, PDF, CSS e JS são contados e ocultados).

Inspetor de página

Clique num nó: título, URL (copiar, abrir), estado, indexabilidade (apenas quando conhecida), profundidade em cliques, Link Score, páginas de origem, links de saída, caminho de descoberta, problemas com a sua recomendação; Isolar o ramo / a vizinhança, Ver os links internos, Ver o plano de ação, Voltar à vista geral. O inspetor carrega os vizinhos de uma página a pedido, pelo que o navegador nunca recebe o grafo de links inteiro.

Exportações e acessibilidade

As exportações PNG e PDF (A4 horizontal) mantêm as etiquetas, a legenda e um cabeçalho com a vista, o site, a data do rastreio e as páginas mostradas; CSV das páginas. Uma vista Lista dá acesso pelo teclado, o ecrã inteiro e um inspetor recolhível estão disponíveis, os navegadores sem WebGL recuam para 2D, e prefers-reduced-motion é respeitado.

Grafo de links internos com disposição por forças em 2D
Visualização da árvore de diretórios

Desempenho

As árvores usam uma disposição determinista calculada uma vez, não uma simulação física; os nós 3D são desenhados como um único objeto com um shader, os links como um único lote, e nada é redesenhado em repouso. Medido na mesma máquina com renderização por software, uma árvore 3D de 5 000 páginas estabiliza em 0,9 s em vez de 11,7 s, a 47 imagens por segundo em rotação em vez de 1 (detalhes no registo de alterações, 3.9).

Versão 3.21.0 As tabelas de referência e o registo de alterações são gerados a partir do repositório do Arachnide (commit f287355). Editar esta página no GitHub