Site X-Ray — Brukerveiledning

Visuell nettstedsstruktur med kraftgraf. Identifiser foreldreløse sider, pilarsider og intern lenkearkitektur. Kostnad: 30 credits.

Innhold

1. Hva er Site X-Ray?
2. Datakilder
3. Konfigurasjon og oppstart
4. Prosessering
5. Kraftgrafen — Hovedvisualisering
6. Nodetyper og farger
7. Helsestatus og ring-indikatorer
8. Site Health Panel
9. Filtrering
10. Node-detaljer
11. On-Page SEO Analyse (DataForSEO)
12. Google Search Console-integrasjon
13. Grafbyggingslogikk
14. Interaksjon og navigering
15. Tips og best practices
16. FAQ

1. Hva er Site X-Ray?

Site X-Ray er et visuelt analyseverktøy som kartlegger nettstedets interne lenkestruktur som en interaktiv kraftgraf. Den avdekker:

• Foreldreløse sider (Orphans) — Sider uten innkommende interne lenker
• Pilarsider (Pillars) — Hub-innhold som lenker til mange undersider
• Sunne sider (Healthy) — Godt lenkede sider med riktig dybde
• Dype sider (Warnings) — Sider som er mer enn 3 klikk fra forsiden

Kraftgrafen rendres med react-force-graph-2d på HTML5 Canvas i 60 FPS. Den skalerer til 2000+ noder.

2. Datakilder

Site X-Ray bruker en strategi der sitemap-data vises umiddelbart, med valgfrie oppgraderinger:

Datamerging

Sitemap- og GSC-data merges og dedupliseres på normalisert URL. Resultatet er en komplett oversikt over alle kjente sider.

3. Konfigurasjon og oppstart

Input-visning

1. Skriv inn nettstedets URL — f.eks. https://example.com
2. On-Page SEO (valgfritt) — Hvis DataForSEO er konfigurert, kan du analysere URL-en før hovedkjøringen
3. GSC-status — Grønt merke vises når Google Search Console er tilkoblet
4. Klikk "Analyser Struktur" — Credit-bekreftelse på 30 credits

Forutsatt

• Nettstedet må ha en tilgjengelig sitemap (robots.txt → sitemap.xml)
• For GSC-data: Google Search Console må være tilkoblet via innstillinger

Interaktiv demo

På input-siden vises en mini-graf med 15 mock-noder som demonstrerer visualiseringen.

4. Prosessering

Etter oppstart kjøres følgende steg parallelt:

1. Hent sitemap-data — Parser robots.txt → sitemap.xml → alle URL-er
2. Hent GSC-sider (hvis tilkoblet) — Sider Google har indeksert
3. DataForSEO On-Page (hvis konfigurert) — Innholdsanalyse av hoved-URL

En animert NordicThinkingOrb vises under prosessering med fremdriftsmelding.

Sitemap-henting

Sitemaps hentes via serverside-proxy (Vite dev proxy eller Supabase Edge Function fetch-url) for å unngå CORS-problemer. Støtter:

• Standard sitemap.xml
• Sitemap-indekser (flere sitemaps)
• URL-er fra robots.txt

5. Kraftgrafen

Hovedvisualiseringen er en kraft-rettet graf der:

• Noder = Sider på nettstedet
• Lenker = Interne lenker mellom sider
• Klynger = Seksjoner som grupperer seg naturlig

Fysikk-konfigurasjon

Kreftene tilpasses automatisk basert på antall noder:

Pillar→barn-lenker er kortere enn hjem→pillar-lenker, noe som skaper synlige klynger.

Ytelse

• Canvas-rendering — Ingen DOM-noder, ren canvas-tegning
• Optimalisert for 500+ noder — Refs i stedet for state for hover/select
• Gradientfri noder — Solid fyllfarger (~3x raskere enn gradienter)
• Glow kun på hover/select — Sparer GPU-ressurser

6. Nodetyper og farger

Hver side klassifiseres automatisk basert på URL-struktur:

Størrelseberegning

Nodestørrelse baseres på:

• Basestørrelse (8px)
• Lenke-bonus (opptil 15px ekstra basert på innkommende lenker)
• Type-bonus (Pillar: +10, Landing: +14)

7. Helsestatus og ring-indikatorer

