{"id":38,"date":"2018-02-09T10:16:53","date_gmt":"2018-02-09T10:16:53","guid":{"rendered":"https:\/\/www.jbn.nu\/?page_id=38"},"modified":"2024-04-14T12:29:10","modified_gmt":"2024-04-14T12:29:10","slug":"responsiv-design-ett-seo-trick","status":"publish","type":"page","link":"https:\/\/www.jbn.nu\/responsiv-design-ett-seo-trick\/","title":{"rendered":"Responsiv design – ett SEO trick?"},"content":{"rendered":"

Om du \u00e4r \u00e4gare av en webbplats s\u00e5 \u00e4r det enormt viktigt att du \u00e4r bevandrad inom responsiv design. Du riskerar att f\u00f6rlora bes\u00f6kare om du saknar en layout som klarar av att anpassa sig efter den enhet som anv\u00e4nds och dess sk\u00e4rm som bes\u00f6karen har. Responsiv design kallas f\u00f6r anpassningsbar hemsida.<\/span><\/p>\n

Idag \u00e4r vi mer mobila och vi f\u00f6rv\u00e4ntar oss att vi kan anv\u00e4nda internet oavsett var vi befinner oss. Vi st\u00e4ller h\u00f6ga krav p\u00e5 en webbplats och f\u00f6rv\u00e4ntar oss att den ska fungerar precis som vi satt framf\u00f6r v\u00e5r dator hemma eller p\u00e5 kontoret. Idag kommer nya enheter st\u00e4ndigt ut p\u00e5 marknaden och dessa har olika sk\u00e4rmstorlekar. Oavsett om vi anv\u00e4nder en station\u00e4r sk\u00e4rm, laptop, surfpatta, mobil eller smart-TV s\u00e5 vill vi att hemsidan ska anpassa sig automatiskt till den plattform som vi anv\u00e4nder. \u00a0<\/span><\/p>\n

Att spela via mobila enheter \u00e4r en omtyckt underh\u00e5llning och online casino<\/a> \u00e4r ett exempel d\u00e4r responsiv design anv\u00e4nds s\u00e5 att du som spelare kan logga in b\u00e5de fr\u00e5n din dator och mobila enheter genom att bes\u00f6ka en enda webbsida.<\/span><\/p>\n

Vad fanns innan responsiv design?<\/span><\/h2>\n

I mitten av 1990-talet n\u00e4r webben slog igenom s\u00e5 hade de flesta sk\u00e4rmar en uppl\u00f6sning p\u00e5 800\u00d7600 pixlar. Webbutvecklare beh\u00f6vde skaps webbplatser som inte var bredare \u00e4n 800 pixlar. Om sajten var bredare s\u00e5 uppstod v\u00e5gr\u00e4ta rullningslister eller scrollbars som gav anv\u00e4ndaren en d\u00e5lig upplevelse. Lite senare s\u00e5 blev uppl\u00f6sningen 1024\u00d7768 standard och sedan kom det \u00e4nnu st\u00f6rre sk\u00e4rmar. Bredden p\u00e5 webbplatserna gjordes dock ofta under 100 pixlar f\u00f6r att kunna n\u00e5 en stor grupp av bes\u00f6kare som m\u00f6jligt.<\/span><\/p>\n

Hur ser man att en webbplats inte \u00e4r responsiv?<\/span><\/h2>\n

\"ResponsivOm du bes\u00f6ker en webbplats inte \u00e4r s\u00e5 kallat responsiv s\u00e5 m\u00e5ste du om du har en smartphone anv\u00e4nda zoomfunktionen f\u00f6r att du ska kunna l\u00e4sa. Det tar tid innan en sida laddas om du hittar en intressant l\u00e4nk och klickar p\u00e5 den. M\u00e5nga mobilsurfare m\u00e5ste f\u00f6r att kunna l\u00e4sa en text b\u00e5de scrolla horisontellt och vertikalt. Som bes\u00f6kare s\u00e5 \u00e4r det en mindre trevlig upplevelse och det \u00e4r troligt att en bes\u00f6kare v\u00e4ljer att klicka p\u00e5 en annan webbplats som \u00e4r responsiv. Flera bes\u00f6kare v\u00e4ljer ocks\u00e5 att l\u00e4mna en sajt som laddar l\u00e5ngsamt och \u00e4r sv\u00e5r att anv\u00e4nda.<\/span><\/p>\n

Trafiken fr\u00e5n mobila enheter \u00e4r viktigt och en majoritet av internettrafiken kommer fr\u00e5n mobila enheter. Om du driver en webbshop s\u00e5 \u00e4r det vanligt att man tittar p\u00e5 saker p\u00e5 mobilen och sedan shoppa vid datorn. S\u00e5 mobilen \u00e4r viktig f\u00f6r n\u00e4thandel och du kan s\u00e5ledes f\u00f6rlora kunder om sidan inte \u00e4r responsiv.<\/span><\/p>\n

Inslag inom SEO marknadsf\u00f6ring<\/span><\/h2>\n

Att endast ha en webbadress (URL) till ditt inneh\u00e5ll inneb\u00e4r att din s\u00f6kmotoroptimering blir b\u00e4ttre. Du skulle kunna sprida ut ditt inneh\u00e5ll till tv\u00e5 olika sidor, exempelvis en f\u00f6r datorer och en f\u00f6r mobila enheter. S\u00f6kmotorer gillar emellertid inte inneh\u00e5ll som \u00e4r duplicerat, s\u00e5 det \u00e4r b\u00e4ttre att endast ha en unik sida. Det blir ocks\u00e5 dubbelt s\u00e5 mycket arbeta att sk\u00f6ta om en separat mobilsida.<\/span><\/p>\n

En annan f\u00f6rdel med responsiv design \u00e4r att det \u00e4r billigare att skapa den och ha en sajt j\u00e4mf\u00f6rt med att designa en helt ny sajt f\u00f6r mobila anv\u00e4ndare.<\/span>
<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Om du \u00e4r \u00e4gare av en webbplats s\u00e5 \u00e4r det enormt viktigt att du \u00e4r bevandrad inom responsiv design. Du riskerar att f\u00f6rlora bes\u00f6kare om du saknar en layout som klarar av att anpassa sig efter den enhet som anv\u00e4nds och dess sk\u00e4rm som bes\u00f6karen har. Responsiv design kallas f\u00f6r anpassningsbar hemsida. Idag \u00e4r vi […]<\/p>\n","protected":false},"author":973,"featured_media":101,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/pages\/38"}],"collection":[{"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/users\/973"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":4,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/pages\/38\/revisions\/109"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/media\/101"}],"wp:attachment":[{"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jbn.nu\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}