Er webbplats på alla skärmar
Webbdesign som ger tydlig orientering
En bra webbplats förklarar ert erbjudande, stödjer beslut och gör det enkelt att ta kontakt. Därför planeras design, innehåll och teknik tillsammans, från en liten mobil till en stor datorskärm.
Strukturen börjar med innehållet
Innan färger och sidmoduler bestäms behövs en översikt över tjänster, målgrupper och vanliga frågor. Utifrån den skapas en sidplan: vilken information hör hemma på startsidan, på en tjänstesida respektive i en guide?
Begriplig navigering hjälper människor att snabbt hitta rätt innehåll. Tydliga rubriker och länktexter stödjer orienteringen. Företagspresentationen förklarar ansvar och arbetssätt utan att samla alla fackämnen på en sida.
Användbar på mobil, surfplatta och dator
Responsiv design anpassar sig till den tillgängliga skärmbredden. Text ska gå att läsa utan att rulla i sidled, knappar ska vara lätta att nå och menyer får inte dölja viktigt innehåll. Tabeller och omfattande innehåll behöver en lämplig visning på små enheter.
Granskningen omfattar olika skärmstorlekar, tangentbordsanvändning och tydliga fokusmarkeringar. En bild på en datorskärm ersätter inte ett funktionstest av den mobila navigeringen eller kontaktvägarna.

Kunna underhålla innehållet i vardagen
En webbplats ska inte behöva programmeras om för varje textkorrigering. För WordPress innebär det att innehåll förblir redigerbart i avsedd redigerare, återkommande uppgifter underhålls konsekvent och tillägg får tydligt avgränsade uppgifter.
Vid en nybyggnad bestäms vem som lägger till innehåll och hur ändringar kontrolleras. I ett befintligt system granskar vi först tema, tillägg och redaktionella rutiner. Beprövade funktioner och relevanta URL-adresser tas med i planeringen.

