Contentful SEO — headless CMS til enterprise-indholdsstyring
Contentful er det mest udbredte enterprise headless CMS. SEO håndteres ikke af Contentful selv men af frontend-laget — rendering-strategi, meta tags og structured data er frontend-ansvar.
Contentful er det mest udbredte kommercielle headless CMS og er enterprise-standarden for store organisationer der distribuerer indhold på tværs af multiple kanaler. Det er et rent indholdslager — Contentful gemmer og leverer indhold via API men har ingen frontend-præsentation og ingen iboende SEO-funktion.
Contentful’s arkitektur og SEO-ansvarsfordeling
I Contentful-arkitekturen er ansvarsfordelingen skarp: Contentful håndterer indholdsstyring, versionering og API-levering. Frontend-applikationen — typisk Next.js, Gatsby eller Astro — håndterer rendering, meta tags, canonical tags og structured data.
Det betyder at alle SEO-beslutninger træffes i frontend-koden. Contentful er SEO-neutral — det hjælper hverken eller hæmmer SEO i sig selv. Kvaliteten af SEO-implementeringen afhænger udelukkende af frontend-lagets konfiguration og rendering-strategi.
SEO Content Type-mønster
Det anbefalede mønster er at oprette et dedikeret SEO Content Type i Contentful med felttyper:
| Felt | Type | Beskrivelse |
|---|---|---|
| metaTitle | Short text | Overskriver standard sidetitel i <title> |
| metaDescription | Short text | Meta description, maks 160 tegn |
| noindex | Boolean | Sæt noindex, nofollow via robots meta tag |
| canonicalUrl | Short text | Eksplicit canonical URL hvis nødvendigt |
| ogImage | Media | OpenGraph-billede til social sharing |
Dette SEO-objekt refereres fra alle primære Content Types (Article, Page, Product) via et Reference-felt. I frontend-koden eksporteres SEO-data fra det nested objekt:
// Next.js App Router
export async function generateMetadata({ params }) {
const entry = await contentfulClient.getEntry(params.id);
const seo = entry.fields.seo?.fields;
return {
title: seo?.metaTitle ?? entry.fields.title,
description: seo?.metaDescription,
robots: seo?.noindex ? 'noindex' : 'index',
};
}Rendering-strategi og crawlbarhed
Static Generation med revalidering er det anbefalede mønster til Contentful-baserede sites. Hent alle entries ved build-tid via Contentful Delivery API og generer statiske sider. Brug Next.js ISR (revalidate) eller on-demand revalidering via Contentful Webhooks for at holde indholdet opdateret uden fuld rebuild.
Contentful understøtter Webhooks der kan trigge revalidering af specifikke sider ved publicering — det giver statisk performance med næsten-realtids opdatering.
Contentful vs. Sanity — valget
Contentful er det bedre valg ved: stærke enterprise-compliance-krav (SOC 2 Type II, ISO 27001), brug af et Contentful-certificeret bureau-netværk, og behov for stabilt og veldokumenteret API der ikke ændrer sig.
Sanity er det bedre valg ved: behov for mere fleksibel indholdsdatamodellering, real-time collaboration mellem redaktører, og lavere budgettet til lavere trafikniveauer. Se Sanity SEO for sammenligning.
Andre artikler i samme emne
Ofte stillede spørgsmål
- Håndterer Contentful meta tags og SEO automatisk?
- Nej — Contentful er et rent indholdslager. Det gemmer og leverer indhold via API men har ingen SEO-funktion. Meta title, meta description, canonical tags og structured data skal implementeres i frontend-applikationen der henter indhold fra Contentful. Standard-tilgang: tilføj SEO-specifikke Content Type fields i Contentful (metaTitle, metaDescription, noindex) og renderer dem i frontend-layoutet.
- Hvad er den bedste rendering-strategi for Contentful til SEO?
- Static Generation (SSG) er det bedste valg til SEO for indhold der ikke opdateres i realtid. Hent indhold fra Contentful API ved build-tid og generer statiske HTML-filer. For indhold der opdateres hyppigt er Incremental Static Regeneration (ISR) i Next.js relevant: sider genbygges automatisk efter et defineret interval. Ren client-side rendering bør undgås for indekserede sider — Googlebot skal eksekvere JavaScript for at se indhold, hvilket forsinker og komplicerer indeksering.
- Hvad er Contentful's Preview API og er det relevant for SEO?
- Contentful har to API-endpoints: Delivery API (publiseret indhold) og Preview API (upubliseret/draft indhold). Preview API bruges til at se indhold før publicering — typisk i kombination med Next.js Draft Mode eller Gatsby Preview. Det er ikke et SEO-relevant valg; Preview API skal aldrig bruges i produktionsmiljøet der serveres til søgemaskiner. Kun Delivery API eksponeres i produktion.
- Hvordan konfigurerer man SEO-fields i Contentful?
- Tilføj et SEO-felt som en nested Content Type eller som separate felter direkte på content types. Anbefalet pattern: opret et SEO Content Type med felter for metaTitle (Short text), metaDescription (Short text), noindex (Boolean) og canonicalUrl (Short text). Referér dette SEO Content Type fra alle primære content types via et Reference-felt. I frontend-koden ekstraheres SEO-data fra dette nested objekt og renderes i <head>.
- Hvad koster Contentful og hvornår er det berettiget?
- Contentful har en gratis Community-plan (5 users, 25.000 records, 2 locales) egnet til mindre projekter. Team-planen koster fra $300/måned og tilføjer mere storage, locales og brugere. Enterprise-planen er custom-priced og tilføjer SSO, HIPAA-compliance og dedikeret support. Contentful er berettiget når: indholdet distribueres til multiple kanaler (web, app, digital signage), organisationen har separate redaktørteams og frontendteams, og enterprise-compliance (SOC 2, GDPR-processoraftale) er et krav.