Hoppa till innehållet
Alla inlägg

AI-slop eller en hemsida som håller.

kennyUppdaterad 5 min läsning

Vem som helst kan i dag få fram en hemsida som ser okej ut. AI-modellerna har blivit så bra på kod och design att resultatet mest beror på vad de får veta innan de börjar. Med en skill, alltså skrivna instruktioner för hur arbetet ska göras, blir det en helt annan hemsida än med en enda mening.

Säger utseendet något om hemsidan?

Utseendet säger lite om resten. Ett företag har sin hemsida för att få förfrågningar och en hemsida som ser okej ut men brister i SEO, struktur och skalbarhet ger ändå inga. Mindre erfarna webbutvecklare lämnar ofta över hemsidan när den ser färdig ut, innan någon har frågat hur den ska hittas på Google eller om formuläret kommer fram.

Vad är AI-slop?

AI-slop är det man får när en AI-modell själv får välja. Den tar det som är vanligast i det den har tränats på och därför ser så många AI-byggda hemsidor likadana ut. Typsnittet är Inter, bakgrunden en lila eller blå gradient och ovanför rubriken sitter en liten etikett. Under rubriken kommer tre kort med ikoner och sedan upprepas samma upplägg sektion efter sektion. Texterna är fulla av tankstreck och nästan varje stycke slutar med en kort mening som ska låta slagkraftig. Saknas uppgifter om företaget hittar modellen gärna på egna, som ett betyg på Google eller antal år i branschen.

Anthropic, som gör AI-modellen Claude, beskrev samma mönster i november 2025. En modell utan riktning väljer enligt dem nästan alltid typsnittet Inter, lila gradienter på vit botten och minimala animationer (Anthropic, 12 november 2025).

Samma AI-modell, två startsidor

För att visa skillnaden lät jag samma AI-modell göra en startsida åt en påhittad rörmokare i Västerås två gånger. Växla mellan bilderna.

Samma rörmokare, samma AI-modell, två startsidor

AI-slop

En mörkblå startsida för Bergmans Rör med en etikett ovanför rubriken, rubriken Din lokala rörmokare i Västerås med ett ord i gradient, ett glasliknande kort med tjänster, betyget 4,9 på Google och 20 års erfarenhet som modellen hittat på

AI-modellen fick en mening att arbeta med och valde resten själv, en mörkblå gradient, en etikett ovanför rubriken, ett kort i glas och två knappar. Betyget 4,9 på Google, de 20 åren och jouren dygnet runt hittade den på.

Med erfarenhet

En ljus startsida för Bergmans Rör med rubriken Rörmokare i Västerås med fast pris innan vi börjar, en knapp för att ringa och en ruta med tjänster, öppettider och behörighet

Samma modell fick en skill med designprinciperna och röstreglerna. Den fick också ett underlag med det enda som fick påstås. Rubriken säger vad företaget gör och var och knappen ringer företaget direkt.

Bilderna är gjorda för artikeln. Bergmans Rör finns inte.

Första gången fick modellen en enda mening. Den gjorde en mörkblå gradient med en etikett ovanför rubriken och ett kort i glas. Den skrev också in betyget 4,9 på Google, 20 års erfarenhet och jour dygnet runt, fast ingen hade gett den de uppgifterna. Andra gången fick den en skill med våra designprinciper och röstregler och ett underlag med det enda som fick påstås.

Det var samma AI-modell båda gångerna. Skillnaden kommer från skillen och underlaget, som bestämde hur sidan skulle se ut, vad texterna fick säga och vilka uppgifter om företaget som stämde.

Vad ligger under ytan?

Bilderna visar det du kan bedöma med egna ögon. Det som avgör om hemsidan ger förfrågningar ligger mest i koden och börjar med hur Google läser den. Google läser sidans titel, rubrikernas ordning och den strukturerade datan för att förstå vad företaget gör och var. Har varje sida samma titel och ligger alla tjänster på en enda lång sida finns det ingen sida som kan visas för den som söker på att byta varmvattenberedare i Västerås. Det händer också att en hemsida publiceras med en rad kvar från utvecklingen som ber sökmotorerna att inte visa den. Då kommer den aldrig med i Googles sökresultat.

Det som laddas på startsidan

AI-slop

  • Film i bakgrunden, 14 MB
  • Fyra typsnitt i elva vikter
  • Sju skript för animationer och spårning
  • Bilderna i samma storlek som från kameran
  • 38 av 100 på mobil

AI lägger till det som brukar finnas på snygga sidor. Ingen har frågat vad varje del kostar i laddtid för den som öppnar sidan i telefonen.

Med erfarenhet

  • En bild, komprimerad och i rätt storlek
  • Ett typsnitt i två vikter
  • Inget skript som sidan klarar sig utan
  • Laddtiden mätt på mobil, 90 av 100 eller mer

Varje del har ett skäl att finnas. Gränsen sattes innan sidan byggdes och mätningen avgör om den håller.

Exemplet är skrivet för artikeln. Företaget finns inte.

Sedan kommer laddtiden. Hemsidan provas ofta på en snabb dator medan kunden öppnar den i en telefon. Vi mäter med Googles verktyg Lighthouse på mobil och gränsen i vår besiktning går vid 90 av 100.

Dagen hemsidan publiceras

AI-slop

  • Publicerad samma minut som AI var klar
  • Formuläret skickar till en adress som ingen läser
  • Telefonnumret är text och går inte att trycka på
  • Spärren för sökmotorer ligger kvar från testmiljön

