# Webstudiet

> Webstudiet er en enkeltmandsvirksomhed drevet af John Andersen. Sitet beskriver praktisk webudvikling, optimering, teknisk SEO, backend-arbejde, WordPress, Laravel, API-integrationer og konkrete cases for mindre virksomheder.

Brug de kanoniske URLer med trailing slash. Den engelske version på webstudiet.com er den primære indholdskilde, mens denne danske version er lokaliseret naturligt til danske kunder.

Offentlige sider er beregnet til at kunne crawles, citeres og bruges som input til AI-assisterede svar. Formularer er til reelle henvendelser og bør ikke bruges til automatiserede test- eller spamflows.

## Hovedsider
- [Hjemmesider, der skaffer kunder, og systemer, der sparer tid](https://webstudiet.dk/): Forside. Senior fullstack-udvikler, der bygger hjemmesider, webapplikationer og integrationer for mindre virksomheder og holder styr på projektet.
- [Webudvikling til mindre virksomheder](https://webstudiet.dk/ydelser/): Side. Hjemmesider, specialudviklede applikationer, integrationer og løbende support til mindre virksomheder. Samarbejd direkte med udvikler John Andersen.
- [Artikler om webudvikling](https://webstudiet.dk/artikler/): Artikeloversigt. Artikler om webudvikling, hastighed, teknisk SEO, tilgængelighed, integrationer, vedligeholdelse og AI i udviklingsarbejdet.
- [Cases fra rigtige webprojekter](https://webstudiet.dk/cases/): Caseoversigt. Udvalgte cases fra praktisk webudvikling, teknisk SEO, bookingsystemer, integrationer og indholdsplatforme.
- [Jeg hedder John Andersen](https://webstudiet.dk/om/): Side. Jeg har arbejdet med web siden 1997. Min historie spænder fra PHP og webdesign til trykte turistguider og bookingsystemer i Thailand.
- [Beskriv opgaven og få et konkret næste skridt](https://webstudiet.dk/kontakt/): Kontaktside. Kontakt en erfaren webudvikler om nye hjemmesider, funktionalitet, backend-arbejde, optimering og integrationer.
- [Sådan arbejder vi sammen](https://webstudiet.dk/tilgang/): Side. Sådan samarbejder jeg med mindre virksomheder: Vi aftaler opgave og pris, holder kontakt på skrift og gennemgår arbejdet, før det sættes i drift.

## Værktøjer
- [URL-analyse](https://webstudiet.dk/url-analyse/): Offentligt værktøj til at analysere en URL for teknisk SEO, tilgængelighed, sikkerhed, privatliv, performance og agent-readiness-signaler.
- [Test af maillevering](https://webstudiet.dk/test-maillevering/): Offentligt værktøj, der modtager én testmail og kontrollerer godkendelse, domænejustering, struktur, tilgængelighed og afmelding.
- [Adgangskodeværktøj](https://webstudiet.dk/adgangskodegenerator/): Lokalt værktøj til at oprette og tjekke adgangskoder samt dele en krypteret hemmelighed via et engangslink med udløb.

## Cases
- [Udvikling af en thailandsk booking­platform gennem 21 år](https://webstudiet.dk/cases/thailand-villas-com/): Case. Jeg udviklede og vedligeholdt Thailand-villas.com fra 2001 frem til salget i 2022. Platformen voksede til omkring 1.050 villaer i hele Thailand, med en PHP-bookingmotor, der håndterede forespørgslerne, og et netværk af destinationshjemmesider, der måtte lægges om to gange, efterhånden som Google ændrede sig.
- [Et PMS bygget specifikt til asiatisk villa­udlejning](https://webstudiet.dk/cases/klik-villas/): Case. klik.villas blev lanceret i 2011 som Asiens første PMS til villaudlejning, bygget specifikt til asiatiske ejendomme. Da systemet blev solgt i 2022, administrerede det omkring 2.500 ejendomme fra hele Asien, primært for administrationsselskaber, men også for private ejere.
- [En struktureret Astro-guide til at bo i Bangkok](https://webstudiet.dk/cases/whybangkok-com/): Case. WhyBangkok.com er en Astro-guide i drift for folk, der flytter til og bor i Bangkok. I september 2026 havde den over 600 sider, blandt andet knap 200 restauranter, omkring 50 distrikter, over 30 områder, hospitaler, skoler og BTS- og MRT-linjerne, alle forbundet gennem én indholdsmodel. Den udbygges løbende, fordi en guide til hverdagslivet hele tiden skal opdateres.

## Artikler og guides
- [Database-CMS, Git-CMS eller intet CMS](https://webstudiet.dk/har-du-brug-for-et-cms/): Artikel, 15. august 2026. Det nyttige CMS-spørgsmål er ikke, hvilken platform der er bedst. Det er, hvad der skal redigeres, hvor tit data ændrer sig, og hvilken arkitektur der giver mindst unødig drift.
- [Headless WordPress i praksis](https://webstudiet.dk/headless-wordpress/): Artikel, 15. juli 2026. Headless WordPress beholder WordPress som redigeringssystem, men erstatter det offentlige tema med et separat frontendlag. Det kan være nyttigt, men giver også mere arbejde med arkitektur, udrulning, forhåndsvisning, SEO og vedligeholdelse.
- [LAMP, MERN, MEAN, TALL og andre webstacks](https://webstudiet.dk/webudvikling-stacks-forklaret/): Artikel, 15. juli 2026. Navne på webstacks er korte betegnelser for de teknologier, der bruges sammen til at bygge og drive en hjemmeside. Det vigtige er ikke akronymet, men om teknologierne passer til forretning, indhold, drift, SEO og vedligeholdelse.
- [Vejledning til Claude Codes officielle plugins](https://webstudiet.dk/claude-officielle-plugins/): Artikel, 2. juli 2026. Claude Codes officielle plugin-katalog indeholder også plugins fra samarbejdspartnere. Denne guide fokuserer på dem, Anthropic selv vedligeholder, og hvad de tilføjer til Claude Code.
- [AI-klare hjemmesider med Astro og Cloudflare](https://webstudiet.dk/astro-cloudflare-ai-klare-hjemmesider/): Artikel, 26. juni 2026. Astro og Cloudflare er en stærk kombination til AI-klare hjemmesider, når projektet kræver hurtig HTML, struktureret indhold, metadata, Markdown og kontrolleret levering tæt på brugeren.
- [Virksomheds­profiler og lokal synlighed](https://webstudiet.dk/virksomhedsprofiler-lokal-seo/): Artikel, 25. juni 2026. Virksomhedsprofiler hjælper lokal søgning, når de beskriver den reelle virksomhed konsistent på kort, kataloger, anmeldelser, serviceområder og hjemmeside.
- [Google Search Console og Bing Webmaster Tools](https://webstudiet.dk/google-search-console-vs-bing-webmaster-tools/): Artikel, 19. juni 2026. Opsæt Google Search Console og Bing Webmaster Tools korrekt, forstå forskellene på rapporterne, og sammenlign signalerne, når en hjemmeside skal undersøges.
- [PageSpeed Insights, Lighthouse eller WebPageTest](https://webstudiet.dk/pagespeed-lighthouse-webpagetest/): Artikel, 19. juni 2026. PageSpeed Insights, Lighthouse og WebPageTest svarer på forskellige spørgsmål om hastighed. En nyttig analyse sammenligner brugerdata, laboratorietests, netværksforløb, billedsekvenser og rigtige brugerforløb.
- [Sådan læser du en PageSpeed Insights-rapport](https://webstudiet.dk/laes-pagespeed-insights-rapport/): Artikel, 19. juni 2026. En PageSpeed Insights-rapport er nyttig, når du ved, hvad afsnittene betyder. Resultatet er kun ét signal; data fra virkelige brugere, laboratoriedata og Core Web Vitals skal læses sammen.
- [Screaming Frog SEO Spider](https://webstudiet.dk/screaming-frog-seo-spider-guide/): Artikel, 19. juni 2026. Screaming Frog SEO Spider er nyttig, når en hjemmeside skal analyseres strukturelt. Guiden forklarer, hvad du bør gennemgå, hvordan fundene læses, og hvordan advarsler bliver til målrettede rettelser.
- [Sådan validerer du strukturerede data](https://webstudiet.dk/schema-markup-validator-rich-results-test/): Artikel, 19. juni 2026. Schema Markup Validator og Google Rich Results Test svarer på forskellige spørgsmål. Guiden forklarer, hvornår hvert værktøj bruges, og hvordan advarsler bliver til nyttige rettelser.
- [Hjemmeside­optimering for bedre hastighed, synlighed og lead­flow](https://webstudiet.dk/hjemmeside-optimering/): Artikel, 15. juni 2026. Hjemmesideoptimering bør starte med den begrænsning, der betyder mest for virksomheden: hastighed, synlighed, mobiloplevelse, formularer, booking eller teknisk stabilitet.
- [PHP-udvikling og modernisering af ældre systemer](https://webstudiet.dk/php-udvikling/): Artikel, 15. juni 2026. PHP-udvikling handler ofte om forsigtigt arbejde på et system, der allerede driver forretningen: rette fejl, opgradere PHP, modernisere skrøbelig kode og bevare de arbejdsgange, der betyder noget.
- [Brug nyere AI-modeller til at instruere ældre modeller](https://webstudiet.dk/nyere-ai-modeller-instruerer-aeldre/): Artikel, 11. juni 2026. De nyeste AI-modeller er dyre, og de ældre er billige. En arbejdsgang, der får begge dele til at give mening, er at bruge frontier-modellen til at skrive reglerne og lade de billigere modeller følge dem.
- [Søgeords­kannibalisering: hvad det er, og hvordan du retter det](https://webstudiet.dk/soegeordskannibalisering/): Artikel, 10. juni 2026. Søgeordskannibalisering er, når flere sider på samme hjemmeside konkurrerer om den samme søgeintention og deler relevans og links mellem sig i stedet for at samle dem på ét stærkt resultat.
- [Fejlfinding med Claude Code og Codex](https://webstudiet.dk/fejlfinding-med-claude-code-codex/): Artikel, 10. juni 2026. Claude Code og Codex kan gøre fejlfinding hurtigere, når arbejdet starter med dokumentation: logfiler, reproduktion, seneste ændringer og tydelig efterprøvning.
- [Interne links på mindre hjemmesider](https://webstudiet.dk/interne-links-pa-mindre-hjemmesider/): Artikel, 9. juni 2026. Interne links er en af de billigste SEO-forbedringer, der findes. De viser søgemaskinerne, hvilke sider der er vigtige, leder besøgende videre mod næste skridt og koster ikke andet end opmærksomhed.
- [Driftssikre API-integrationer](https://webstudiet.dk/driftssikre-api-integrationer/): Artikel, 7. juni 2026. En API-integration er ikke driftssikker, fordi ét API-kald virkede under udvikling. Den er driftssikker, når dubletter, timeouts, delvise fejl og ekstern nedetid håndteres bevidst.
- [Teknisk gennemgang af WordPress-hastighed](https://webstudiet.dk/wordpress-hastighed/): Artikel, 6. juni 2026. En gennemgang af WordPress-hastigheden bør måle, hvor tid og ressourcer bruges, og rette flaskehalsene uden risikabel oprydning på må og få.
- [Tjekliste til hjemmeside­migrering](https://webstudiet.dk/seo-tjekliste-til-migrering-af-hjemmeside/): Artikel, 5. juni 2026. En hjemmesidemigrering kan nøjes med at flytte hostingen eller ændre URL'er, indhold og platform. Tjeklisten adskiller de to forløb og holder flytningen under kontrol.
- [En bedre hjemmeside uden at bygge den om](https://webstudiet.dk/forbedr-hjemmeside-uden-ombygning/): Artikel, 4. juni 2026. En eksisterende hjemmeside behøver sjældent at blive erstattet, blot fordi dele af den er langsomme, besværlige eller forældede. En fokuseret forbedringsplan kan ofte skabe mere værdi med mindre risiko.
- [Kom i gang med programmering med AI](https://webstudiet.dk/kom-i-gang-med-programmering-med-ai/): Artikel, 3. juni 2026. Programmering med AI fungerer bedst, når værktøjet forklarer beslutningerne og ikke kun skriver kode: bed om god praksis, gennemgå ændringerne, og stop farlige kommandoer.
- [Lokal SEO for service­virksomheder](https://webstudiet.dk/lokal-seo-servicevirksomheder/): Artikel, 29. maj 2026. Lokal SEO for en servicevirksomhed virker bedst, når hjemmesiden tydeligt forklarer rigtige ydelser, områder, tillidssignaler, kontaktveje og teknisk struktur.
- [AI-kode­gennemgang med Claude og Codex](https://webstudiet.dk/ai-kodegennemgang-claude-codex/): Artikel, 27. maj 2026. Claude og Codex kan hjælpe med at gennemgå kodeændringer, når arbejdet fokuserer på konkrete risici som følgeskader, manglende tests, sikkerhed og udrulning.
- [Gør din hjemmeside klar til AI-agenter](https://webstudiet.dk/agent-klar-hjemmeside/): Artikel, 25. maj 2026. Agent- og AI-parathed handler om at gøre indhold, regler, formater og handlinger forståelige for automatiserede systemer uden at miste kontrol over adgang, belastning, privatliv og forretningsværdi.
- [Sådan vælger du en webudvikler](https://webstudiet.dk/vaelg-webudvikler/): Artikel, 21. maj 2026. Valget af webudvikler bør handle om det konkrete samarbejde: klar kommunikation, vedligeholdelig kode, realistisk scope, teknisk SEO og support efter lancering.
- [Én AGENTS.md til Codex og Claude Code](https://webstudiet.dk/agents-md-claude-md-ai-kodeinstruktioner/): Artikel, 20. maj 2026. Saml stabile projektregler ét sted, og tilføj kun små værktøjsspecifikke undtagelser for funktioner, rettigheder, kontrol og lokale arbejdsgange.
- [Planlægning af en bookinghjemmeside](https://webstudiet.dk/booking-hjemmeside/): Artikel, 16. maj 2026. En bookinghjemmeside står og falder med de beslutninger, der skal træffes, før nogen vælger en kalender: hvordan en booking bliver bekræftet, hvilket system der ejer ledigheden, hvordan betaling og afbestilling fungerer, og hvad medarbejderne har brug for bagefter.
- [Sikkerhed, privatliv og protokol](https://webstudiet.dk/sikkerhed-privatliv-protokol-teknisk-seo/): Artikel, 12. maj 2026. Sikkerhed, privatliv og protokol påvirker, hvordan browsere, crawlere, brugere og eksterne systemer stoler på en hjemmeside. Guiden gennemgår HTTPS, HSTS, CSP, cookies, security.txt, privatliv, fejlhåndtering, redirects og overvågning.
- [Fejl i WooCommerce-checkout](https://webstudiet.dk/woocommerce-checkout-betaling/): Artikel, 10. maj 2026. WooCommerce checkout-fejl kræver omhyggelig diagnose, fordi betaling, ordrestatus, mail, lager, moms, fragt og callbacks mødes i ét flow.
- [Claude Code og Codex i en eksisterende kodebase](https://webstudiet.dk/claude-code-eksisterende-kodebase/): Artikel, 6. maj 2026. Claude Code og Codex er nyttige i eksisterende kodebaser, når arbejdet starter med indsigt i projektet, tydelige grænser, små ændringer og konkrete kontroller.
- [Kontakt­formularen fra indsendelse til opfølgning](https://webstudiet.dk/kontaktformular-leadflow/): Artikel, 2. maj 2026. En kontaktformular skaber først værdi, når hele leadflowet fungerer: validering, spamfilter, maillevering, internt ansvar, tracking og en testet fallback.
- [Sikkerheds­oprydning på en hacket hjemmeside](https://webstudiet.dk/sikkerhedsoprydning-hjemmeside/): Artikel, 27. april 2026. Sikkerhedsoprydning bør genskabe kontrol, fjerne årsagen, gennemgå adgange, hærde opsætningen og gøre hjemmesiden lettere at overvåge og vedligeholde.
- [Tjekliste til hjemmeside­overdragelse](https://webstudiet.dk/hjemmeside-overdragelse-tjekliste/): Artikel, 18. april 2026. En god hjemmesideoverdragelse skal efterlade virksomheden med adgange, dokumentation, sikkerhedskopier, noter om udrulning, analytics-ejerskab og en klar supportvej.
- [Mobil­venlighed og tilgængelig­hed](https://webstudiet.dk/mobilvenlighed-tilgaengelighed-teknisk-seo/): Artikel, 14. april 2026. Mobilvenlighed og tilgængelighed er tekniske kvalitetskrav, ikke ekstra pynt. Guiden viser, hvordan barrierer i layout, navigation, formularer, indhold og fælles komponenter findes, prioriteres, rettes og kontrolleres.
- [Mål henvendelser og salg på din hjemmeside](https://webstudiet.dk/konverteringssporing/): Artikel, 6. april 2026. Pålidelig konverteringssporing forbinder et defineret forretningsmål med én bekræftet hændelse, en testet implementering og en driftsregistrering, der kan forklare forskelle i tallene.
- [Sådan analyserer du din hjemmeside](https://webstudiet.dk/analyse/): Artikel, 17. marts 2026. Undersøg synlighed, hastighed, brugervenlighed og vejen til en henvendelse, og omsæt dine fund til en kort liste over rettelser.
- [Stabil levering af hjemmeside­mails](https://webstudiet.dk/smtp-maillevering/): Artikel, 28. februar 2026. Maillevering fra en hjemmeside bør behandles som infrastruktur. Hvis formularer, booking eller ordremails forsvinder, kan hjemmesiden miste leads uden tydelige fejl.
- [Guides til teknisk SEO, fra indeksering til AI-parathed](https://webstudiet.dk/teknisk-seo-guide/): Artikel, 24. februar 2026. En implementeringsfokuseret teknisk SEO-guide til adgang for søgerobotter, indeksering, HTML-struktur, Core Web Vitals, tilgængelighed, sikkerhed og agent- og AI-parathed.
- [Crawlbare flersprogede hjemmesider](https://webstudiet.dk/flersprogede-hjemmesider/): Artikel, 19. februar 2026. En flersproget hjemmeside kræver mere end oversat tekst. Ruter, metadata, interne links, sprogalternativer og arbejdsgangen for indhold bør planlægges.
- [ChatGPT mod Claude: derfor bruger jeg begge](https://webstudiet.dk/chatgpt-mod-claude-for-udviklere/): Artikel, 5. februar 2026. ChatGPT og Claude er ikke et valg med én vinder. Den reelle fordel kommer af at bruge den rigtige AI til planlægning, implementering, fejlsøgning, kodegennemgang og kontrollerede kodeændringer.
- [Hjemmeside­drift på Cloudflare](https://webstudiet.dk/cloudflare/): Artikel, 22. januar 2026. Cloudflare er et af de få infrastrukturværktøjer, jeg oprigtigt godt kan lide til mindre hjemmesider, hvis opsætningen holdes bevidst.
- [Sådan sætter du dig op som digital nomade i Thailand](https://webstudiet.dk/digital-nomade-i-thailand/): Artikel, 15. januar 2026. Thailand kan være en god base for teknisk fjernarbejde, men kun når forretningen allerede kører på afstand. Hvad du bør tjekke først, og hvor visumreglerne står.
- [Core Web Vitals og bruger­oplevelse](https://webstudiet.dk/hastighed-og-core-web-vitals/): Artikel, 27. december 2025. Core Web Vitals måler indlæsning, visuel stabilitet og reaktionstid. Guiden forklarer LCP, CLS og INP, og hvordan hastighed hænger sammen med teknisk SEO.
- [Søgning og filtre på hjemmesiden](https://webstudiet.dk/soegning-filtrering/): Artikel, 2. december 2025. Søgning og filtrering bliver forretningskritisk, når brugere skal sammenligne produkter, ydelser, lokationer, datoer eller kategorier før en henvendelse.
- [Teknisk SEO-hjælp: fra analyse til rettelser](https://webstudiet.dk/teknisk-seo-hjaelp/): Artikel, 16. oktober 2025. Teknisk SEO-hjælp bør omsætte analysefund til vedligeholdbare rettelser: crawlability, hastighed, metadata, redirects, links og struktur.
- [Vedligehold­bar Laravel-udvikling og stabil drift](https://webstudiet.dk/laravel-udvikling/): Artikel, 18. september 2025. Laravel-udvikling bør gøre backendsystemer lettere at drive: tydelig struktur, stabile integrationer, synligt baggrundsarbejde og kontrolleret udrulning.
- [Special­udvikling og rettelser i WordPress](https://webstudiet.dk/wordpress-udvikling/): Artikel, 20. august 2025. Specialudvikling i WordPress bør gøre plugins, temaer, integrationer og eksisterende arbejdsgange sikrere at ændre og lettere at vedligeholde.
- [Crawlability og indeksering](https://webstudiet.dk/crawlability-indexering/): Artikel, 15. juni 2025. Sørg for at sider kan crawles, indekseres og forstås. Guiden dækker interne links, sitemaps, canonicals, redirects, rendering og crawl-friktion.
- [HTML-struktur og metadata](https://webstudiet.dk/struktur-semantik-metadata-teknisk-seo/): Artikel, 5. juni 2025. Klar HTML-struktur, H-tags, metadata, canonicals, interne links og strukturerede data hjælper søgemaskiner og brugere med at forstå en side.
- [Historien om PHP](https://webstudiet.dk/php-historie/): Artikel, 14. maj 2025. PHP har ikke bare overlevet tre årtiers webudvikling. Sproget gjorde dynamiske hjemmesider tilgængelige, voksede fra personlige værktøjer til et fælles projekt og blev ved med at udvikle sig uden at miste sin praktiske karakter.
- [CO2-venlige hjemmesider](https://webstudiet.dk/co2-venlig-hjemmeside/): Artikel, 14. maj 2025. En konkret vejledning til at reducere en hjemmesides dataoverførsel, beregninger og energispild gennem effektiv levering, caching, hosting og ansvarlig AI.
- [Google-algoritme­opdateringer: fokus i 2026](https://webstudiet.dk/google-algoritmeopdateringer/): Artikel, 14. maj 2025. Google Search ændrer sig løbende gennem core updates, spam updates, Discover-ændringer og AI-drevne søgefunktioner. Denne guide gennemgår de vigtigste nyere opdateringer først og forbinder dem derefter med ældre algoritmeændringer som Helpful Content, Core Web Vitals, BERT, Penguin og Panda.

## Emnesider
- [Guides til optimering af hjemmesider](https://webstudiet.dk/optimering/): Emneside. Praktiske guides til performance, teknisk SEO, tilgængelighed og caching – og til at vurdere, om målrettede forbedringer, en ombygning eller en ny løsning passer bedst.
- [Praktiske guides til moderne webudvikling](https://webstudiet.dk/udvikling/): Emneside. Praktiske guides til Astro, Cloudflare, PHP, WordPress, Laravel, API'er, integrationer, frontend og vedligeholdbar webarkitektur.

## Valgfrit
- [llms-full.txt](https://webstudiet.dk/llms-full.txt): Udvidet LLM-kontekst med alle offentlige ruter og korte beskrivelser.
- [Sitemap](https://webstudiet.dk/sitemap-index.xml): XML-sitemapindeks med de offentlige, kanoniske URLer.
- [robots.txt](https://webstudiet.dk/robots.txt): Crawlerregler, sitemap-reference og AI-relaterede adgangssignaler.
- [Privatlivs­politik](https://webstudiet.dk/privatlivspolitik/): Privatlivsside. Sådan behandler Webstudiet kontaktoplysninger, tekniske data, URL- og mailanalyser, leverandører, opbevaring og dine rettigheder.
- [English llms.txt](https://webstudiet.com/llms.txt): English source-language LLM-readable site index.