{"version":"1.0","provider_name":"Hemsida24","provider_url":"https:\/\/www.hemsida24.se\/blogg","author_name":"supervisor","author_url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/","title":"Optimera din hemsida f\u00f6r mobilen - Hemsida24","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"izSUVNeDWw\"><a href=\"https:\/\/www.hemsida24.se\/blogg\/2013\/01\/04\/optimera-din-hemsida-for-mobilen\/\">Optimera din hemsida f\u00f6r mobilen<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.hemsida24.se\/blogg\/2013\/01\/04\/optimera-din-hemsida-for-mobilen\/embed\/#?secret=izSUVNeDWw\" width=\"600\" height=\"338\" title=\"\u201dOptimera din hemsida f\u00f6r mobilen\u201d &ndash; Hemsida24\" data-secret=\"izSUVNeDWw\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/*! This file is auto-generated *\/\n!function(c,d){\"use strict\";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(\/[^a-zA-Z0-9]\/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=new RegExp(\"^https?:$\",\"i\"),l=0;l<n.length;l++)n[l].style.display=\"none\";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if(\"link\"===t.message)if(s=d.createElement(\"a\"),a=d.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(\/Trident.*rv:11\\.\/),i=d.querySelectorAll(\"iframe.wp-embedded-content\"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute(\"data-secret\")))r=Math.random().toString(36).substr(2,10),t.src+=\"#?secret=\"+r,t.setAttribute(\"data-secret\",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute(\"security\"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:\"ready\",secret:r},\"*\")}}}}(window,document);\n<\/script>\n","description":"Vi anv\u00e4nder allt oftare v\u00e5ra smarta telefoner f\u00f6r att surfa p\u00e5 n\u00e4tet. S\u00e5 hur ska man skapa en hemsida som fungerar p\u00e5 b\u00e5de telefoner och vanliga datorsk\u00e4rmar? Hemsida24 ger dig tips om hur du g\u00f6r det l\u00e4ttare f\u00f6r din hemsida att se bra ut p\u00e5 mobilsk\u00e4rmen.Mer och mer internettrafik g\u00e5r via de smarta telefonerna, och det \u00e4r inte s\u00e5 konstigt - de kan ju anv\u00e4ndas n\u00e4stan var och n\u00e4r som helst och har blivit oumb\u00e4rliga f\u00f6r m\u00e5nga som snabbt vill ha information n\u00e4r de inte har tillg\u00e5ng till en dator. &nbsp; Men m\u00e5nga hemsidor som \u00e4r snygga och l\u00e4ttanv\u00e4nda p\u00e5 en datorsk\u00e4rm blir klumpiga och sv\u00e5ra att l\u00e4sa p\u00e5 en smart telefon, ofta f\u00f6r att man inte har t\u00e4nkt p\u00e5 telefonens mindre format eller att stora sidor tar l\u00e5ng tid att ladda. D\u00e4rf\u00f6r kan det vara bra att ha mobiltelefonens bes\u00f6kare i \u00e5tanke n\u00e4r du skapar din hemsida: hur vill du att din sida ska se ut n\u00e4r man bes\u00f6ker den via en smart telefon?N\u00e4r bes\u00f6kare kommer till din hemsida via mobilen \u00e4r de oftast p\u00e5 en plats d\u00e4r de inte har dator och har kanske inte lika sort intresse av att surfa runt p\u00e5 din sida. F\u00f6rs\u00f6k d\u00e4rf\u00f6r att h\u00e5lla din hemsida s\u00e5 ren och enkel som m\u00f6jligt: b\u00f6rja med det viktigaste, och undvik l\u00e5nga texter.Den st\u00f6rsta skillnaden mellan en datorsk\u00e4rm och en smart telefon \u00e4r sj\u00e4lvklart storleken: den smarta telefonens sk\u00e4rm g\u00f6r att hemsidor \"skalas ner\" till en mindre version. Det inneb\u00e4r att m\u00e5nga saker ska f\u00e5 plats p\u00e5 ett litet utrymme, vilket i v\u00e4rsta fall ge ett r\u00f6rigt och sv\u00e5rnavigerat intryck om hemsidan \u00e4r gjord p\u00e5 fel s\u00e4tt. Fundera d\u00e4rf\u00f6r p\u00e5 enkelheten i sidan du skapar: anv\u00e4nd mycket vitt, hoppa \u00f6ver bakgrundsbilder och m\u00f6nster, och placera det mest centrala h\u00f6gt upp p\u00e5 din sida.En annan viktig skillnad mellan telefoner och datorer \u00e4r att telefonernas sk\u00e4rmar \u00e4r vertikala, till skillnad fr\u00e5n dators horisontella form. T\u00e4nk d\u00e4rf\u00f6r vertikalt n\u00e4r du designar en hemsida som ska fungera p\u00e5 mobilen. L\u00e4gg ditt material i spalter, och anv\u00e4nd g\u00e4rna inte mer \u00e4n tv\u00e5 eller tre kolumner - huvudregeln \u00e4r att det \u00e4r l\u00e4ttare att bl\u00e4ddra upp\u00e5t och ned\u00e5t&nbsp;\u00e4n \u00e5t sidorna&nbsp;p\u00e5 en mobilsk\u00e4rm.M\u00e5nga hemsidor har menyer eller l\u00e4nkar l\u00e4ngst upp p\u00e5 sidan. Dessa fungerar bra p\u00e5 en dator men kan p\u00e5 mobilen riskera att ta \u00f6ver sk\u00e4rmen. Det \u00e4r viktigt att bes\u00f6karen genast f\u00e5r en uppfattning av hemsidans inneh\u00e5ll vid f\u00f6rsta anblick - undvik d\u00e4rf\u00f6r att l\u00e4gga in l\u00e4nkar och knappar som inte \u00e4r helt viktiga f\u00f6r inneh\u00e5llet h\u00f6gst upp: bes\u00f6karen ska inte beh\u00f6va bl\u00e4ddra l\u00e5ngt ner p\u00e5 sidan f\u00f6r att komma till huvudmaterialet.Mobiltelefoner anv\u00e4nds ofta utomhus, och p\u00e5 m\u00e5nga telefonsk\u00e4rmar kan det vara sv\u00e5rt att se inneh\u00e5ll i exempelvis dagsljus. T\u00e4nk d\u00e4rf\u00f6r p\u00e5 att inte anv\u00e4nda f\u00f6r starka eller klara f\u00e4rger p\u00e5 din hemsida - enkla kontraster, svart p\u00e5 vitt, fungerar i regel b\u00e4st p\u00e5 telefonsk\u00e4rmen. &nbsp; N\u00e4r det g\u00e4ller bilder s\u00e5 skalas de ned till mindre storlek i mobill\u00e4sarens f\u00f6nster, men i vissa fall kan bilder ge upphov till problem om de \u00e4r i fel filformat eller \u00e4r f\u00f6r stora i storlek. Undvik d\u00e4rf\u00f6r alltf\u00f6r m\u00e5nga eller stora bilder - det \u00e4r b\u00e4ttre om hemsidan g\u00e5r snabbt att ladda \u00e4n att den \u00e4r fylld med bilder (om de inte \u00e4r viktiga!) - och h\u00e5ll dig till .jpeg eller .png-filer f\u00f6r att inte riskera att bilderna inte skalas ned korrekt.Om materialet p\u00e5 en hemsida \u00e4r f\u00f6r tungt kan det allts\u00e5 ta l\u00e5ng tid att ladda sidan p\u00e5 telefonen. Om du har mycket material - dela upp det i undergrupper som du exempelvis l\u00e4nkar till via en sidokolumn. Det h\u00e4r \u00e4r en balansg\u00e5ng - samtidigt som du inte vill att hemsidan ska laddas l\u00e5ngsamt vill du ju inte heller att bes\u00f6kare ska beh\u00f6va leta omkring f\u00f6r l\u00e4nge efter informationen. Testa lite och se hur olika uppdelningar k\u00e4nns innan du best\u00e4mmer dig.Java och Flash fungerar d\u00e5ligt p\u00e5 mobiler, och filmer tenderar att ta mycket plats och upplevas som st\u00f6rande i mobiltelefonsf\u00f6nstret. H\u00e5ll dig allts\u00e5 borta fr\u00e5n s\u00e5dana element om du vill att din hemsida ska vara smidig att surfa p\u00e5 i mobilen.","thumbnail_url":"https:\/\/h24-original.s3.amazonaws.com\/44\/10296253-s2uWe.jpg?name=.jpg"}