Menyn är sajtens officiella karta. Men varken besökare eller sökmotorer går bara via menyn. De följer länkar, och länkarna berättar ofta en annan historia. En sida som bara finns i sitemap. En artikel som ligger sex klick från startsidan. En länk i en gammal text som pekar på en sida som inte finns längre. Inget av det syns när man sitter i sitt CMS och tittar på en sida i taget.
Jag ville kunna se det på en gång: hur sajten ser ut från utsidan.
Vad den gör
Du skriver in en adress. Site Outliner börjar på startsidan och följer länkarna utåt, en sida i taget, tills sajten är slut, eller efter 1 000 sidor eller tio minuter. Den läser robots.txt och respekterar den, och läser sitemap.xml. Sidor som bara finns i sitemap hämtas sist, så att man ser vilka som inte går att nå genom att klicka sig fram.
Medan den hämtar växer bilden av sajten fram.
Fyra sätt att se samma sajt
- Ringar: startsidan i mitten och varje ring ett klick längre bort. Sidor som ingen länk leder till hamnar i en egen ring längst ut.
- 3D: samma sajt i lager, där varje klicknivå är ett plan under det förra.
- Träd: sajten efter adresserna, som ett liggande träd du fäller ut gren för gren.
- Flöde: hur avdelningarna länkar till varandra, och var länkarna inte går.
Bredvid finns listan över alla sidor, med titel, antal undersidor och fel. Klickar du på en sida i listan ser du i grafen vart den länkar och vad som länkar dit.
Fel, och sådant som är värt en titt
Det Site Outliner hittar delas i två grupper. Under Fel står det som är trasigt: sidor som inte går att nå via länkar, länkar till sidor som svarar med fel, flera omdirigeringar i rad, sidor utan title eller h1, flera h1 på samma sida, samma title på flera sidor och rubriknivåer som hoppas över.
Under Värt en titt står det som oftast är fel men ibland är avsiktligt: sidor mer än tre klick från startsidan, sidor som bara en annan sida länkar till, och sidor där menyn och h1 säger olika saker.
Hela rapporten går att kopiera som Markdown, för att klistra in i en AI-assistent och fråga vidare.
Hur det funkar
Själva hämtningen görs av en Cloudflare Worker. Varje uppritning får ett eget litet objekt som hämtar en sida i taget och skickar HTML:en vidare till din webbläsare. Allt tolkande sker sedan i webbläsaren: rubriker, länkar och fel. Det håller workern liten nog för Cloudflares gratisnivå, där varje anrop bara får använda några millisekunder processortid.
Syskonet
Site Outliner är ett syskon till Heading Outliner. Heading Outliner visar rubrikstrukturen på en sida, och Site Outliner gör samma sak för hela sajten.
Hittar den något du inte visste om, eller saknar du något den borde se? Hör av dig.