API — Hvad er API og hvad betyder det for SEO?

Hvad er API?

API — Application Programming Interface — er en specificeret grænseflade der lader to softwaresystemer kommunikere med hinanden. Et API definerer hvilke forespørgsler der kan stilles, hvilke data der returneres, og i hvilken struktur.

På nettet er APIs typisk HTTP-baserede: din browser eller server sender en forespørgsel til et API-endpoint, og API’et returnerer data — oftest i JSON-format.

REST API

REST (Representational State Transfer) er den dominerende API-arkitektur. Et REST API eksponerer ressourcer som URL-endpoints:

• GET /api/produkter — hent alle produkter
• GET /api/produkter/42 — hent produkt med ID 42
• POST /api/order — opret en ny ordre
• DELETE /api/kurv/5 — fjern vare fra kurv

REST API returnerer typisk JSON:

{
  "id": 42,
  "navn": "Løbesko Model X",
  "pris": 899,
  "beskrivelse": "Lette løbesko til..."
}

GraphQL

GraphQL er et alternativ til REST, udviklet af Facebook. Med GraphQL specificerer klienten præcist hvilke felter den ønsker:

query {
  produkt(id: 42) {
    navn
    pris
    beskrivelse
  }
}

Det reducerer over-fetching (at hente mere data end nødvendigt). GraphQL er populært i Headless CMS-arkitekturer.

Client-side API-kald og SEO-problemet

Her opstår SEO-problemstillingen. Mange moderne websites henter indhold via JavaScript:

fetch('/api/produkter/42')
  .then(res => res.json())
  .then(produkt => {
    document.querySelector('h1').textContent = produkt.navn;
    document.querySelector('.beskrivelse').textContent = produkt.beskrivelse;
  });

HTML-kildekoden indeholder kun en tom container:

<h1></h1>
<div class="beskrivelse"></div>

Indholdet — produktnavn, beskrivelse, pris — er ikke synligt i kildekoden. Googlebot skal rendere siden og eksekvere JavaScript for at se det.

Det er præcis client-side rendering-problemet: indhold hentet via client-side API-kald kræver rendering for at Googlebot ser det, og rendering kan forsinkes med dage.

Server-side API-kald og SEO-fordelen

Alternativet er at API-kaldet sker på serveren ved side-generering:

// Next.js getStaticProps — kører kun på serveren
export async function getStaticProps() {
  const res = await fetch('/api/produkter/42');
  const produkt = await res.json();

  return {
    props: { produkt }
  };
}

Resultatet er at HTML’en der sendes til browseren, allerede indeholder produktnavnet og beskrivelsen som statisk tekst. Googlebot ser det straks i kildekoden.

Server-side API-kald er den korrekte SEO-strategi til indhold der skal ranke.

Headless CMS og API-drevet arkitektur

Headless CMS er en populær arkitektur hvor CMS’et (Contentful, Sanity, Storyblok, Dato CMS) eksponerer indhold via API, og frontend henter og renders indholdet.

SEO-implikationen afhænger af hvornår og hvor API-kaldet sker:

• Build-time API-kald (SSG): API-kaldet sker ved build. HTML er statisk og fuldt indeksebar. Anbefales.
• Server-side API-kald (SSR): API-kaldet sker per request på serveren. Indhold i kildekoden. God SEO.
• Client-side API-kald (CSR): API-kaldet sker i browseren. Indhold ikke i kildekoden. Kræver rendering. Problematisk for SEO.

Google Search API og Search Console API

Google stiller selv API’er til rådighed til SEO-arbejde:

Google Search Console API: Programmatisk adgang til søgedata — queries, clicks, impressions, CTR, gennemsnitlig position. Bruges til automatiseret rapportering og dataanalyse.

Google Indexing API: Kan bruges til at anmelde sider til indeksering (officielt kun til jobpostings og livestream-indhold, men nogle bruger det bredere til hurtigere re-crawl).

PageSpeed Insights API: Programmatisk adgang til CWV-data og performance-anbefalinger.

---

Er REST og GraphQL det samme? Nej. REST er den traditionelle arkitektur med separate endpoints per ressource. GraphQL er et spørgssprog der lader klienten specificere præcist hvilke data den ønsker fra ét endpoint.

Kan Google crawle AJAX-indhold? Google kan eksekvere JavaScript og AJAX-kald, men det sker med forsinkelse i rendering-køen. For SEO-kritisk indhold anbefales server-side rendering.

Hvad er fetch i JavaScript? fetch() er browser-API’et til at sende HTTP-forespørgsler fra JavaScript — det er den moderne erstatning for XMLHttpRequest og bruges til at kalde REST API’er client-side.

Sidst opdateret: marts 2026. Denne artikel er en del af Stegger.dk’s SEO-ordbog.