{"id":83,"date":"2015-12-02T14:33:52","date_gmt":"2015-12-02T13:33:52","guid":{"rendered":"https:\/\/vgrutv.wordpress.com\/?p=83"},"modified":"2018-01-18T16:21:17","modified_gmt":"2018-01-18T15:21:17","slug":"smyglansering-av-var-forsta-mikrowebbplats","status":"publish","type":"post","link":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/","title":{"rendered":"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats"},"content":{"rendered":"

Idag smyglanseras regionens f\u00f6rsta, mig veterligen, mikrowebbplats. Den officiella lanseringen \u00e4r f\u00f6rst p\u00e5 fredag eftersom vi vill kunna f\u00e5nga upp buggar som \u00e4r uppenbara utan att v\u00e5ra anv\u00e4ndare ska f\u00e5 en d\u00e5ligt f\u00f6rsta intryck.<\/p>\n

Det var \u00e4ven denna g\u00e5ng tur att vi \u00e4r lite l\u00e4tt nojjiga n\u00e4r det g\u00e4ller lanseringar. Denna g\u00e5ng visade det sig att vi beh\u00f6vde g\u00f6ra lite konfiguration f\u00f6r att f\u00e5nga in statistik om hur mikrowebben anv\u00e4nds, dessutom hade vi missat att det fanns ett separat f\u00e4lt f\u00f6r sidtitlar. Utan sidtitlar hade vi haft lite anv\u00e4ndbarhetsproblem n\u00e4r n\u00e5gon bokm\u00e4rkte en sida, och de klickbara titlarna i s\u00f6kmotorerna hade ocks\u00e5 sett skumma ut.<\/p>\n

\"KOL-skolan<\/a>Detta putsande inf\u00f6r den officiella lanseringen sitter min kollega Kajsa S\u00f6derberg och sliter med s\u00e4kert \u00e4nda fram tills hon ber\u00e4ttar f\u00f6r v\u00e5r ”kund” att mikrowebben \u00e4r publik p\u00e5 fredag. Kajsa \u00e4r den som fr\u00e5n regionalt h\u00e5ll hj\u00e4lp Skaraborgs Sjukhus Sk\u00f6vde med att ta fram inneh\u00e5ll, varit r\u00e5dgivande m.m.<\/p>\n

Vad \u00e4r po\u00e4ngen med en mikrowebbplats?<\/h2>\n

Vi har inte \u00e4nnu n\u00e5got facit p\u00e5 hur bra den h\u00e4r webbplatsen kommer fungera, den k\u00f6rs trots allt som en pilot under ett \u00e5r och kommer d\u00e4refter att utv\u00e4rderas.<\/p>\n

M\u00e5ls\u00e4ttningen har varit att erbjuda ett kostnadseffektivt alternativ till verksamheternas frekventa \u00f6nskningar om att bygga appar till mobiler, men utan att landa i det trygga beteendet med trycksaker. Mellanv\u00e4gen \u00e4r att bygga en extremt fokuserad webbplats utan den ofta \u00f6verrumplande navigationen, massa kolumner hit och dit, och annat som kan k\u00e4nnas spretigt om vi lagt detta material p\u00e5 v\u00e5r vanliga webbplats. Med andra ord har vi levt efter den halvt ok\u00e4nda designprincipen Persuasive Web Design, det vill s\u00e4ga att beh\u00e5lla anv\u00e4ndarens fokus p\u00e5 det viktigaste, n\u00e4mligen det inneh\u00e5ll hen beh\u00f6ver k\u00e4nna till.<\/p>\n

Ja, den \u00e4r ’mobile first’<\/h3>\n

Mikrowebbplatsen \u00e4r byggd i Episerver och ska leva upp till att s\u00e4tta den mobila anv\u00e4ndarens behov i f\u00f6rsta rummet. Det har st\u00e4llt krav p\u00e5 hela designprocessen. F\u00f6rst och fr\u00e4mst att hush\u00e5lla med vilka st\u00f6djande ramverk man anv\u00e4nder sig av. Ramverk anv\u00e4nder man f\u00f6r att inte uppfinna on\u00f6digt m\u00e5nga hjul vid varje projekt. I detta projekt valde jag (som kodat prototypen) att endast anv\u00e4nda Jquery<\/a> f\u00f6r Javascript och Skeleton<\/a> f\u00f6r CSS f\u00f6r att f\u00e5 grundl\u00e4ggande utseende och responsivt beteende. Har man of\u00f6rsk\u00e4mt gott om tid kan man trimma bort \u00e4ven det fettet, men alldeles f\u00f6r m\u00e5nga webbutvecklare f\u00f6rv\u00e4ntar sig att f\u00e5 anv\u00e4nda Jquery s\u00e5 det \u00e4r inte en strid man tar vid ett projekt som ska bli riktigt billigt.<\/p>\n

F\u00f6r att g\u00f6ra dessa krav m\u00e4tbara satte vi tidigt upp en prestandabudget<\/a>. Den st\u00e4ller krav b\u00e5de p\u00e5 webbutvecklarna och redakt\u00f6ren, bland annat ska varje sida p\u00e5 mikrowebben leva upp till f\u00f6ljande:<\/p>\n

    \n
  1. Max 399kb f\u00f6r en sidvisning.<\/li>\n
  2. Under 3 sekunder f\u00f6r komplett laddning av sida, m\u00e4tt fr\u00e5n en tr\u00e5dad uppkoppling.<\/li>\n
  3. Under 10 sekunder f\u00f6r komplett laddning av sida m\u00e4tt p\u00e5 3G-uppkoppling.<\/li>\n<\/ol>\n

    Det var inte slut p\u00e5 krav d\u00e4r, dessutom ska regionens l\u00e4gstaniv\u00e5 av webbkvalitet f\u00f6ljas, n\u00e4mligen (kommentarer inom parentes):<\/p>\n

      \n
    1. Vara testade och s\u00e4krade mot WCAG 2 niv\u00e5 AA (dvs f\u00f6lja en m\u00e4tbar l\u00e4gstaniv\u00e5 av standardiserad tillg\u00e4nglighet)<\/em>.<\/li>\n
    2. Anses vara mobilv\u00e4nliga enligt Googles mobilv\u00e4nlighetstest (f\u00f6r att veta om Google anser att vi lever upp till designprincipen mobile first)<\/em>.<\/li>\n
    3. Med exempelinneh\u00e5ll uppvisa minst 75 av 100 i Google Pagespeed med mobila inst\u00e4llningar, och minst 90 f\u00f6r dator (koll s\u00e5 inte Googles riktlinjer anger att vi \u00e4r sl\u00f6saktiga med prestandan p\u00e5 mikrowebben)<\/em>.<\/li>\n
    4. Ha 100 av 100 m\u00f6jliga i anv\u00e4ndarupplevelse enligt Google Pagespeed m\u00e4tt mobilt och dator (vi ska f\u00f6rst\u00e5s inte ha problem med anv\u00e4ndbarhet)<\/em>.<\/li>\n
    5. Max 2 CSS-filer laddas in (s\u00e5 l\u00e4nge som man k\u00f6r HTTP 1.1 \u00e4r det viktigt att minimera antalet filer som laddas in, annars blir sajten l\u00e5ngsam i on\u00f6dan)<\/em>.<\/li>\n
    6. Max 3 Javascript-filer laddas in (samma orsak som ovan)<\/em>.<\/li>\n
    7. Anv\u00e4nda CSS Sprites eller motsvarande teknik f\u00f6r att minska antalet bildfiler att ladda ner (samma orsak som ovan, i detta fallet s\u00e5 g\u00f6rs en bildkarta som inneh\u00e5ller flera bilder och med hj\u00e4lp av ett litet ”titth\u00e5ll” s\u00e5 visar man upp en bild i taget p\u00e5 webbsidan)<\/em>.<\/li>\n<\/ol>\n

      Hur v\u00e4l vi lever upp till prestandabudgeten \u00e4r mitt ansvar som webbanalytiker att kolla upp med j\u00e4mna mellanrum. M\u00e5nga av v\u00e5ra krav kan man kolla upp automatiskt genom att jobba mot s\u00e5 kallade APIer. D\u00e5 kan en sida n\u00e4r den \u00e4r helt ny k\u00f6ras igenom ett antal kvalitetstester och s\u00e5 kommer en rapport till redakt\u00f6ren – lite min variant av fartkamerorna p\u00e5 bilv\u00e4garna \ud83d\ude1b<\/p>\n

      Vad k\u00f4star det d\u00e5?<\/h3>\n

      Man kan ju r\u00e4kna p\u00e5 lite olika s\u00e4tt, men de externa kostnaderna lyckades vi minimera genom att sj\u00e4lva g\u00f6ra s\u00e5 mycket som m\u00f6jligt. Vi tog sj\u00e4lva fram en prototyp (som andra f\u00f6rst\u00e5s f\u00e5r knycka koden till)<\/a>, satt upp prestandabudget<\/a> och lagt massor med tid p\u00e5 inneh\u00e5llet. Den interna tiden \u00e4r sv\u00e5r att bed\u00f6ma, s\u00e4rskilt med tanke p\u00e5 att v\u00e4ldigt m\u00e5nga varit inblandade i framtagandet av inneh\u00e5llet.<\/p>\n

      Om n\u00e5gon annan gillar v\u00e5r prototyp \u00e4r det fritt fram att g\u00f6ra en kopia och bygga in i sitt webbpubliceringssystem.<\/p>\n

      En digital broschyr \u2248 e-bok?<\/h2>\n

      Ursprungligen var tanken att mikrowebbplatsen ocks\u00e5 skulle erbjudas som en nedladdningsbar e-bok, men det sidoprojektet har stannat av lite. M\u00f6jligen kommer vi f\u00f6rpacka KOL-skolan, eller liknande projekt, som en e-bok. N\u00f6ten att kn\u00e4cka med en e-bok \u00e4r att den visserligen g\u00e5r<\/em> att uppdatera, men vi kan inte garantera att de som har e-boken tar emot uppdateringen (lika lite som de som r\u00e5kar ha skrivit ut webbsidan). Med andra ord vill vi fundera lite mer kring utmaningen med distribution.<\/p>\n

      N\u00e5got vi d\u00e4remot \u00e4r klara med \u00e4r hur vi tar fram e-b\u00f6cker som ser ut som de kommer fr\u00e5n VGR. P\u00e5 byr\u00e5kratiska s\u00e5 har vi tagit fram ett tj\u00e4nsteutl\u00e5tande ”Hur man producerar e-b\u00f6cker inom VGR”<\/a> (exempelfiler h\u00e4r<\/a>) och programmet som f\u00f6ll oss i smaken heter Calibre – gratis och \u00f6ppen k\u00e4llkod<\/a> \ud83d\ude42<\/p>\n

      E-bokens styrka \u00e4r att den fungerar \u00e4ven n\u00e4r man inte har en uppkoppling mot n\u00e4tet. Att bygga en webbplats med motsvarande teknik, s\u00e5 kallad offline first, \u00e4r \u00e4n s\u00e5 l\u00e4nge v\u00e4ldigt dyrt och de app-projekt vi haft har visat sig \u00e5rligen kosta mer \u00e4n vad mikrowebb + e-bok kostar totalt.<\/p>\n

      En e-bok s\u00e5 som vi t\u00e4nkt oss dem \u00e4r i formatet .Epub, det vill s\u00e4ga inte en PDF. PDF funkar ju bra f\u00f6r utskrift men du som testat att l\u00e4sa en PDF-fil p\u00e5 din mobil inser snabbt hur d\u00e5lig l\u00f6sning det \u00e4r med fixerad radl\u00e4ngd – du f\u00e5r konstant skrolla sidledes och det \u00e4r sv\u00e5rt att veta vilken rad man ska b\u00f6rja om p\u00e5.<\/p>\n

      En Epub d\u00e4remot kan likt en responsiv webbplats anpassa sig till den pryl den \u00f6ppnas i. S\u00e4g att det \u00e4r din mobil, du sitter p\u00e5 en skakig buss och det \u00e4r m\u00f6rkt? Inga problem, d\u00e5 byter du till m\u00f6rk botten och ljus text s\u00e5 slipper du bli bl\u00e4ndad, sen st\u00e4ller du textstorleken efter hur stor du vill ha den. Texten och bild kommer automatiskt fl\u00f6da inom det utrymmet som finns tillg\u00e4ngligt, precis som en v\u00e4lbyggd webbplats. Dessa justeringar \u00e4r ocks\u00e5 det som g\u00f6r att folk med funktionsneds\u00e4ttningar kan ta del av materialet. Epub \u00e4r bra grejer, men inte s\u00e5 v\u00e4lk\u00e4nt \u00e4nnu.<\/p>\n

      Men konkurrerar ni inte med 1177.se med dessa digitala v\u00e5rdbroschyrer?<\/h2>\n

      Nej, det tycker vi inte. Vi har faktiskt diskuterat detta under s\u00e4kert ett \u00e5rs tid och vi kommer som sagt att utv\u00e4rdera detta arbete i slutet av 2016. D\u00e5 kommer vi \u00e4nnu en g\u00e5ng ta upp diskussionen med v\u00e5r 1177 V\u00e5rdguiden-redaktion (som r\u00e5kar vara n\u00e4ra kollegor till mig och Kajsa). Om deras bed\u00f6mning \u00e4r att det \u00e4r logiskt att flytta in materialet dit \u00e4r det inte oss emot. \u00c4n s\u00e5 l\u00e4nge har vi inte tagit st\u00e4llning till att detta \u00e4r ett s\u00e4tt vi ska forts\u00e4tta jobba p\u00e5. Om vi kommer fram till att det fungerar tillfredst\u00e4llande \u00e4r det bara en f\u00f6rdel att hamna p\u00e5 1177 V\u00e5rdguidens webbplats eftersom vi har massor med bes\u00f6kare d\u00e4r. En helt vanlig m\u00e5nad har vi cirka en miljon bes\u00f6k, varav m\u00e5nga s\u00e4kert \u00e4r \u00e5terkommande, men av de 1,6 miljoner inv\u00e5nare vi har inom v\u00e5rt upptagningsomr\u00e5de \u00e4r det verkligen inte illa!<\/p>\n

      Med tanke p\u00e5 att gamla Mina V\u00e5rdkontakter h\u00e5ller p\u00e5 och flyttar in i 1177 V\u00e5rdguiden som dess e-tj\u00e4nster finns det all anledning att h\u00e5lla denna fr\u00e5ga \u00f6ppen. Det material som vi tagit fram \u00e4r i gr\u00e4nslandet mellan vad l\u00e4karen l\u00e4mnar \u00f6ver i patientens hand och en standardiserad rekommendation (som \u00e4n s\u00e5 l\u00e4nge bara g\u00e4ller hos KOL-teamet i Skaraborgs Sjukhus Sk\u00f6vde, antar jag).<\/p>\n

      Min kollega Kajsa S\u00f6derberg kommer skriva en post h\u00e4r i sinom tid, med lite mer vinkel fr\u00e5n eh\u00e4lsa, hennes konsulterande roll och vad de gjort i projektet.<\/p>\n

      Kolla in\u00a0kolinfo.vgregion.se<\/a> om du \u00e4r nyfiken p\u00e5 resultatet.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Idag smyglanseras regionens f\u00f6rsta, mig veterligen, mikrowebbplats. Den officiella lanseringen \u00e4r f\u00f6rst p\u00e5 fredag eftersom vi vill kunna f\u00e5nga upp buggar som \u00e4r uppenbara utan att v\u00e5ra anv\u00e4ndare ska f\u00e5 en d\u00e5ligt f\u00f6rsta intryck. Det var \u00e4ven denna g\u00e5ng tur att vi \u00e4r lite l\u00e4tt nojjiga n\u00e4r det g\u00e4ller lanseringar. Denna g\u00e5ng visade det sig … <\/p>\n

      Forts\u00e4tt l\u00e4sa \u201dSmyglansering av v\u00e5r f\u00f6rsta mikrowebbplats\u201d<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":86,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[11,120,138,189,315,387,388,421,452,493,707],"class_list":["post-83","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digitala-medier-webbutveckling","tag-1177-vardguiden","tag-e-bocker","tag-epub","tag-google-pagespeed","tag-kol-skolan","tag-mikrowebbplats","tag-mina-vardkontakter","tag-offline-first","tag-pdf","tag-prestandabudget","tag-webbanalys"],"yoast_head":"\nSmyglansering av v\u00e5r f\u00f6rsta mikrowebbplats — Utveckling i VGR<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats — Utveckling i VGR\" \/>\n<meta property=\"og:description\" content=\"Idag smyglanseras regionens f\u00f6rsta, mig veterligen, mikrowebbplats. Den officiella lanseringen \u00e4r f\u00f6rst p\u00e5 fredag eftersom vi vill kunna f\u00e5nga upp buggar som \u00e4r uppenbara utan att v\u00e5ra anv\u00e4ndare ska f\u00e5 en d\u00e5ligt f\u00f6rsta intryck. Det var \u00e4ven denna g\u00e5ng tur att vi \u00e4r lite l\u00e4tt nojjiga n\u00e4r det g\u00e4ller lanseringar. Denna g\u00e5ng visade det sig … Forts\u00e4tt l\u00e4sa \u201dSmyglansering av v\u00e5r f\u00f6rsta mikrowebbplats\u201d\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\" \/>\n<meta property=\"og:site_name\" content=\"Utveckling i VGR\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-02T13:33:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-18T15:21:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2070\" \/>\n\t<meta property=\"og:image:height\" content=\"1720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marcus \u00d6sterberg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marcusosterberg\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcus \u00d6sterberg\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\"},\"author\":{\"name\":\"Marcus \u00d6sterberg\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79\"},\"headline\":\"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats\",\"datePublished\":\"2015-12-02T13:33:52+00:00\",\"dateModified\":\"2018-01-18T15:21:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\"},\"wordCount\":1642,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#organization\"},\"image\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png\",\"keywords\":[\"1177 V\u00e5rdguiden\",\"E-b\u00f6cker\",\"Epub\",\"Google Pagespeed\",\"KOL-skolan\",\"Mikrowebbplats\",\"Mina V\u00e5rdkontakter\",\"Offline first\",\"PDF\",\"Prestandabudget\",\"Webbanalys\"],\"articleSection\":[\"Digitala medier & webbutveckling\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\",\"name\":\"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats — Utveckling i VGR\",\"isPartOf\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png\",\"datePublished\":\"2015-12-02T13:33:52+00:00\",\"dateModified\":\"2018-01-18T15:21:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png\",\"contentUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png\",\"width\":2070,\"height\":1720,\"caption\":\"KOL-skolan sett p\u00e5 en vanlig dator\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/vgrblogg.se\/utveckling\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#website\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/\",\"name\":\"Utveckling i VGR\",\"description\":\"Inblick i utvecklingsarbetet inom VGR\",\"publisher\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vgrblogg.se\/utveckling\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#organization\",\"name\":\"Utveckling i VGR\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png\",\"contentUrl\":\"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png\",\"width\":1234,\"height\":250,\"caption\":\"Utveckling i VGR\"},\"image\":{\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79\",\"name\":\"Marcus \u00d6sterberg\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g\",\"caption\":\"Marcus \u00d6sterberg\"},\"description\":\"Jobbade som utvecklings- och innovationsledare p\u00e5 V\u00e4stra G\u00f6talandsregionen, bl.a. p\u00e5 avdelningen V\u00e5rdens digitalisering, med expertis inom webbanalys och webbutveckling. Slutade 2022. F\u00f6rfattare till boken Webbstrategi f\u00f6r alla, samt Webbanalys - f\u00f6rst\u00e5 och f\u00f6rb\u00e4ttra anv\u00e4ndarnas upplevelse. Mer om Marcus \u00d6sterberg finns h\u00e4r.\",\"sameAs\":[\"https:\/\/marcusosterberg.se\",\"https:\/\/se.linkedin.com\/in\/marcusosterberg\",\"https:\/\/x.com\/marcusosterberg\"],\"url\":\"https:\/\/vgrblogg.se\/utveckling\/author\/mosterberg\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats — Utveckling i VGR","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/","og_locale":"sv_SE","og_type":"article","og_title":"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats — Utveckling i VGR","og_description":"Idag smyglanseras regionens f\u00f6rsta, mig veterligen, mikrowebbplats. Den officiella lanseringen \u00e4r f\u00f6rst p\u00e5 fredag eftersom vi vill kunna f\u00e5nga upp buggar som \u00e4r uppenbara utan att v\u00e5ra anv\u00e4ndare ska f\u00e5 en d\u00e5ligt f\u00f6rsta intryck. Det var \u00e4ven denna g\u00e5ng tur att vi \u00e4r lite l\u00e4tt nojjiga n\u00e4r det g\u00e4ller lanseringar. Denna g\u00e5ng visade det sig … Forts\u00e4tt l\u00e4sa \u201dSmyglansering av v\u00e5r f\u00f6rsta mikrowebbplats\u201d","og_url":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/","og_site_name":"Utveckling i VGR","article_published_time":"2015-12-02T13:33:52+00:00","article_modified_time":"2018-01-18T15:21:17+00:00","og_image":[{"width":2070,"height":1720,"url":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png","type":"image\/png"}],"author":"Marcus \u00d6sterberg","twitter_card":"summary_large_image","twitter_creator":"@marcusosterberg","twitter_misc":{"Skriven av":"Marcus \u00d6sterberg","Ber\u00e4knad l\u00e4stid":"8 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#article","isPartOf":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/"},"author":{"name":"Marcus \u00d6sterberg","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79"},"headline":"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats","datePublished":"2015-12-02T13:33:52+00:00","dateModified":"2018-01-18T15:21:17+00:00","mainEntityOfPage":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/"},"wordCount":1642,"commentCount":0,"publisher":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#organization"},"image":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage"},"thumbnailUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png","keywords":["1177 V\u00e5rdguiden","E-b\u00f6cker","Epub","Google Pagespeed","KOL-skolan","Mikrowebbplats","Mina V\u00e5rdkontakter","Offline first","PDF","Prestandabudget","Webbanalys"],"articleSection":["Digitala medier & webbutveckling"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/","url":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/","name":"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats — Utveckling i VGR","isPartOf":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage"},"image":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage"},"thumbnailUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png","datePublished":"2015-12-02T13:33:52+00:00","dateModified":"2018-01-18T15:21:17+00:00","breadcrumb":{"@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#primaryimage","url":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png","contentUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2015\/12\/kolskolan-desktop.png","width":2070,"height":1720,"caption":"KOL-skolan sett p\u00e5 en vanlig dator"},{"@type":"BreadcrumbList","@id":"https:\/\/vgrblogg.se\/utveckling\/2015\/12\/02\/smyglansering-av-var-forsta-mikrowebbplats\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/vgrblogg.se\/utveckling\/"},{"@type":"ListItem","position":2,"name":"Smyglansering av v\u00e5r f\u00f6rsta mikrowebbplats"}]},{"@type":"WebSite","@id":"https:\/\/vgrblogg.se\/utveckling\/#website","url":"https:\/\/vgrblogg.se\/utveckling\/","name":"Utveckling i VGR","description":"Inblick i utvecklingsarbetet inom VGR","publisher":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vgrblogg.se\/utveckling\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/vgrblogg.se\/utveckling\/#organization","name":"Utveckling i VGR","url":"https:\/\/vgrblogg.se\/utveckling\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/","url":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png","contentUrl":"https:\/\/vgrblogg.se\/utveckling\/wp-content\/uploads\/sites\/3\/2018\/02\/cropped-logotype_color-1.png","width":1234,"height":250,"caption":"Utveckling i VGR"},"image":{"@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/89521ab4d20982613661305cbdd5bc79","name":"Marcus \u00d6sterberg","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/vgrblogg.se\/utveckling\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3e009001c1a7e5183f24b2642fdbf63d?s=96&d=mm&r=g","caption":"Marcus \u00d6sterberg"},"description":"Jobbade som utvecklings- och innovationsledare p\u00e5 V\u00e4stra G\u00f6talandsregionen, bl.a. p\u00e5 avdelningen V\u00e5rdens digitalisering, med expertis inom webbanalys och webbutveckling. Slutade 2022. F\u00f6rfattare till boken Webbstrategi f\u00f6r alla, samt Webbanalys - f\u00f6rst\u00e5 och f\u00f6rb\u00e4ttra anv\u00e4ndarnas upplevelse. Mer om Marcus \u00d6sterberg finns h\u00e4r.","sameAs":["https:\/\/marcusosterberg.se","https:\/\/se.linkedin.com\/in\/marcusosterberg","https:\/\/x.com\/marcusosterberg"],"url":"https:\/\/vgrblogg.se\/utveckling\/author\/mosterberg\/"}]}},"_links":{"self":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts\/83"}],"collection":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":2,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":1436,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/posts\/83\/revisions\/1436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/media\/86"}],"wp:attachment":[{"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vgrblogg.se\/utveckling\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}