{"id":14088,"date":"2021-01-05T10:47:25","date_gmt":"2021-01-05T09:47:25","guid":{"rendered":"https:\/\/inboundcph.dk\/udvikling-af-hjemmeside\/"},"modified":"2024-04-25T06:55:41","modified_gmt":"2024-04-25T05:55:41","slug":"utveckling-av-webbplatser","status":"publish","type":"post","link":"https:\/\/inboundcph.dk\/sv\/udvikling-af-hjemmeside\/","title":{"rendered":"Utveckling av webbplatser"},"content":{"rendered":"

F\u00f6ruts\u00e4ttningen f\u00f6r en lyckad ny webbplats \u00e4r att den tekniska grunden f\u00f6r webbplatsen \u00e4r i ordning - dvs. att det inte finns n\u00e5gra tekniska fel och brister som f\u00f6rs\u00e4mrar webbplatsens kvalitet och hindrar Google fr\u00e5n att indexera webbplatsen. Det \u00e4r ocks\u00e5 en f\u00f6ruts\u00e4ttning att befintligt inneh\u00e5ll fr\u00e5n en gammal webbplats beh\u00e5lls, ut\u00f6kas eller optimeras utifr\u00e5n m\u00e5lgruppens s\u00f6kvanor.<\/p>\n

I detta inl\u00e4gg beskriver vi ett antal rekommendationer och \u00f6verv\u00e4ganden vid utveckling av en ny webbplats. Rekommendationerna g\u00e4ller vid utveckling av en ny webbplats, oavsett val av CMS-system (WordPress, Joomla, Shopify etc.).<\/p>\n

F\u00f6r en mer djupg\u00e5ende guide, ladda ner ett exemplar av V\u00e5r migrationsbok<\/a>. \u00d6verv\u00e4g ocks\u00e5 att ladda ner v\u00e5r SEO-bok<\/a>d\u00e4r du f\u00e5r en mer allm\u00e4n guide till SEO<\/a>.<\/p>\n

\n

Wireframes<\/h2>\n

Wireframes<\/em> \u00e4r grafiska illustrationer av strukturen och inneh\u00e5llet p\u00e5 en webbplats som skapas innan den faktiska programmeringen av webbplatsen p\u00e5b\u00f6rjas. Vanligtvis granskar viktiga intressenter de grafiska wireframesna f\u00f6r att s\u00e4kerst\u00e4lla att kraven och m\u00e5len f\u00f6r den nya webbplatsen uppfylls genom designen. Det \u00e4r ocks\u00e5 viktigt att alla wireframes ocks\u00e5 granskas ur ett SEO-perspektiv.<\/p>\n

Det \u00e4r enklare och billigare att g\u00f6ra justeringar av webbplatsen under designprocessen \u00e4n n\u00e4r programmeringen har p\u00e5b\u00f6rjats, och om man m\u00e5ste g\u00f6ra m\u00e5nga \u00e4ndringar i programmeringen i efterhand riskerar man att f\u00f6rskjuta b\u00e5de budgeten och tidsplanen f\u00f6r hela migreringen. D\u00e4rf\u00f6r \u00e4r de resurser som l\u00e4ggs p\u00e5 att granska och justera wireframes v\u00e4l anv\u00e4nda.<\/p>\n

N\u00e4r du granskar wireframes ur ett SEO-perspektiv m\u00e5ste du vara s\u00e4rskilt uppm\u00e4rksam p\u00e5 hur mycket inneh\u00e5ll som f\u00e5r plats p\u00e5 sidorna. Som en allm\u00e4n regel b\u00f6r m\u00e4ngden inneh\u00e5ll p\u00e5 en sida vara st\u00f6rre \u00e4n den m\u00e4ngd inneh\u00e5ll som konkurrenterna h\u00f6gst upp p\u00e5 Google har p\u00e5 sina motsvarande sidor. I praktiken inneb\u00e4r detta att en mall - som vanligtvis anv\u00e4nds p\u00e5 m\u00e5nga olika sidor - m\u00e5ste kunna rymma en br\u00f6dtext med en mycket varierande l\u00e4ngd beroende p\u00e5 den enskilda sidan.<\/p>\n

Du kan kartl\u00e4gga inneh\u00e5llet p\u00e5 konkurrenternas sidor genom att g\u00f6ra en relevant Google-s\u00f6kning och manuellt r\u00e4kna antalet ord p\u00e5 de h\u00f6gst rankade sidorna. Alternativt kan du anv\u00e4nda ett webbl\u00e4sarplugin som t.ex. SEOquake<\/a> f\u00f6r att automatiskt r\u00e4kna antalet ord.<\/p>\n

N\u00e4r man granskar webbplatsens wireframes \u00e4r det ocks\u00e5 viktigt att se till att mobilversionen av webbplatsen inte inneh\u00e5ller mindre inneh\u00e5ll \u00e4n desktopversionen. Det \u00e4r den mobila versionen som Googles indexering av webbplatsen baseras p\u00e5 (s.k. indexering f\u00f6rst till mobilen<\/a>) och d\u00e4rf\u00f6r f\u00e5r mobilversionen inte vara en f\u00f6rminskad version av desktopversionen.<\/p>\n

\n

Indexering<\/h2>\n

Medan den nya webbplatsen \u00e4r under utveckling \u00e4r det viktigt att s\u00f6kmotorerna inte indexerare\u00a0<\/em>webbplatsen. Detta beror dels p\u00e5 att fr\u00e4mlingar inte ska kunna komma \u00e5t webbplatsen medan den \u00e4r under utveckling, dels p\u00e5 att det kan f\u00e5 stora konsekvenser f\u00f6r b\u00e5de den befintliga webbplatsens synlighet p\u00e5 Google och den nya webbplatsens synlighet n\u00e4r den v\u00e4l lanseras. Det finns fyra s\u00e4tt att hindra s\u00f6kmotorer fr\u00e5n att indexera din webbplats, varav det f\u00f6rsta \u00e4r det vi rekommenderar:<\/p>\n

    \n
  1. IP-begr\u00e4nsning<\/em>. Till\u00e5t anv\u00e4ndare med specifika IP-adresser (t.ex. f\u00f6retagets IP-adress och utvalda hemadresser) att komma \u00e5t webbplatsen och blockera alla andra anv\u00e4ndare fr\u00e5n webbplatsen. Kan vanligtvis st\u00e4llas in av f\u00f6retagets webb- eller systemadministrat\u00f6r.<\/li>\n
  2. Noindex-tagg<\/em>. L\u00e4gg till en noindex-tagg () p\u00e5 alla webbsidor. Taggen talar om f\u00f6r s\u00f6kmotorer att sidorna inte ska indexeras. Nackdelen med den h\u00e4r l\u00f6sningen \u00e4r att fr\u00e4mlingar kan komma \u00e5t sidorna om de k\u00e4nner till webbadressen.<\/li>\n
  3. L\u00f6senordsskydd<\/em>. S\u00e4tt upp l\u00f6senordsskydd p\u00e5 webbplatsen. Detta \u00e4r ett effektivt \u00e5tkomstskydd, men det har en betydande nackdel i och med att automatiserade SEO-verktyg vanligtvis inte kan komma \u00e5t webbplatsen, vilket g\u00f6r det sv\u00e5rt att testa webbplatsen.<\/li>\n
  4. Robotar - textblockering<\/em>. Blockera s\u00f6kmotorer fr\u00e5n webbplatsen via webbplatsblockerare robots.txt-fil<\/a>. Nackdelen med den h\u00e4r l\u00f6sningen \u00e4r att Google inte n\u00f6dv\u00e4ndigtvis respekterar blockeringen och att fr\u00e4mlingar samtidigt kan f\u00e5 obehindrad tillg\u00e5ng till webbplatsen.<\/li>\n<\/ol>\n
    \n

    Sidans arkitektur<\/h2>\n

    Sidans arkitektur <\/em>\u00e4r ett uttryck f\u00f6r webbplatsens menystruktur och sidstruktur. Om utvecklingen av den nya webbplatsen f\u00f6reg\u00e5s av en S\u00f6kordsanalys<\/a>Sidarkitekturen b\u00f6r best\u00e4mmas utifr\u00e5n \u00f6verv\u00e4ganden fr\u00e5n s\u00f6kordsanalysen. P\u00e5 s\u00e5 s\u00e4tt s\u00e4kerst\u00e4lls att webbplatsen byggs upp med relevanta sidor med relevant inneh\u00e5ll som m\u00e5lgruppen s\u00f6ker efter.<\/p>\n

    Anta till exempel att din webbplats best\u00e5r av ett antal kategorisidor, underkategorisidor och produktsidor. Om du inte k\u00e4nner till din m\u00e5lgrupps s\u00f6kvanor skapar du alla dessa sidor i blindo utan att veta om det finns en efterfr\u00e5gan p\u00e5 dem - s\u00e5vida du inte har anv\u00e4ndardata fr\u00e5n din befintliga webbplats som kan s\u00e4ga dig n\u00e5got om din m\u00e5lgrupps avsikter och behov.<\/p>\n

    Ett konkret exempel \u00e4r en webbshop som s\u00e4ljer arbetskl\u00e4der. H\u00e4r \u00e4r en mycket kort s\u00f6kordsanalys med hj\u00e4lp av Google Keyword Planner:<\/p>\n

    \"\"<\/p>\n

    Analysen visar att det finns n\u00e4stan 80 g\u00e5nger mer efterfr\u00e5gan p\u00e5 \"arbetskl\u00e4der\" \u00e4n \"arbetskl\u00e4der\", vilket g\u00f6r \"arbetskl\u00e4der\" till det \u00f6verl\u00e4gset b\u00e4sta valet f\u00f6r en kategorisida. Analysen visar ocks\u00e5 att det finns en stor efterfr\u00e5gan p\u00e5 skyddsskor, arbetsskor och arbetsshorts, som d\u00e4rf\u00f6r kan dra nytta av att ha en egen kategorisida p\u00e5 webbplatsen.<\/p>\n

    \n

    Interna l\u00e4nkar<\/h2>\n

    Interna l\u00e4nkar <\/em>\u00e4r l\u00e4nkar p\u00e5 din webbplats som l\u00e4nkar till andra sidor p\u00e5 webbplatsen. Dessa l\u00e4nkar m\u00e5ste uppdateras under migreringen f\u00f6r att s\u00e4kerst\u00e4lla att de pekar p\u00e5 r\u00e4tt sidor p\u00e5 den nya webbplatsen. F\u00f6r att kunna uppdatera l\u00e4nkarna m\u00e5ste du ha en \u00f6verblick \u00f6ver alla sidor p\u00e5 den nya webbplatsen och k\u00e4nna till deras webbadresser.<\/p>\n

    \u00a0<\/em>Exempel p\u00e5 interna l\u00e4nkar \u00e4r:<\/p>\n