MCP gör det möjligt att koppla din hemsida direkt till Claude och uppdatera innehåll, åtgärda SEO-luckor och bygga nya sidor via naturligt språk - svenska eller engelska. Vi förklarar hur det fungerar, vilka plattformar som stödjer det och hur du gör din hemsida redo.
Föreställ dig att skriva ”uppdatera alla priser på alla fyra språk” – och det händer. På sekunder. Utan att öppna ett CMS. Utan att skriva en enda ticket.
Det är inte en vision om framtiden. Det är vad som är möjligt idag – för rätt strukturerade webbplatser på rätt plattformar.
Det kallas agentic web development, och det bygger på ett protokoll som heter MCP.
MCP är kort för Model Context Protocol – ett öppet protokoll, ursprungligen lanserat av Anthropic, som låter AI-verktyg som Claude kommunicera direkt med externa system. Databaser, API:er, applikationer – och din hemsida.
Utan MCP kan Claude hjälpa dig skriva ett blogginlägg som du sedan klistrar in manuellt. Med MCP kan Claude publicera blogginlägget direkt. Och uppdatera de tio andra sidor som nämner samma produkt. Och flagga de metadata-luckor den hittade på vägen.
Detta är ett paradigmskifte i hur webbteam arbetar.
Ekosystemet rör sig extremt snabbt, så denna lista är en ögonblicksbild av läget i april 2026. Fler plattformar implementerar nu MCP-servrar kontinuerligt för att möta efterfrågan på AI-integrerade arbetsflöden.
Här är de mest framträdande plattformarna med bekräftat MCP-stöd:
Listan växer varje vecka – kontrollera alltid din plattforms officiella dokumentation för att se om de erbjuder en officiell MCP-server eller om du behöver använda community-baserade lösningar.
En tydlig röd tråd bland de plattformar som kommit längst är en API-first-arkitektur. Det är ingen slump; det är just den arkitekturen som gör det enkelt att bygga säkra och robusta MCP-bryggor. Därför rekommenderar vi fortsatt plattformar som Webflow och Sanity för projekt där AI-driven automatisering är en central del av framtidsstrategin.
De flesta som hör talas om MCP tänker: ”Okej, smart för blogginlägg.” Det är ungefär 10 % av vad det faktiskt gör.
Vad som är möjligt idag:
En traditionell audit slutar med ”här är vad som är trasigt.” En agentic audit slutar med ”här är vad som är fixat.” Det är skillnaden.
Vill du förstå det bredare AI-skiftet inom SEO och webb? Vi har skrivit om det i Hur AI påverkar SEO – data och insikter.
Här är insikten de flesta MCP-guider missar: MCP är tekniskt enkelt att sätta upp, men att ge en agent tillgång till din sajt garanterar inte ett bra resultat.
De flesta agenter producerar opålitliga resultat – inte för att de är begränsade, utan för att hemsidan är byggd för mänskliga besökare, inte för maskiner. En agent som möts av inkonsekvent namngivning, saknad dokumentation och kaotisk struktur kommer att göra fel. Det är precis som att sätta en ny frilansare i arbete utan någon form av onboarding.
Att göra din sajt redo för AI är därför inte bara ett tekniskt installationssteg. Det är ett strategiskt och arkitekturellt beslut.
Best practice för AI-readiness är exakt samma som best practice för att en ny människa ska kunna ta över ett projekt:
1. Konsekvent namngivning
Oavsett plattform behöver AI-agenten förstå strukturen. I Webflow handlar det om class names. I ett headless CMS handlar det om field names och content types. div-4 och field_2_new_v3 är oanvändbara. hero__heading och product_description_long ger agenten en karta.
2. Design-variabler och tokens
Hårdkodade stilar hindrar agenten från att göra globala ändringar. Det gäller Webflows CSS-variabler, Sanity-schemas och tokens i kodade sajter.
3. Komplett och konsekvent CMS-struktur
Alla fält ska vara ifyllda och namngivna med syfte. En agent som möter tomma metadata-fält gissar – och gissar ofta fel.
4. Intern dokumentation om sajt-arkitekturen
En kort text som beskriver vilka sektioner som finns, hur komponenter förhåller sig till varandra och vad som är globalt vs. sidspecifikt gör agenten dramatiskt mer precis.
5. Semantisk HTML-struktur
Tydliga heading-hierarkier och välstrukturerade komponenter – oavsett om du bygger i Webflow, Sanity med Next.js eller ren kod.
Webflow är det hemsideverktyg som vi bedömer har kommit längst i MCP-utvecklingen. Den officiella servern ger AI-agenter direkt tillgång till Designer-strukturen, CMS-kollektionerna och stilarna.
Praktiskt upplägg:
Steg 1 – Aktivera Webflows MCP-server
Installera @webflow/mcp-server via npm och autentisera med din Webflow API-nyckel. Fullständig dokumentation finns hos Webflow Developers.
Steg 2 – Anslut Claude Code
Lägg till Webflow som MCP-server i din Claude Code-konfiguration. Claude känner då igen din sajt som en tillgänglig resurs i varje konversation.
Steg 3 – Börja med läsoperationer
Testa med kommandon som ”lista alla sidor som saknar meta description” innan du kör skriv- eller publiceringsoperationer.
Steg 4 – Guardrails
Det är ofta en god idé att be Claude att sammanfatta vad den ska göra, och hur den ska göra det, innan du ber den exekvera ändringar på sidan.
Den tekniska kopplingen tar under en timme. Utmaningen är att sajten måste vara strukturerad för att ge bra resultat – se checklistan ovan.
Vi på SEOS Design arbetar med Webflow som primär plattform för hemsidor som ägs av marknadsavdelningar. Läs mer om hur vi jobbar i Webflow-byrå i Sverige.
Sanity är det headless CMS som vi bedömer har kommit längst i MCP-utvecklingen. Den hostade servern på mcp.sanity.io låter Claude köra GROQ-queries, skriva dokument och navigera schemat utan att du manuellt behöver förklara strukturen.
Det gör kombinationen Sanity + Next.js (eller SvelteKit, Nuxt, Astro) + Claude Code till ett kraftfullt setup för mer komplexa sajter: produktkataloger, flerspråkiga portaler, enterprise-sajter med komplex datamodell.
Kodade hemsidor utan CMS kan också kopplas via MCP om de exponerar ett API eller är byggda med ett ramverk som stödjer protokollet. Skillnaden mot plattformar med inbyggt MCP är att kopplingen kräver mer konfiguration och att strukturen i kodbasen behöver vara särskilt välorganiserad.
Vi har skrivit en praktisk guide om att bygga AI-native webbplatser med Claude Code, Next.js och Sanity: Bygga hemsida med AI: Claude Code, Next.js och Sanity.
Agentic web development innebär att AI-agenter inte bara assisterar mänskligt arbete – utan självständigt utför uppgifter på din webbplats baserat på instruktioner i naturligt språk.
För ett webbteam betyder det:
Det handlar inte om att ersätta kompetens. Det handlar om att rikta kompetensen rätt.
Vilket CMS och vilken plattform som passar beror på din sajts komplexitet och ditt teams behov. Vi har jämfört alternativen i CMS för stora och växande företag – Webflow, Headless eller Enterprise?.
Oavsett om ni kör Webflow, Sanity, Storyblok eller en kodad sajt är utmaningen densamma: kopplingen är enkel, men strukturen avgör resultatet.
Vi hjälper kunder med:
För mer avancerade AI-agenter, RAG-system och automationsflöden samarbetar vi med vårt systerbolag AI Partner.
Nyfiken på hur det kan se ut för er sajt? Hör av dig så tittar vi på det.
Koppla ett MCP-kompatibelt verktyg (Webflow, Sanity, Storyblok m.fl.) till Claude Code och instruera agenten i naturligt språk. Förutsättningen är att sajten är strukturerad för att agenten ska förstå hur den är uppbyggd.
I april 2026 har bland annat Webflow, Sanity, Storyblok, Contentful, Directus, Wix och Wordpress bekräftat MCP-stöd. Fler tillkommer löpande.
Konfigurationen kräver viss teknisk förståelse. Det dagliga arbetet med agenten – att instruera den, granska och godkänna ändringar – görs i naturligt språk utan kod.
Det som tar mest tid och kompetens är arkitekturen bakom AIs kontext om din hemsida och ditt projekt - ett gediget arbete här säkerställer bra output.
De flesta sajter på MCP-kompatibla plattformar kan kopplas utan att byggas om. Däremot behöver strukturen ofta ses över för att agenten ska ge tillförlitliga resultat – en AI-readiness audit ger en tydlig bild av vad som krävs.
Zapier och Make kör fördefinierade flöden: "när X händer, gör Y." MCP ger en AI-agent förmågan att resonera och fatta beslut utifrån instruktioner. Mer flexibelt, men kräver mer genomtänkt struktur.
MCP-paketen är open source och gratis. Kostnaden ligger i konfiguration och det strukturarbete som krävs för att sajten ska fungera bra med en agent. Hör av dig för en bedömning.