Helsestatus vises som en stiplet ring rundt noden:

Pillar- og Landing-noder er alltid "Healthy" — de er strukturelle ankerpunkter.

Health Score (0-100)

Beregnes for hele nettstedet:

Score = 100 - (orphan-andel * 50) - (warning-andel * 20)

• 80+ = Grønt (sunn struktur)
• 60-79 = Gult (forbedringspotensial)
• Under 60 = Rødt (kritiske strukturproblemer)

8. Site Health Panel

Øverst til høyre vises et sammendragspanel med:

• Health Score — Apple-stil sirkelindikator (0-100)
• Totalt sider — Antall noder i grafen
• Orphans — Antall foreldreløse sider (rød)
• Pillars — Antall pilarsider (blå)
• Snittlenker — Gjennomsnittlig innkommende lenker per side
• Kritiske problemer — Antall med pulserende varselindikator

9. Filtrering

To filterknapper øverst til venstre:

Kun Orphans

Viser bare sider med 0 innkommende lenker. Badge viser antall. Nyttig for å identifisere sider som trenger interne lenker.

Kun Pillars

Viser bare pilarsider. Badge viser antall. Nyttig for å se hovedstrukturen uten støy.

Filtrene er gjensidig ekskluderende — kun ett kan være aktivt om gangen.

10. Node-detaljer

Klikk på en node for å se detaljpanelet (glir inn fra høyre):

Informasjon

• Tittel — Sidens tittel
• URL — Relativ sti
• Type-badge — Fargekodet med glow-effekt
• Helseadvarsler — "Ingen interne lenker" eller "Dyp side (X klikk)"

Statistikk

• Innkommende lenker — Antall sider som lenker til denne (rødt hvis 0)
• Utgående lenker — Antall sider denne lenker til
• Dybde fra forside — Antall klikk (gult hvis > 3)

Anbefalinger

Vises automatisk for sider med helseproblemer:

• 0 innkommende lenker → "Legg til interne lenker fra relevante sider"
• 1-2 innkommende lenker → "Øk antall interne lenker til minst 3"
• Dybde > 3 → "Flytt siden nærmere forsiden i hierarkiet"

Handlinger

• Finn lenke-muligheter — Navigerer til Juice Injector-verktøyet med sidens domene og URL
• Åpne side — Åpner URL i ny fane

11. On-Page SEO Analyse

Hvis DataForSEO er konfigurert, vises en ekstra seksjon på input-siden:

Hurtigstatistikk

Problemer

Viser opptil 4 problemer med severity-ikoner:

• Rødt kryss = Feil (error)
• Gult trekant = Advarsel (warning)

Grønt hakmerke vises når ingen kritiske problemer finnes.

Analyserer

• Tittel og meta-beskrivelser
• Overskriftsstruktur (H1-H6)
• Interne og eksterne lenker
• Bilder og alt-tekst
• Schema.org markup

12. GSC-integrasjon

Når GSC er tilkoblet

• Grønt merke: "Google Search Console tilkoblet"
• GSC-sider merges med sitemap-data
• Gir sider Google kjenner til men som kanskje ikke er i sitemap

Når GSC ikke er tilkoblet

• Gult advarselsfelt: "Demo-modus — Viser eksempeldata"
• Lenke til innstillinger for å koble til GSC
• Sitemap-data brukes alene (fungerer fortsatt)

13. Grafbyggingslogikk

Fra sitemap (primærmetode)

1. Hent alle URL-er fra sitemap.xml
2. Grupper etter første sti-segment (f.eks. /blog, /tools, /ressurser)
3. Opprett hjemme-node (Landing-type)
4. Opprett seksjons-pilarer — Sider med 2+ undersider blir Pillar
5. Opprett undersider — Gruppert under sin pilar
6. Sub-kategorier — For 3+-segment URL-er (f.eks. /tools/innhold/slug)
7. Beregn lenketelling og helsestatus
8. Tilordne farger basert på type

Intelligent klassifisering

URL-stier klassifiseres automatisk:

Reparenting

Flat-URL-er omdirigeres til riktig foreldeseksjon:

• /lix-kalkulator → /ressurser/lix-kalkulator
• /tools/slug → /tools/[kategori]/slug (via TOOL_CATALOG)

Fra crawler (DataForSEO)

Når ekte crawler-data er tilgjengelig:

1. Noder opprettes fra crawlede sider
2. Lenker opprettes fra faktiske interne lenker (ikke URL-struktur)
3. Seksjonsindekser med 2+ barn i samme seksjon markeres som Pillar
4. Strengere helseterskel: <= 2 innkommende lenker = Warning

14. Interaksjon og navigering

Zoom-kontroller (nederst til høyre)

• Zoom inn (forstørrelsesglass+) — 1.5x zoom
• Zoom ut (forstørrelsesglass-) — 0.67x zoom
• Tilbakestill (fullskjerm-ikon) — Zoom til passende visning

Mus-interaksjon

• Hover — Viser tooltip med sidetittel og antall innkommende lenker
• Klikk — Åpner detaljpanelet for den valgte noden
• Dra — Flytt individuelle noder (d3 drag)
• Scroll — Zoom inn/ut

Labels

Sidetitler vises kun når zoom-nivået er over 2.5x — dette holder visningen ren ved normalt zoom.

Forklaring (Legend)

Nederst til venstre vises fargekodet forklaring for:

• Nodetyper: Pillar, Verktøy, Innlegg, Ressurs, Landing
• Helse-ringer: Foreldreløs (rød stiplet), Dyp side (gul stiplet)

15. Tips og best practices

1. Start med sitemap — Det er raskt og gir en umiddelbar oversikt
2. Koble til GSC — Gir sider Google kjenner til som kanskje mangler i sitemap
3. Filtrer orphans først — De røde nodene er dine viktigste forbedringspunkter
4. Klikk på orphans — Bruk "Finn lenke-muligheter" for å gå direkte til Juice Injector
5. Sjekk pilarstrukturen — Filtrer kun pilarer for å se om hierarkiet gir mening
6. Dype sider — Sider med gul ring (> 3 klikk) bør flyttes nærmere forsiden
7. Grønne noder er bra — Men sjekk at de har minst 3 innkommende lenker
8. Kjør på nytt etter endringer — Verifiser at nye interne lenker har effekt
9. Stor graf? — Zoom ut for oversikt, zoom inn på klynger for detaljer
10. Demo-modus — Selv uten GSC kan du teste med demodata for å lære grensesnittet

16. FAQ

Q: Hva koster Site X-Ray? A: 30 credits per kjøring. Dekker sitemap-parsing, GSC-integrasjon og grafgenerering.

Q: Trenger jeg GSC for å bruke det? A: Nei. Sitemap-data fungerer alene. GSC gir ekstra sider som Google kjenner til, men sitemap er primærkilden.

Q: Hvorfor vises "Demo-modus"? A: GSC er ikke tilkoblet. Du kan fortsatt analysere med sitemap-data, men GSC-sider mangler. Koble til GSC via innstillinger.

Q: Hva betyr "Live" vs "AI-Estimat"? A: "Live" = Ekte data fra sitemap/GSC/crawler. "AI-Estimat" = Mock-data når ingen datakilder er tilgjengelige.

Q: Hvorfor er noen sider røde? A: Røde noder er "orphans" — sider uten innkommende interne lenker. Google har vanskeligheter med å oppdage og rangere disse.

Q: Hva er en pilarside? A: En seksjonsindeks med 2+ undersider. F.eks. /blog med 10 blogginnlegg under seg. Pilarsider er strukturelle ankerpunkter.

Q: Kan jeg se ekte interne lenker (ikke bare URL-struktur)? A: Ja, hvis DataForSEO er konfigurert. Crawler-data gir faktiske lenker mellom sider i stedet for antatt struktur fra URL-mønstre.

Q: Hvor mange sider støttes? A: Opptil 2000 sider fra sitemap. Grafen er optimalisert for 500+ noder med d3 force-konfigurasjon.

Q: Hva er Juice Injector? A: Et annet NordicPulse-verktøy som finner interne lenke-muligheter. Site X-Ray lenker direkte til det for orphan-sider.

Q: Kan jeg eksportere grafen? A: Eksport er foreløpig ikke tilgjengelig direkte fra Site X-Ray. Bruk skjermbilde eller navigerdata fra node-detaljene.

Generert av NordicPulse Documentation System Sist oppdatert: 4. mars 2026

Sist oppdatert 2026-03-04

Åpne verktøyet