Samordna laddningstid och design
Varje extra element har ett syfte och kräver tekniska resurser. Rätt dimensionerade bilder, lätta typsnitt och skript som laddas efter behov hjälper till att hålla webbplatsen överskådlig. En automatiskt startande video eller ett omfattande tilläggsverktyg är bara meningsfullt om det ger besökarna motsvarande nytta.
Den faktiska hastigheten beror även på webbhotell, cachelagring, integrerade tjänster och befintliga tillägg. Därför bedöms mätningar i det verkliga systemet och under olika förhållanden.
Bedöm hastigheten utifrån användningen
Ett enskilt hastighetsvärde beskriver inte hela användningen. Ett laboratorietest hjälper till att hitta konkreta problem under bestämda förhållanden. Fältdata visar däremot hur verkliga besök fungerar med olika enheter och anslutningar. Om det ännu finns för lite fältdata är det inte automatiskt en kvalitetsbrist.
Bland dagens Core Web Vitals finns LCP för laddningen av det största synliga innehållselementet, INP för reaktionen på interaktioner och CLS för oväntade layoutförskjutningar. Dessutom görs praktiska kontroller: går det att öppna mobilmenyn? Stannar kontaktknappen på sin plats? Reagerar formuläret begripligt på inmatningar?
Granskningsrapporten bör ange undersökt URL, enhet eller testprofil, mättidpunkt och datatyp. Då går det att kontrollera en ändring igen under liknande förhållanden. En snabb testkörning är en teknisk iakttagelse, inte ett löfte om bättre placeringar.
Förbered en nylansering noggrant
- Inventera befintliga sidor, funktioner och relevanta URL-adresser.
- Bestäm mål, sidroller och nödvändigt innehåll.
- Kontrollera design och användning på flera skärmstorlekar.
- Samordna innehåll och tekniska ändringar.
- Kontrollera kontaktvägar, länkar och sökmotoruppgifter före godkännande.
- Kontrollera det faktiska resultatet och åtkomliga destinationer efter publicering.
Sökmotoroptimering följer processen. På så sätt kan designändringar och organisk sökbarhet beaktas tillsammans.
Vad som bör styrkas före och efter en nylansering
En förhandsvisning visar designen. För ett tillförlitligt godkännande behövs också spårbara belägg för att innehåll, adresser och kontaktvägar fungerar i det publicerade systemet.
| Tidpunkt | Kontroll | Konkret resultat |
|---|---|---|
| Före godkännandet | Jämför befintliga URL-adresser och viktiga funktioner med den nya versionen; bestäm ändringar och återställningsväg. | En koppling för innehåll som behålls, flyttas eller tas bort samt en säkerhetskopia av utgångsläget. |
| Vid publiceringen | Öppna viktiga sidor som en besökare utan inloggning; kontrollera navigering, bilder, kontaktvägar och planerade omdirigeringar. | Dokumenterade åtkomliga målsidor och en kontrollerad väg från kontaktförsök till ansvarig mottagare. |
| Efter publiceringen | Jämför webbplatskarta, interna länkar, canonical och indexeringsanvisningar med sidplanen; följ tillgängliga sökdata. | En lista över kvarstående iakttagelser med ansvariga och datum för ny kontroll. |
Om en URL måste ändras behöver den en innehållsmässigt passande destination. Att generellt omdirigera gamla adresser till startsidan hjälper ofta inte besökare med en konkret fråga. Google påpekar att sådana olämpliga omdirigeringar kan behandlas som Soft-404. Oförändrade URL-adresser som fortfarande passar kan bevaras vid nylanseringen.
Inför en nulägesgranskning före ombyggnaden beskriver guiden till SEO-granskning lämpliga iakttagelser och prioriteringar.
Källa: Google Search Central: URL-kopplingar, omdirigeringar och migreringskontroll.
Planera fler språk som en fullständig besöksväg
En flerspråkig webbplats omfattar mer än översatta huvudtexter. Språkbyte, tjänsteuppgifter, formulär, bekräftelser och senare underhåll måste fungera tillsammans. Börja med den kundgrupp ni faktiskt kan betjäna och kontrollera hela vägen fram till en förfrågan.
Guiden om flerspråkiga webbplatser och SEO i Schweiz kopplar språkvalet till ett översättningsunderlag, den tekniska tilldelningen och ett konkret godkännande.
Kontrollera tillgänglighet genom konkreta uppgifter
Bestäm vid en webbplatsombyggnad vilka vanliga uppgifter som även ska fungera med tangentbord, förstorad text och hjälpmedelsteknik. Ett granskningsprotokoll hjälper till att åtgärda problem riktat. Följande inledande kontroller kan visa tydliga hinder; de ersätter inte en fullständig sakkunnig bedömning.
| Uppgift | Praktisk kontroll | Vad som bör finnas i protokollet |
|---|---|---|
| Hitta erbjudandet | Navigera med Tab och Skift-Tab från sidans början till en tjänst och vidare till kontakt. Kontrollera att den aktuella positionen förblir synlig. | Testad URL, ordningsföljd och exakt plats där användningen fastnar. |
| Använd menyn | Öppna och stäng mobilmenyn med tangentbordet. Kontrollera också byte till en annan skärmbredd. | Ursprunglig storlek, vald åtgärd, åtkomliga länkar och fokus efter stängning. |
| Läs text | Förstora texten. Kontrollera avklippta ord, överlappande knappar och synlig kontrast. | Förstoringsgrad, berörda element och separata resultat för normalt och aktivt läge. |
| Få en överblick över sidan | Läs rubrikerna som en disposition. Huvudämne, avsnitt och underfrågor ska hänga ihop på ett begripligt sätt. | Otydliga benämningar eller nivåer som återger sammanhanget fel. |
| Fyll i en förfrågan | Kontrollera etiketter, obligatoriska uppgifter och begripliga meddelanden vid saknade eller ogiltiga inmatningar i en överenskommen testmiljö. | Vilket fält som berörs, hur det kan rättas och om en lyckad inskickning bekräftas tydligt. |
För rubriker är innehållets hierarki avgörande. En underfråga hör under sitt överordnade avsnitt; textstorleken ensam bestämmer inte rubriknivån. I formulär bör felmeddelanden förklara vad som saknas och hur inmatningen kan rättas. Då blir det allmänna uppdraget ”mer användbart” en kontrollerbar iakttagelse.
W3C:s inledande kontroller, anvisningarna om rubrikstruktur och rekommendationerna om formulärmeddelanden beskriver dessa grunder.
En offentlig tillgänglighetsredogörelse bör begripligt ange den omfattning som faktiskt har granskats, kända begränsningar och en kontaktväg för problem. Den ersätter inte tekniska belägg. Vilka uppgifter en sådan redogörelse lämpligen innehåller förklaras i W3C:s vägledning om tillgänglighetsredogörelser. För ert webbplatsprojekt kan omfattning och godkännandekriterier fastställas i ett samtal om den planerade ombyggnaden.
Förbered ombyggnaden med spårbara URL-kopplingar
I den konkreta planeringen kopplar en URL-lista befintligt innehåll till den godkända nya versionen. Därtill kommer ansvar, godkännande av den offentliga versionen och ett i förväg överenskommet beslut vid ett väsentligt fel.
Guiden om en webbplatslansering med SEO innehåller en kopplingsmatris, kontrollsteg för förhandsvisning och publicering samt en ram för återställningsplanen. På så sätt kan den övergripande ombyggnadsprocessen omvandlas till kontrollerbara arbetspaket.
Ert nästa steg
Låt oss diskutera
er webbplats.
Vad ska er webbplats uppnå för företaget? Berätta om ert projekt.