Allt ser färdigt ut på skärmen. Felen märks först när en kund försöker höra av sig eller när ingen hittar sidan.

Med erfarenhet

  • Besiktigad på tolv punkter före publicering
  • Ett testmeddelande från formuläret har kommit fram
  • Telefonlänken är provad i en telefon
  • Protokollet ligger öppet med datum

Varje punkt är prövad och har ett resultat som den som köper kan läsa i protokollet.

Exemplet är skrivet för artikeln. Företaget finns inte.

Det sista är säkerheten. En nyckel till en betald tjänst som ligger i koden som skickas till webbläsaren kan läsas av vem som helst som öppnar sidan.

Vad gör en erfaren webbutvecklare annorlunda med AI?

Googles forskningsgrupp DORA frågade nästan 5 000 personer som arbetar med teknik hur de använder AI. Slutsatsen var att AI förstärker det som redan finns i ett team. Starka team blir ännu bättre och team som har problem får se dem växa (Google Cloud, 23 september 2025).

Jag ser samma sak när vi bygger hemsidor. AI-agenterna, verktygen som använder AI-modellen för att skriva koden, arbetar mot krav som jag skriver innan den första raden kod finns. Vad som ska stå där kommer från det jag har sett gå fel på hemsidor sedan 2013. De sakerna har jag gått igenom punkt för punkt i Vad erfarenhet gör med en hemsida.

Går hemsidan att bygga vidare på?

De flesta företag vill lägga till något på hemsidan efter ett tag, en ny tjänst, en ny ort eller ett nytt nummer. Hur lätt det går beror på hur koden är skriven. Står telefonnumret inskrivet på flera ställen och finns sidfoten i en kopia per sida tar varje ändring längre tid och förr eller senare glöms ett av ställena.

I våra färdiga hemsidor står uppgifter som telefonnumret på ett ställe som resten av hemsidan läser från och sidfoten är en komponent som alla sidor delar. Ett nytt nummer ändras då på ett ställe och en ny sida får samma sidfot som de andra direkt.

Hur vet du vad du har fått?

Du behöver inte kunna koden för att kontrollera det viktigaste. Skriv site:foretaget.se i Googles sökruta, med din egen adress i stället, så ser du vilka sidor som finns med och vilken titel var och en har. Klistra in adressen i Schema Markup Validator så ser du om företagets namn, telefon och adress finns i den strukturerade datan. Laddtiden mäter du i PageSpeed Insights. Välj mobil och se att talet för prestanda är minst 90.

Rubrikernas ordning och resten av de tolv punkterna kan du pröva i vår besiktning. Skriv adressen till din hemsida så får du godkänd eller anmärkning på varje punkt, gratis. Fler saker du kan kolla med en telefon och en dator står i Testa din hemsida själv.

Varje hemsida från oss besiktigas på samma tolv punkter innan den publiceras och protokollet ligger öppet med datum. Öppna någon av de färdiga hemsidorna och läs det innan du bestämmer dig.

Varje hemsida från oss är besiktigad före publicering.

Mer läsning

  • 6 min läsning

    Vad händer när hemsidan flyttar från WordPress?

    Vad följer med när hemsidan flyttar från WordPress, vad byggs om och vad händer med Google? Kenny Damgren går igenom flytten till kemero.

    kenny

  • 2 min läsning

    sajterna.se och kemero.io har blivit kemero.se

    sajterna.se och kemero.io har blivit kemero.se. Kenny Damgren berättar var de färdiga hemsidorna finns nu och vad flytten betyder för dig.

    kenny

  • 4 min läsning

    Vad erfarenhet gör med en hemsida

    Tolv saker som mindre erfarna webbutvecklare ofta missar på en hemsida. Kenny Damgren går igenom dem i samma ordning som besiktningen.

    kenny

  • 3 min läsning

    Testa din hemsida själv

    Sju saker du kan kolla på din hemsida med en telefon och en dator, från laddtiden och sökorden till hur företaget syns på Google.

    kenny

  • 4 min läsning

    Från utvecklare till produktansvarig

    AI-agenter skriver det mesta av koden. Kenny Damgren, webbutvecklare sedan 2013, berättar varför han är produktansvarig och vad erfarenheten gör.

    kenny

  • 5 min läsning

    Så utvecklar iro och jag en hemsida med AI

    Vad är en AI-agent, en subagent eller en loop? Kenny Damgren förklarar orden enkelt och visar hur kemero utvecklar en hemsida med AI.

    kenny

  • 3 min läsning

    Jag har byggt en sajtmäklare

    En sajtmäklare bygger hemsidan före köpet. Kenny Damgren berättar varför de färdiga hemsidorna finns och när egen design passar bättre.

    kenny

  • 4 min läsning

    Vad jag svarar på och när kenny tar över

    En AI-chatt som svarar dygnet runt och lämnar över i tid. iro berättar vad hon svarar på och vad svararen kan göra på din hemsida.

    iro

Vad visar din egen hemsida?

Skriv adressen så får du godkänd eller anmärkning på tolv punkter, gratis.

Mejla kenny på kenny@kemero.se

Ring 070-728 21 89Svarar vi inte ringer vi upp samma arbetsdag.

kenny & iroVi svarar samma arbetsdag.

Fråga irosvarar direkt

iro svarar direkt, dygnet runt. Det hon inte kan svara på lämnar hon över till kenny.

Besiktiga din hemsida gratis