Hj\u00e4rtochlungr\u00e4ddning.se<\/a> nya hemsida som fick en makeover i webbinariumet! <\/p>\nVill du ocks\u00e5 f\u00e5 hj\u00e4lp med en makeover av din hemsida?<\/strong><\/span>
\nD\u00e5 kan du skicka en offertf\u00f6rfr\u00e5gan till Alexandra genom att klicka p\u00e5 knappen nedan.<\/p>\n\n\/ Therese Nilson
\nMarknadsassistent<\/p>\n
![\"\"](\"https:\/\/h24-original.s3.amazonaws.com\/44\/23866183-pM4ge.jpg?name=.jpg\")
<\/p>\n","protected":false},"excerpt":{"rendered":"
Missade du v\u00e5rt webbinarium? Ingen fara! Sj\u00e4lvklart delar vi med oss av de tips & r\u00e5d som Alexandra kom med under webbinariet. H\u00e4r kan du se videon fr\u00e5n webbinariet, f\u00e5 en genomg\u00e5ng av vad vi pratade om samt svaren p\u00e5 de fr\u00e5gor som st\u00e4lldes. Titta p\u00e5 videon och ta till dig tipsen, s\u00e5 att du blir \u00e4nnu b\u00e4ttre p\u00e5 att f\u00e5 till den d\u00e4r schyssta hemsidan \u2013 helt sj\u00e4lv.
\n <\/p>\n
Wow! Vi p\u00e5 Hemsida24 och Alexandra tyckte verkligen att den h\u00e4r erfarenheten var rolig och givande! Vi hoppas sj\u00e4lvklart att ni som deltog hade lika roligt och att det h\u00e4r \u00e4r n\u00e5got vi kan g\u00f6ra om. Det trillade in en hel del fr\u00e5gor och vi tyckte det var v\u00e4ldigt intressant att se vad ni hade f\u00f6r fr\u00e5gor till Alexandra. S\u00e5 vad gick vi egentligen igenom i webbinariet? H\u00e4r kommer en liten sammanfattning fr\u00e5n videon ovan.<\/p>\n
\u201cT\u00e4nk som du g\u00f6r i en hotell-lobby\u201d
\nHar du t\u00e4nkt p\u00e5 att du kan j\u00e4mf\u00f6ra din hemsida med en hotell-lobby? Detta smarta tankes\u00e4tt fr\u00e5n Alexandra satte ig\u00e5ng en och annan fundering under webbinariet. Men vad inneb\u00e4r det egentligen? Jo, det Alexandra menar \u00e4r betydelsen av det f\u00f6rsta intrycket. T\u00e4nk dig att du kommer in p\u00e5 ett hotell och vill boka ett rum. Du k\u00e4nner direkt av omgivningen. Likadant menar Alexandra att det fungerar med din hemsida. S\u00e5 st\u00e4ll dig fr\u00e5gor som:<\/p>\n
Hur \u00e4r k\u00e4nslan n\u00e4r du kommer in p\u00e5 din hemsida?
\nK\u00e4nns omgivningen inbjudande?
\nKan du enkelt hitta det du s\u00f6ker?
\nFinns det tydliga knappar som visar vad du ska g\u00f6ra?<\/p>\n
V\u00e5ga experimentera och g\u00f6ra om!
\nB\u00e5de vi och Alexandra f\u00f6rst\u00e5r att det kan k\u00e4nnas lite ot\u00e4ckt att b\u00f6rja f\u00f6r\u00e4ndra din hemsida. Alexandra levererade dock den perfekta l\u00f6sningen \u2013 skapa ett 30 dagars gratiskonto hos oss p\u00e5 Hemsida24 s\u00e5 kan du experimentera hur mycket du vill (utan risken att din befintliga hemsida \u00e4ndras). N\u00e4r du sedan k\u00e4nner dig f\u00e4rdig s\u00e5 kontaktar du bara v\u00e5r support s\u00e5 lyfter vi \u00f6ver ditt abonnemang och dom\u00e4n till din nya hemsida. Och du, skulle du inte bli klar innan din 30 dagars period s\u00e5 kan du sj\u00e4lvklart forts\u00e4tta bygga. Enkelt va?
\n Alexandras 8 b\u00e4sta tips
\nUnder webbinariet gick Alexandra igenom n\u00e5gra tips och r\u00e5d. H\u00e4r kommer de p\u00e5 nytt!<\/p>\n
1. Skapa en l\u00e4nkning mellan din logotyp och din startsida
\nAtt skapa en l\u00e4nk mellan din logotyp och startsida \u00e4r ett enkelt s\u00e4tt f\u00f6r dig f\u00f6r att g\u00f6ra din hemsida mer anv\u00e4ndarv\u00e4nlig. Genom ett klick p\u00e5 din logotyp dirigeras bes\u00f6kare snabbt och smidigt tillbaka till startsidan. 1. G\u00e5 in p\u00e5 redigera sidhuvud 2. Klicka p\u00e5 logotypen 3. G\u00e5 in p\u00e5 \u201dl\u00e4nkning” i menyn till v\u00e4nster. 4. V\u00e4lj \u00e4ndra l\u00e4nk \u2013 mina sidor \u2013 hem. F\u00e4rdig!<\/p>\n
2. Jobba med dina rubriker, bilder och knappar
\nF\u00e5 dina kunder att konvertera b\u00e4ttre genom att leda dem r\u00e4tt med hj\u00e4lp av tydliga rubriker och knappar. Anv\u00e4nd till exempel budskap som \u201ck\u00f6p\u201d, \u201dboka nu\u201d eller \u201ckontakta oss\u201d. Knappar och tydliga rubriker leder kunderna i \u00f6nskad riktning (oavsett om du vill att de ska k\u00f6pa, kontakta dig eller teckna sig f\u00f6r ditt nyhetsbrev). Alexandra po\u00e4ngterade ocks\u00e5 vikten av att anv\u00e4nda bra bilder \u2013 det kan f\u00f6r\u00e4ndra hela uttrycket f\u00f6r din hemsida!<\/p>\n
3. Lyft dina sociala medier med hj\u00e4lp av ikoner
\nVisa din n\u00e4rvaro i sociala medier med hj\u00e4lp av ikonerna som finns f\u00f6rinst\u00e4llda i verktyget. Runda, kvadratiska, ljusa eller m\u00f6rka. V\u00e4lj vilket som passar dig men se till att de \u00e4r synliga!<\/p>\n
4. Visa dina senaste nyheter fr\u00e5n Facebook
\nAnv\u00e4nd Facebook Likebox f\u00f6r att snyggt integrera ditt Facebookfl\u00f6de p\u00e5 hemsidan. Det g\u00f6r att din hemsida blir levande och du beh\u00f6ver inte uppdatera dina nyheter p\u00e5 flera st\u00e4llen.<\/p>\n
5. Inkludera viktig information i din sidfot
\nAnv\u00e4nd sidfoten f\u00f6r uppgifter som adress, telefonnummer, organisationsnummer eller annan formell information som dina bes\u00f6kare kan t\u00e4nkas beh\u00f6va.<\/p>\n
6. Skapa fixerade och \u201crullande\u201d sektionsbakgrunder (som i exemplet p\u00e5 HLR)<\/p>\n
1. Hitta en bra bild som du k\u00e4nner passar bra till din hemsida. Det beh\u00f6ver vara en bra uppl\u00f6sning p\u00e5 bilden.<\/p>\n
2. G\u00e5 in p\u00e5 ”\u00e4ndra utseende” och klicka p\u00e5 ”\u00e4ndra bakgrund”. Ladda upp din bild. V\u00e4lj bakgrund till vit och justera transparens s\u00e5 att denna bild blir v\u00e4ldigt ljus (det ska g\u00e5 att l\u00e4gga svart text ovanp\u00e5 och ska kunna l\u00e4sas). St\u00e4ll in inst\u00e4llningarna f\u00f6r bilden till \u201cfixerad\u201d under scrollningsbeteende. Denna bild ligger nu som bakgrund p\u00e5 alla undersidor.<\/p>\n
3. G\u00e5 d\u00e4refter in p\u00e5 ”sektion”, ”\u00e4ndra bakgrund” och ladda upp samma bild. Under inst\u00e4llningar beh\u00f6ver du v\u00e4lja \u201cfixerad\u201d samt med f\u00f6rdel v\u00e4lja en bakgrundsf\u00e4rg och transparens s\u00e5 att denna f\u00e4rg blir m\u00f6rk (till exempel blir de flesta bilder v\u00e4ldigt effektfulla om du v\u00e4ljer svart). Denna kan du d\u00e5 l\u00e4gga vit text ovanp\u00e5.<\/p>\n
7. Skapa en tydlig meny och navigering
\nAnv\u00e4nder du f\u00f6r m\u00e5nga sidor i din meny s\u00e5 kan det bli f\u00f6rvirrande f\u00f6r kunden. Fundera p\u00e5 vilka sidor du kan plocka bort och lyft endast de sidor som kunderna efterfr\u00e5gar. Har du mycket inneh\u00e5ll p\u00e5 din hemsida kan du strukturera informationen och placera den p\u00e5 undersidor s\u00e5 att kunden kan klicka sig vidare f\u00f6r att \u201cl\u00e4sa mer\u201d. Anv\u00e4nd g\u00e4rna 2\u20133 ord i versaler f\u00f6r inneh\u00e5llet i din huvudmeny (1:a niv\u00e5n), och l\u00e4ngre ord i gemener f\u00f6r undersidorna (2:a och 3:e niv\u00e5n). Det ger ett starkare budskap!<\/p>\n
8. Skapa r\u00f6rliga bilder eller knappar
\nSkapa illusionen av en r\u00f6rlig knapp eller bild genom att anv\u00e4nda dig av ett bildspel. B\u00f6rja med att klicka p\u00e5 \u201csektion\u201d och v\u00e4lj fyra kolumner (om du vill ha fyra knappar). Dra ut blocket \u201cbildspel\u201d till varje kolumn och skapa en \u201cny kategori\u201d f\u00f6r bilderna du vill ladda upp. G\u00e5 till inst\u00e4llningar och st\u00e4ll in h\u00f6jd (ingen skalning). V\u00e4lj sedan \u201cfade\u201d eller \u201cslide\u201d under \u00f6verg\u00e5ngseffekt och l\u00e4nka dina knappar till respektive sida!
\nT\u00e4nk p\u00e5 att bara ha ett rullande bildspel synligt \u00e5t g\u00e5ngen p\u00e5 en sida – annars blir det l\u00e4tt snurrigt!
\n
\nFr\u00e5gor och svar fr\u00e5n webbinariet ?
\nVar kan jag hitta bilder till som \u00e4r fria att anv\u00e4nda?
\nIstock har ett stort bibliotek av bilder som du kan anv\u00e4nda till din hemsida. Gratisbilder finns p\u00e5 Pexels eller Unsplash men de har tyv\u00e4rr ett s\u00e4mre utbud \u00e4n Istock. Sj\u00e4lvklart kan du ta egna bilder eller anlita en fotograf (det g\u00f6r hemsidan mer personlig).<\/p>\n
Vad b\u00f6r jag t\u00e4nka p\u00e5 designm\u00e4ssigt n\u00e4r jag ska v\u00e4lja typsnitt?
\nT\u00e4nk p\u00e5 att alltid v\u00e4lja ett l\u00e4ttl\u00e4st typsnitt. Ibland kan det vara lockande att v\u00e4lja ett riktigt h\u00e4ftigt typsnitt, men risken \u00e4r att du tr\u00f6ttnar p\u00e5 ett typsnitt som sticker ut f\u00f6r mycket. Helvetica, Arial och liknande typsnitt \u00e4r de mest popul\u00e4ra eftersom de \u00e4r l\u00e4ttl\u00e4sta och stilfulla.<\/p>\n
Hur skapar jag snygga och tydliga knappar (CTA, Call to Action) p\u00e5 min hemsida och hur b\u00f6r jag anv\u00e4nda dem?
\nUtg\u00e5ngspunkten n\u00e4r du anv\u00e4nder CTA-knappar \u00e4r: Vad vill jag att kunden ska g\u00f6ra? Om du vill att din kund ska ta kontakt med dig ska det vara tydligt HUR de kan ta kontakt med dig. D\u00e5 \u00e4r knapparna en v\u00e4ldigt bra guide. Du kan till exempel avsluta en produkttext med en CTA-knapp som s\u00e4ger \u201ck\u00f6p nu\u201d. Gl\u00f6m dock inte att l\u00e4nka knapparna dit du vill att kunden ska hamna \u2013 p\u00e5 kontaktsidan eller i kassan\/utcheckningen.<\/p>\n
F\u00f6r att f\u00e5 snygga knappar som passar i stil med din hemsida kan du plocka upp vissa f\u00e4rger som du anv\u00e4nder p\u00e5 sidan eller i din logga. Undvik alltf\u00f6r skrikiga f\u00e4rger (\u00e4ven om de pockar p\u00e5 bes\u00f6karens uppm\u00e4rksamhet).<\/p>\n
Hur m\u00e5nga f\u00e4rger b\u00f6r jag ha p\u00e5 hemsidan, och hur ska jag t\u00e4nka kring f\u00e4rgval?
\nF\u00e4rg \u00e4r roligt, men undvik att anv\u00e4nda f\u00f6r m\u00e5nga. En rekommendation \u00e4r att du begr\u00e4nsar dig till 2\u20134 f\u00e4rger. Om du inte kan best\u00e4mma dig f\u00f6r vilka f\u00e4rger du ska anv\u00e4nda, utg\u00e5 fr\u00e5n f\u00e4rgerna i din logga eller dina bilder och l\u00e4gg dig s\u00e5 n\u00e4ra dem som m\u00f6jligt.<\/p>\n
Hur sparar jag ner bilder fr\u00e5n min gamla hemsida, till exempel en headerbild eller logga?
\n F\u00f6r att spara ner bilder beh\u00f6ver du anv\u00e4nda din webbl\u00e4sare. \u00d6ppna hemsidan i publicerat l\u00e4ge och h\u00f6gerklicka p\u00e5 din bild, v\u00e4lj ”\u00d6ppna i ny flik\/Visa bild”. Nu kan du h\u00f6gerklicka p\u00e5 bilden och v\u00e4lja ”Spara”.<\/p>\n
Vad ska man t\u00e4nka p\u00e5 n\u00e4r man v\u00e4ljer bilder?
\n V\u00e4lj bilder som du tycker illustrerar ditt f\u00f6retag! Ta dig tid att hitta bra bilder som uttrycker ditt syfte och st\u00e4rker varum\u00e4rket. Ta hj\u00e4lp av bilder f\u00f6r att f\u00f6rtydliga och f\u00f6rst\u00e4rka ditt budskap och det du vill kommunicera p\u00e5 hemsidan. Ett tips \u00e4r att hitta ett genomg\u00e5ende bildtema, eller att du jobbar med ett specifikt filter p\u00e5 dina bilder. Du kan \u00e4ven l\u00e4sa mer i Hemsida24s inl\u00e4gg \u201cv\u00e4lj r\u00e4tt bilder till din hemsida\u201d.<\/p>\n
Vilken mall har du anv\u00e4nt f\u00f6r hj\u00e4rt- och lungr\u00e4ddning? Vilka \u00e4r dina favoriter och varf\u00f6r?
\n Alexandra har anv\u00e4nt sig av mallen \u201cToronto\u201d f\u00f6r HLR:s hemsida men mallen \u201cTalinn\u201d \u00e4r hennes egen favorit. Hon po\u00e4ngterar dock att de flesta mallar i grund och botten \u00e4r v\u00e4ldigt lika. Det som egentligen skiljer dem \u00e5t \u00e4r navigeringen \u2013 menyn \u00e4r antingen horisontell eller vertikal. Alexandra f\u00f6redrar \u201cTalinn\u201d eftersom hon upplever att den \u00e4r \u201cren i typsnitten\u201d och en bra grund att bygga nytt p\u00e5 (hon \u00e4ndrar \u00e4nd\u00e5 dock det mesta). \u201cTalinn\u201d \u00e4r dessutom den mall som enligt Alexandra \u00e4r mest generisk och funkar f\u00f6r de flesta f\u00f6retag som v\u00e4ljer att utg\u00e5 fr\u00e5n en mall f\u00f6r sin hemsida.<\/p>\n
\u00c4r det viktigt att ha en unik logga eller r\u00e4cker det att hitta \u201dsitt\u201d typsnitt?
\nAtt anv\u00e4nda sig av en logotyp \u00e4r ett bra och enkelt s\u00e4tt f\u00f6r dig att st\u00e4rka ditt varum\u00e4rke och skapa identitet. Men en logotyp \u00e4r inget m\u00e5ste, du kan absolut komma ig\u00e5ng b\u00e5de med ditt f\u00f6retag och din hemsida utan en traditionell logotyp. Om du endast skriver ditt f\u00f6retagsnamn i ett typsnitt och en specifik f\u00e4rg \u00e4r det viktigt att g\u00f6ra det p\u00e5 samma vis, \u00f6verallt. Det blir mer seri\u00f6st n\u00e4r det \u00e4r enhetligt.<\/p>\n
Vad b\u00f6r jag l\u00e4gga mest krut p\u00e5: bilder, texter eller struktur? Var ska jag b\u00f6rja?
\nDet \u00e4r alltid sv\u00e5rt n\u00e4r man ska b\u00f6rja p\u00e5 en blank sida. S\u00e4tt dig ned och b\u00f6rja med att g\u00f6ra en plan \u00f6ver vad du vill att din hemsida ska inneh\u00e5lla. Det \u00e4r f\u00f6rsta steget! D\u00e4refter kan du g\u00e5 vidare och b\u00f6rja bygga din hemsida. Var inte r\u00e4dd f\u00f6r att experimentera och testa dig fram. Det \u00e4r v\u00e5rt b\u00e4sta svar! Helheten \u00e4r det som ger en snygg hemsida. Bilder, texter och struktur ska samspela f\u00f6r att ge det perfekta uttrycket.<\/p>\n
S\u00e5d\u00e4r! D\u00e5 har vi sammanfattat n\u00e5gra av de viktigaste delarna av det som Alexandra tog upp i webbinariet. Kliar det i fingrarna f\u00f6r att s\u00e4tta ig\u00e5ng med din egen hemsida? Bra, d\u00e5 har vi lyckats! Vi vill \u00e4ven passa p\u00e5 och tacka de deltagare som var med under webbinariet \u2013 utan er hade det inte blivit en s\u00e5dan succ\u00e8! Du som var med den h\u00e4r g\u00e5ngen, tycker du att vi ska genomf\u00f6ra fler webbinarier?
\nDin \u00e5sikt \u00e4r viktig f\u00f6r oss!<\/p>\n
H\u00e4r kan du kika p\u00e5 Hj\u00e4rtochlungr\u00e4ddning.se nya hemsida som fick en makeover i webbinariumet! <\/p>\n
Vill du ocks\u00e5 f\u00e5 hj\u00e4lp med en makeover av din hemsida?
\nD\u00e5 kan du skicka en offertf\u00f6rfr\u00e5gan till Alexandra genom att klicka p\u00e5 knappen nedan.<\/p>\n
\/ Therese Nilson
\nMarknadsassistent<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"\n
Nu \u00e4r den h\u00e4r \u2013 videon fr\u00e5n v\u00e5rt webbinarium med tips f\u00f6r en \u00e4nnu b\u00e4ttre hemsida! - Hemsida24<\/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:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nu \u00e4r den h\u00e4r \u2013 videon fr\u00e5n v\u00e5rt webbinarium med tips f\u00f6r en \u00e4nnu b\u00e4ttre hemsida! - Hemsida24\" \/>\n<meta property=\"og:description\" content=\"Missade du v\u00e5rt webbinarium? Ingen fara! Sj\u00e4lvklart delar vi med oss av de tips & r\u00e5d som Alexandra kom med under webbinariet. H\u00e4r kan du se videon fr\u00e5n webbinariet, f\u00e5 en genomg\u00e5ng av vad vi pratade om samt svaren p\u00e5 de fr\u00e5gor som st\u00e4lldes. Titta p\u00e5 videon och ta till dig tipsen, s\u00e5 att du blir \u00e4nnu b\u00e4ttre p\u00e5 att f\u00e5 till den d\u00e4r schyssta hemsidan \u2013 helt sj\u00e4lv. Wow! Vi p\u00e5 Hemsida24 och Alexandra tyckte verkligen att den h\u00e4r erfarenheten var rolig och givande! Vi hoppas sj\u00e4lvklart att ni som deltog hade lika roligt och att det h\u00e4r \u00e4r n\u00e5got vi kan g\u00f6ra om. Det trillade in en hel del fr\u00e5gor och vi tyckte det var v\u00e4ldigt intressant att se vad ni hade f\u00f6r fr\u00e5gor till Alexandra. S\u00e5 vad gick vi egentligen igenom i webbinariet? H\u00e4r kommer en liten sammanfattning fr\u00e5n videon ovan. \u201cT\u00e4nk som du g\u00f6r i en hotell-lobby\u201d Har du t\u00e4nkt p\u00e5 att du kan j\u00e4mf\u00f6ra din hemsida med en hotell-lobby? Detta smarta tankes\u00e4tt fr\u00e5n Alexandra satte ig\u00e5ng en och annan fundering under webbinariet. Men vad inneb\u00e4r det egentligen? Jo, det Alexandra menar \u00e4r betydelsen av det f\u00f6rsta intrycket. T\u00e4nk dig att du kommer in p\u00e5 ett hotell och vill boka ett rum. Du k\u00e4nner direkt av omgivningen. Likadant menar Alexandra att det fungerar med din hemsida. S\u00e5 st\u00e4ll dig fr\u00e5gor som: Hur \u00e4r k\u00e4nslan n\u00e4r du kommer in p\u00e5 din hemsida? K\u00e4nns omgivningen inbjudande? Kan du enkelt hitta det du s\u00f6ker? Finns det tydliga knappar som visar vad du ska g\u00f6ra? V\u00e5ga experimentera och g\u00f6ra om! B\u00e5de vi och Alexandra f\u00f6rst\u00e5r att det kan k\u00e4nnas lite ot\u00e4ckt att b\u00f6rja f\u00f6r\u00e4ndra din hemsida. Alexandra levererade dock den perfekta l\u00f6sningen \u2013 skapa ett 30 dagars gratiskonto hos oss p\u00e5 Hemsida24 s\u00e5 kan du experimentera hur mycket du vill (utan risken att din befintliga hemsida \u00e4ndras). N\u00e4r du sedan k\u00e4nner dig f\u00e4rdig s\u00e5 kontaktar du bara v\u00e5r support s\u00e5 lyfter vi \u00f6ver ditt abonnemang och dom\u00e4n till din nya hemsida. Och du, skulle du inte bli klar innan din 30 dagars period s\u00e5 kan du sj\u00e4lvklart forts\u00e4tta bygga. Enkelt va? Alexandras 8 b\u00e4sta tips Under webbinariet gick Alexandra igenom n\u00e5gra tips och r\u00e5d. H\u00e4r kommer de p\u00e5 nytt! 1. Skapa en l\u00e4nkning mellan din logotyp och din startsida Att skapa en l\u00e4nk mellan din logotyp och startsida \u00e4r ett enkelt s\u00e4tt f\u00f6r dig f\u00f6r att g\u00f6ra din hemsida mer anv\u00e4ndarv\u00e4nlig. Genom ett klick p\u00e5 din logotyp dirigeras bes\u00f6kare snabbt och smidigt tillbaka till startsidan. 1. G\u00e5 in p\u00e5 redigera sidhuvud 2. Klicka p\u00e5 logotypen 3. G\u00e5 in p\u00e5 \u201dl\u00e4nkning" i menyn till v\u00e4nster. 4. V\u00e4lj \u00e4ndra l\u00e4nk \u2013 mina sidor \u2013 hem. F\u00e4rdig! 2. Jobba med dina rubriker, bilder och knappar F\u00e5 dina kunder att konvertera b\u00e4ttre genom att leda dem r\u00e4tt med hj\u00e4lp av tydliga rubriker och knappar. Anv\u00e4nd till exempel budskap som \u201ck\u00f6p\u201d, \u201dboka nu\u201d eller \u201ckontakta oss\u201d. Knappar och tydliga rubriker leder kunderna i \u00f6nskad riktning (oavsett om du vill att de ska k\u00f6pa, kontakta dig eller teckna sig f\u00f6r ditt nyhetsbrev). Alexandra po\u00e4ngterade ocks\u00e5 vikten av att anv\u00e4nda bra bilder \u2013 det kan f\u00f6r\u00e4ndra hela uttrycket f\u00f6r din hemsida! 3. Lyft dina sociala medier med hj\u00e4lp av ikoner Visa din n\u00e4rvaro i sociala medier med hj\u00e4lp av ikonerna som finns f\u00f6rinst\u00e4llda i verktyget. Runda, kvadratiska, ljusa eller m\u00f6rka. V\u00e4lj vilket som passar dig men se till att de \u00e4r synliga! 4. Visa dina senaste nyheter fr\u00e5n Facebook Anv\u00e4nd Facebook Likebox f\u00f6r att snyggt integrera ditt Facebookfl\u00f6de p\u00e5 hemsidan. Det g\u00f6r att din hemsida blir levande och du beh\u00f6ver inte uppdatera dina nyheter p\u00e5 flera st\u00e4llen. 5. Inkludera viktig information i din sidfot Anv\u00e4nd sidfoten f\u00f6r uppgifter som adress, telefonnummer, organisationsnummer eller annan formell information som dina bes\u00f6kare kan t\u00e4nkas beh\u00f6va. 6. Skapa fixerade och \u201crullande\u201d sektionsbakgrunder (som i exemplet p\u00e5 HLR) 1. Hitta en bra bild som du k\u00e4nner passar bra till din hemsida. Det beh\u00f6ver vara en bra uppl\u00f6sning p\u00e5 bilden. 2. G\u00e5 in p\u00e5 "\u00e4ndra utseende" och klicka p\u00e5 "\u00e4ndra bakgrund". Ladda upp din bild. V\u00e4lj bakgrund till vit och justera transparens s\u00e5 att denna bild blir v\u00e4ldigt ljus (det ska g\u00e5 att l\u00e4gga svart text ovanp\u00e5 och ska kunna l\u00e4sas). St\u00e4ll in inst\u00e4llningarna f\u00f6r bilden till \u201cfixerad\u201d under scrollningsbeteende. Denna bild ligger nu som bakgrund p\u00e5 alla undersidor. 3. G\u00e5 d\u00e4refter in p\u00e5 "sektion", "\u00e4ndra bakgrund" och ladda upp samma bild. Under inst\u00e4llningar beh\u00f6ver du v\u00e4lja \u201cfixerad\u201d samt med f\u00f6rdel v\u00e4lja en bakgrundsf\u00e4rg och transparens s\u00e5 att denna f\u00e4rg blir m\u00f6rk (till exempel blir de flesta bilder v\u00e4ldigt effektfulla om du v\u00e4ljer svart). Denna kan du d\u00e5 l\u00e4gga vit text ovanp\u00e5. 7. Skapa en tydlig meny och navigering Anv\u00e4nder du f\u00f6r m\u00e5nga sidor i din meny s\u00e5 kan det bli f\u00f6rvirrande f\u00f6r kunden. Fundera p\u00e5 vilka sidor du kan plocka bort och lyft endast de sidor som kunderna efterfr\u00e5gar. Har du mycket inneh\u00e5ll p\u00e5 din hemsida kan du strukturera informationen och placera den p\u00e5 undersidor s\u00e5 att kunden kan klicka sig vidare f\u00f6r att \u201cl\u00e4sa mer\u201d. Anv\u00e4nd g\u00e4rna 2\u20133 ord i versaler f\u00f6r inneh\u00e5llet i din huvudmeny (1:a niv\u00e5n), och l\u00e4ngre ord i gemener f\u00f6r undersidorna (2:a och 3:e niv\u00e5n). Det ger ett starkare budskap! 8. Skapa r\u00f6rliga bilder eller knappar Skapa illusionen av en r\u00f6rlig knapp eller bild genom att anv\u00e4nda dig av ett bildspel. B\u00f6rja med att klicka p\u00e5 \u201csektion\u201d och v\u00e4lj fyra kolumner (om du vill ha fyra knappar). Dra ut blocket \u201cbildspel\u201d till varje kolumn och skapa en \u201cny kategori\u201d f\u00f6r bilderna du vill ladda upp. G\u00e5 till inst\u00e4llningar och st\u00e4ll in h\u00f6jd (ingen skalning). V\u00e4lj sedan \u201cfade\u201d eller \u201cslide\u201d under \u00f6verg\u00e5ngseffekt och l\u00e4nka dina knappar till respektive sida! T\u00e4nk p\u00e5 att bara ha ett rullande bildspel synligt \u00e5t g\u00e5ngen p\u00e5 en sida - annars blir det l\u00e4tt snurrigt! Fr\u00e5gor och svar fr\u00e5n webbinariet ? Var kan jag hitta bilder till som \u00e4r fria att anv\u00e4nda? Istock har ett stort bibliotek av bilder som du kan anv\u00e4nda till din hemsida. Gratisbilder finns p\u00e5 Pexels eller Unsplash men de har tyv\u00e4rr ett s\u00e4mre utbud \u00e4n Istock. Sj\u00e4lvklart kan du ta egna bilder eller anlita en fotograf (det g\u00f6r hemsidan mer personlig). Vad b\u00f6r jag t\u00e4nka p\u00e5 designm\u00e4ssigt n\u00e4r jag ska v\u00e4lja typsnitt? T\u00e4nk p\u00e5 att alltid v\u00e4lja ett l\u00e4ttl\u00e4st typsnitt. Ibland kan det vara lockande att v\u00e4lja ett riktigt h\u00e4ftigt typsnitt, men risken \u00e4r att du tr\u00f6ttnar p\u00e5 ett typsnitt som sticker ut f\u00f6r mycket. Helvetica, Arial och liknande typsnitt \u00e4r de mest popul\u00e4ra eftersom de \u00e4r l\u00e4ttl\u00e4sta och stilfulla. Hur skapar jag snygga och tydliga knappar (CTA, Call to Action) p\u00e5 min hemsida och hur b\u00f6r jag anv\u00e4nda dem? Utg\u00e5ngspunkten n\u00e4r du anv\u00e4nder CTA-knappar \u00e4r: Vad vill jag att kunden ska g\u00f6ra? Om du vill att din kund ska ta kontakt med dig ska det vara tydligt HUR de kan ta kontakt med dig. D\u00e5 \u00e4r knapparna en v\u00e4ldigt bra guide. Du kan till exempel avsluta en produkttext med en CTA-knapp som s\u00e4ger \u201ck\u00f6p nu\u201d. Gl\u00f6m dock inte att l\u00e4nka knapparna dit du vill att kunden ska hamna \u2013 p\u00e5 kontaktsidan eller i kassan\/utcheckningen. F\u00f6r att f\u00e5 snygga knappar som passar i stil med din hemsida kan du plocka upp vissa f\u00e4rger som du anv\u00e4nder p\u00e5 sidan eller i din logga. Undvik alltf\u00f6r skrikiga f\u00e4rger (\u00e4ven om de pockar p\u00e5 bes\u00f6karens uppm\u00e4rksamhet). Hur m\u00e5nga f\u00e4rger b\u00f6r jag ha p\u00e5 hemsidan, och hur ska jag t\u00e4nka kring f\u00e4rgval? F\u00e4rg \u00e4r roligt, men undvik att anv\u00e4nda f\u00f6r m\u00e5nga. En rekommendation \u00e4r att du begr\u00e4nsar dig till 2\u20134 f\u00e4rger. Om du inte kan best\u00e4mma dig f\u00f6r vilka f\u00e4rger du ska anv\u00e4nda, utg\u00e5 fr\u00e5n f\u00e4rgerna i din logga eller dina bilder och l\u00e4gg dig s\u00e5 n\u00e4ra dem som m\u00f6jligt. Hur sparar jag ner bilder fr\u00e5n min gamla hemsida, till exempel en headerbild eller logga? F\u00f6r att spara ner bilder beh\u00f6ver du anv\u00e4nda din webbl\u00e4sare. \u00d6ppna hemsidan i publicerat l\u00e4ge och h\u00f6gerklicka p\u00e5 din bild, v\u00e4lj "\u00d6ppna i ny flik\/Visa bild". Nu kan du h\u00f6gerklicka p\u00e5 bilden och v\u00e4lja "Spara". Vad ska man t\u00e4nka p\u00e5 n\u00e4r man v\u00e4ljer bilder? V\u00e4lj bilder som du tycker illustrerar ditt f\u00f6retag! Ta dig tid att hitta bra bilder som uttrycker ditt syfte och st\u00e4rker varum\u00e4rket. Ta hj\u00e4lp av bilder f\u00f6r att f\u00f6rtydliga och f\u00f6rst\u00e4rka ditt budskap och det du vill kommunicera p\u00e5 hemsidan. Ett tips \u00e4r att hitta ett genomg\u00e5ende bildtema, eller att du jobbar med ett specifikt filter p\u00e5 dina bilder. Du kan \u00e4ven l\u00e4sa mer i Hemsida24s inl\u00e4gg \u201cv\u00e4lj r\u00e4tt bilder till din hemsida\u201d. Vilken mall har du anv\u00e4nt f\u00f6r hj\u00e4rt- och lungr\u00e4ddning? Vilka \u00e4r dina favoriter och varf\u00f6r? Alexandra har anv\u00e4nt sig av mallen \u201cToronto\u201d f\u00f6r HLR:s hemsida men mallen \u201cTalinn\u201d \u00e4r hennes egen favorit. Hon po\u00e4ngterar dock att de flesta mallar i grund och botten \u00e4r v\u00e4ldigt lika. Det som egentligen skiljer dem \u00e5t \u00e4r navigeringen \u2013 menyn \u00e4r antingen horisontell eller vertikal. Alexandra f\u00f6redrar \u201cTalinn\u201d eftersom hon upplever att den \u00e4r \u201cren i typsnitten\u201d och en bra grund att bygga nytt p\u00e5 (hon \u00e4ndrar \u00e4nd\u00e5 dock det mesta). \u201cTalinn\u201d \u00e4r dessutom den mall som enligt Alexandra \u00e4r mest generisk och funkar f\u00f6r de flesta f\u00f6retag som v\u00e4ljer att utg\u00e5 fr\u00e5n en mall f\u00f6r sin hemsida. \u00c4r det viktigt att ha en unik logga eller r\u00e4cker det att hitta \u201dsitt\u201d typsnitt? Att anv\u00e4nda sig av en logotyp \u00e4r ett bra och enkelt s\u00e4tt f\u00f6r dig att st\u00e4rka ditt varum\u00e4rke och skapa identitet. Men en logotyp \u00e4r inget m\u00e5ste, du kan absolut komma ig\u00e5ng b\u00e5de med ditt f\u00f6retag och din hemsida utan en traditionell logotyp. Om du endast skriver ditt f\u00f6retagsnamn i ett typsnitt och en specifik f\u00e4rg \u00e4r det viktigt att g\u00f6ra det p\u00e5 samma vis, \u00f6verallt. Det blir mer seri\u00f6st n\u00e4r det \u00e4r enhetligt. Vad b\u00f6r jag l\u00e4gga mest krut p\u00e5: bilder, texter eller struktur? Var ska jag b\u00f6rja? Det \u00e4r alltid sv\u00e5rt n\u00e4r man ska b\u00f6rja p\u00e5 en blank sida. S\u00e4tt dig ned och b\u00f6rja med att g\u00f6ra en plan \u00f6ver vad du vill att din hemsida ska inneh\u00e5lla. Det \u00e4r f\u00f6rsta steget! D\u00e4refter kan du g\u00e5 vidare och b\u00f6rja bygga din hemsida. Var inte r\u00e4dd f\u00f6r att experimentera och testa dig fram. Det \u00e4r v\u00e5rt b\u00e4sta svar! Helheten \u00e4r det som ger en snygg hemsida. Bilder, texter och struktur ska samspela f\u00f6r att ge det perfekta uttrycket. S\u00e5d\u00e4r! D\u00e5 har vi sammanfattat n\u00e5gra av de viktigaste delarna av det som Alexandra tog upp i webbinariet. Kliar det i fingrarna f\u00f6r att s\u00e4tta ig\u00e5ng med din egen hemsida? Bra, d\u00e5 har vi lyckats! Vi vill \u00e4ven passa p\u00e5 och tacka de deltagare som var med under webbinariet \u2013 utan er hade det inte blivit en s\u00e5dan succ\u00e8! Du som var med den h\u00e4r g\u00e5ngen, tycker du att vi ska genomf\u00f6ra fler webbinarier? Din \u00e5sikt \u00e4r viktig f\u00f6r oss! H\u00e4r kan du kika p\u00e5 Hj\u00e4rtochlungr\u00e4ddning.se nya hemsida som fick en makeover i webbinariumet! Vill du ocks\u00e5 f\u00e5 hj\u00e4lp med en makeover av din hemsida? D\u00e5 kan du skicka en offertf\u00f6rfr\u00e5gan till Alexandra genom att klicka p\u00e5 knappen nedan. \/ Therese Nilson Marknadsassistent\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/\" \/>\n<meta property=\"og:site_name\" content=\"Hemsida24\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-21T06:50:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-04T11:26:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"supervisor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/\",\"name\":\"Hemsida24\",\"description\":\"Blogg\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#primaryimage\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg\",\"contentUrl\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#webpage\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/\",\"name\":\"Nu \\u00e4r den h\\u00e4r \\u2013 videon fr\\u00e5n v\\u00e5rt webbinarium med tips f\\u00f6r en \\u00e4nnu b\\u00e4ttre hemsida! - Hemsida24\",\"isPartOf\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#primaryimage\"},\"datePublished\":\"2017-04-21T06:50:50+00:00\",\"dateModified\":\"2022-02-04T11:26:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hemsida24.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nu \\u00e4r den h\\u00e4r \\u2013 videon fr\\u00e5n v\\u00e5rt webbinarium med tips f\\u00f6r en \\u00e4nnu b\\u00e4ttre hemsida!\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\",\"name\":\"supervisor\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#personlogo\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"caption\":\"supervisor\"},\"url\":\"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nu \u00e4r den h\u00e4r \u2013 videon fr\u00e5n v\u00e5rt webbinarium med tips f\u00f6r en \u00e4nnu b\u00e4ttre hemsida! - Hemsida24","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:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/","og_locale":"sv_SE","og_type":"article","og_title":"Nu \u00e4r den h\u00e4r \u2013 videon fr\u00e5n v\u00e5rt webbinarium med tips f\u00f6r en \u00e4nnu b\u00e4ttre hemsida! - Hemsida24","og_description":"Missade du v\u00e5rt webbinarium? Ingen fara! Sj\u00e4lvklart delar vi med oss av de tips & r\u00e5d som Alexandra kom med under webbinariet. H\u00e4r kan du se videon fr\u00e5n webbinariet, f\u00e5 en genomg\u00e5ng av vad vi pratade om samt svaren p\u00e5 de fr\u00e5gor som st\u00e4lldes. Titta p\u00e5 videon och ta till dig tipsen, s\u00e5 att du blir \u00e4nnu b\u00e4ttre p\u00e5 att f\u00e5 till den d\u00e4r schyssta hemsidan \u2013 helt sj\u00e4lv. Wow! Vi p\u00e5 Hemsida24 och Alexandra tyckte verkligen att den h\u00e4r erfarenheten var rolig och givande! Vi hoppas sj\u00e4lvklart att ni som deltog hade lika roligt och att det h\u00e4r \u00e4r n\u00e5got vi kan g\u00f6ra om. Det trillade in en hel del fr\u00e5gor och vi tyckte det var v\u00e4ldigt intressant att se vad ni hade f\u00f6r fr\u00e5gor till Alexandra. S\u00e5 vad gick vi egentligen igenom i webbinariet? H\u00e4r kommer en liten sammanfattning fr\u00e5n videon ovan. \u201cT\u00e4nk som du g\u00f6r i en hotell-lobby\u201d Har du t\u00e4nkt p\u00e5 att du kan j\u00e4mf\u00f6ra din hemsida med en hotell-lobby? Detta smarta tankes\u00e4tt fr\u00e5n Alexandra satte ig\u00e5ng en och annan fundering under webbinariet. Men vad inneb\u00e4r det egentligen? Jo, det Alexandra menar \u00e4r betydelsen av det f\u00f6rsta intrycket. T\u00e4nk dig att du kommer in p\u00e5 ett hotell och vill boka ett rum. Du k\u00e4nner direkt av omgivningen. Likadant menar Alexandra att det fungerar med din hemsida. S\u00e5 st\u00e4ll dig fr\u00e5gor som: Hur \u00e4r k\u00e4nslan n\u00e4r du kommer in p\u00e5 din hemsida? K\u00e4nns omgivningen inbjudande? Kan du enkelt hitta det du s\u00f6ker? Finns det tydliga knappar som visar vad du ska g\u00f6ra? V\u00e5ga experimentera och g\u00f6ra om! B\u00e5de vi och Alexandra f\u00f6rst\u00e5r att det kan k\u00e4nnas lite ot\u00e4ckt att b\u00f6rja f\u00f6r\u00e4ndra din hemsida. Alexandra levererade dock den perfekta l\u00f6sningen \u2013 skapa ett 30 dagars gratiskonto hos oss p\u00e5 Hemsida24 s\u00e5 kan du experimentera hur mycket du vill (utan risken att din befintliga hemsida \u00e4ndras). N\u00e4r du sedan k\u00e4nner dig f\u00e4rdig s\u00e5 kontaktar du bara v\u00e5r support s\u00e5 lyfter vi \u00f6ver ditt abonnemang och dom\u00e4n till din nya hemsida. Och du, skulle du inte bli klar innan din 30 dagars period s\u00e5 kan du sj\u00e4lvklart forts\u00e4tta bygga. Enkelt va? Alexandras 8 b\u00e4sta tips Under webbinariet gick Alexandra igenom n\u00e5gra tips och r\u00e5d. H\u00e4r kommer de p\u00e5 nytt! 1. Skapa en l\u00e4nkning mellan din logotyp och din startsida Att skapa en l\u00e4nk mellan din logotyp och startsida \u00e4r ett enkelt s\u00e4tt f\u00f6r dig f\u00f6r att g\u00f6ra din hemsida mer anv\u00e4ndarv\u00e4nlig. Genom ett klick p\u00e5 din logotyp dirigeras bes\u00f6kare snabbt och smidigt tillbaka till startsidan. 1. G\u00e5 in p\u00e5 redigera sidhuvud 2. Klicka p\u00e5 logotypen 3. G\u00e5 in p\u00e5 \u201dl\u00e4nkning\" i menyn till v\u00e4nster. 4. V\u00e4lj \u00e4ndra l\u00e4nk \u2013 mina sidor \u2013 hem. F\u00e4rdig! 2. Jobba med dina rubriker, bilder och knappar F\u00e5 dina kunder att konvertera b\u00e4ttre genom att leda dem r\u00e4tt med hj\u00e4lp av tydliga rubriker och knappar. Anv\u00e4nd till exempel budskap som \u201ck\u00f6p\u201d, \u201dboka nu\u201d eller \u201ckontakta oss\u201d. Knappar och tydliga rubriker leder kunderna i \u00f6nskad riktning (oavsett om du vill att de ska k\u00f6pa, kontakta dig eller teckna sig f\u00f6r ditt nyhetsbrev). Alexandra po\u00e4ngterade ocks\u00e5 vikten av att anv\u00e4nda bra bilder \u2013 det kan f\u00f6r\u00e4ndra hela uttrycket f\u00f6r din hemsida! 3. Lyft dina sociala medier med hj\u00e4lp av ikoner Visa din n\u00e4rvaro i sociala medier med hj\u00e4lp av ikonerna som finns f\u00f6rinst\u00e4llda i verktyget. Runda, kvadratiska, ljusa eller m\u00f6rka. V\u00e4lj vilket som passar dig men se till att de \u00e4r synliga! 4. Visa dina senaste nyheter fr\u00e5n Facebook Anv\u00e4nd Facebook Likebox f\u00f6r att snyggt integrera ditt Facebookfl\u00f6de p\u00e5 hemsidan. Det g\u00f6r att din hemsida blir levande och du beh\u00f6ver inte uppdatera dina nyheter p\u00e5 flera st\u00e4llen. 5. Inkludera viktig information i din sidfot Anv\u00e4nd sidfoten f\u00f6r uppgifter som adress, telefonnummer, organisationsnummer eller annan formell information som dina bes\u00f6kare kan t\u00e4nkas beh\u00f6va. 6. Skapa fixerade och \u201crullande\u201d sektionsbakgrunder (som i exemplet p\u00e5 HLR) 1. Hitta en bra bild som du k\u00e4nner passar bra till din hemsida. Det beh\u00f6ver vara en bra uppl\u00f6sning p\u00e5 bilden. 2. G\u00e5 in p\u00e5 \"\u00e4ndra utseende\" och klicka p\u00e5 \"\u00e4ndra bakgrund\". Ladda upp din bild. V\u00e4lj bakgrund till vit och justera transparens s\u00e5 att denna bild blir v\u00e4ldigt ljus (det ska g\u00e5 att l\u00e4gga svart text ovanp\u00e5 och ska kunna l\u00e4sas). St\u00e4ll in inst\u00e4llningarna f\u00f6r bilden till \u201cfixerad\u201d under scrollningsbeteende. Denna bild ligger nu som bakgrund p\u00e5 alla undersidor. 3. G\u00e5 d\u00e4refter in p\u00e5 \"sektion\", \"\u00e4ndra bakgrund\" och ladda upp samma bild. Under inst\u00e4llningar beh\u00f6ver du v\u00e4lja \u201cfixerad\u201d samt med f\u00f6rdel v\u00e4lja en bakgrundsf\u00e4rg och transparens s\u00e5 att denna f\u00e4rg blir m\u00f6rk (till exempel blir de flesta bilder v\u00e4ldigt effektfulla om du v\u00e4ljer svart). Denna kan du d\u00e5 l\u00e4gga vit text ovanp\u00e5. 7. Skapa en tydlig meny och navigering Anv\u00e4nder du f\u00f6r m\u00e5nga sidor i din meny s\u00e5 kan det bli f\u00f6rvirrande f\u00f6r kunden. Fundera p\u00e5 vilka sidor du kan plocka bort och lyft endast de sidor som kunderna efterfr\u00e5gar. Har du mycket inneh\u00e5ll p\u00e5 din hemsida kan du strukturera informationen och placera den p\u00e5 undersidor s\u00e5 att kunden kan klicka sig vidare f\u00f6r att \u201cl\u00e4sa mer\u201d. Anv\u00e4nd g\u00e4rna 2\u20133 ord i versaler f\u00f6r inneh\u00e5llet i din huvudmeny (1:a niv\u00e5n), och l\u00e4ngre ord i gemener f\u00f6r undersidorna (2:a och 3:e niv\u00e5n). Det ger ett starkare budskap! 8. Skapa r\u00f6rliga bilder eller knappar Skapa illusionen av en r\u00f6rlig knapp eller bild genom att anv\u00e4nda dig av ett bildspel. B\u00f6rja med att klicka p\u00e5 \u201csektion\u201d och v\u00e4lj fyra kolumner (om du vill ha fyra knappar). Dra ut blocket \u201cbildspel\u201d till varje kolumn och skapa en \u201cny kategori\u201d f\u00f6r bilderna du vill ladda upp. G\u00e5 till inst\u00e4llningar och st\u00e4ll in h\u00f6jd (ingen skalning). V\u00e4lj sedan \u201cfade\u201d eller \u201cslide\u201d under \u00f6verg\u00e5ngseffekt och l\u00e4nka dina knappar till respektive sida! T\u00e4nk p\u00e5 att bara ha ett rullande bildspel synligt \u00e5t g\u00e5ngen p\u00e5 en sida - annars blir det l\u00e4tt snurrigt! Fr\u00e5gor och svar fr\u00e5n webbinariet ? Var kan jag hitta bilder till som \u00e4r fria att anv\u00e4nda? Istock har ett stort bibliotek av bilder som du kan anv\u00e4nda till din hemsida. Gratisbilder finns p\u00e5 Pexels eller Unsplash men de har tyv\u00e4rr ett s\u00e4mre utbud \u00e4n Istock. Sj\u00e4lvklart kan du ta egna bilder eller anlita en fotograf (det g\u00f6r hemsidan mer personlig). Vad b\u00f6r jag t\u00e4nka p\u00e5 designm\u00e4ssigt n\u00e4r jag ska v\u00e4lja typsnitt? T\u00e4nk p\u00e5 att alltid v\u00e4lja ett l\u00e4ttl\u00e4st typsnitt. Ibland kan det vara lockande att v\u00e4lja ett riktigt h\u00e4ftigt typsnitt, men risken \u00e4r att du tr\u00f6ttnar p\u00e5 ett typsnitt som sticker ut f\u00f6r mycket. Helvetica, Arial och liknande typsnitt \u00e4r de mest popul\u00e4ra eftersom de \u00e4r l\u00e4ttl\u00e4sta och stilfulla. Hur skapar jag snygga och tydliga knappar (CTA, Call to Action) p\u00e5 min hemsida och hur b\u00f6r jag anv\u00e4nda dem? Utg\u00e5ngspunkten n\u00e4r du anv\u00e4nder CTA-knappar \u00e4r: Vad vill jag att kunden ska g\u00f6ra? Om du vill att din kund ska ta kontakt med dig ska det vara tydligt HUR de kan ta kontakt med dig. D\u00e5 \u00e4r knapparna en v\u00e4ldigt bra guide. Du kan till exempel avsluta en produkttext med en CTA-knapp som s\u00e4ger \u201ck\u00f6p nu\u201d. Gl\u00f6m dock inte att l\u00e4nka knapparna dit du vill att kunden ska hamna \u2013 p\u00e5 kontaktsidan eller i kassan\/utcheckningen. F\u00f6r att f\u00e5 snygga knappar som passar i stil med din hemsida kan du plocka upp vissa f\u00e4rger som du anv\u00e4nder p\u00e5 sidan eller i din logga. Undvik alltf\u00f6r skrikiga f\u00e4rger (\u00e4ven om de pockar p\u00e5 bes\u00f6karens uppm\u00e4rksamhet). Hur m\u00e5nga f\u00e4rger b\u00f6r jag ha p\u00e5 hemsidan, och hur ska jag t\u00e4nka kring f\u00e4rgval? F\u00e4rg \u00e4r roligt, men undvik att anv\u00e4nda f\u00f6r m\u00e5nga. En rekommendation \u00e4r att du begr\u00e4nsar dig till 2\u20134 f\u00e4rger. Om du inte kan best\u00e4mma dig f\u00f6r vilka f\u00e4rger du ska anv\u00e4nda, utg\u00e5 fr\u00e5n f\u00e4rgerna i din logga eller dina bilder och l\u00e4gg dig s\u00e5 n\u00e4ra dem som m\u00f6jligt. Hur sparar jag ner bilder fr\u00e5n min gamla hemsida, till exempel en headerbild eller logga? F\u00f6r att spara ner bilder beh\u00f6ver du anv\u00e4nda din webbl\u00e4sare. \u00d6ppna hemsidan i publicerat l\u00e4ge och h\u00f6gerklicka p\u00e5 din bild, v\u00e4lj \"\u00d6ppna i ny flik\/Visa bild\". Nu kan du h\u00f6gerklicka p\u00e5 bilden och v\u00e4lja \"Spara\". Vad ska man t\u00e4nka p\u00e5 n\u00e4r man v\u00e4ljer bilder? V\u00e4lj bilder som du tycker illustrerar ditt f\u00f6retag! Ta dig tid att hitta bra bilder som uttrycker ditt syfte och st\u00e4rker varum\u00e4rket. Ta hj\u00e4lp av bilder f\u00f6r att f\u00f6rtydliga och f\u00f6rst\u00e4rka ditt budskap och det du vill kommunicera p\u00e5 hemsidan. Ett tips \u00e4r att hitta ett genomg\u00e5ende bildtema, eller att du jobbar med ett specifikt filter p\u00e5 dina bilder. Du kan \u00e4ven l\u00e4sa mer i Hemsida24s inl\u00e4gg \u201cv\u00e4lj r\u00e4tt bilder till din hemsida\u201d. Vilken mall har du anv\u00e4nt f\u00f6r hj\u00e4rt- och lungr\u00e4ddning? Vilka \u00e4r dina favoriter och varf\u00f6r? Alexandra har anv\u00e4nt sig av mallen \u201cToronto\u201d f\u00f6r HLR:s hemsida men mallen \u201cTalinn\u201d \u00e4r hennes egen favorit. Hon po\u00e4ngterar dock att de flesta mallar i grund och botten \u00e4r v\u00e4ldigt lika. Det som egentligen skiljer dem \u00e5t \u00e4r navigeringen \u2013 menyn \u00e4r antingen horisontell eller vertikal. Alexandra f\u00f6redrar \u201cTalinn\u201d eftersom hon upplever att den \u00e4r \u201cren i typsnitten\u201d och en bra grund att bygga nytt p\u00e5 (hon \u00e4ndrar \u00e4nd\u00e5 dock det mesta). \u201cTalinn\u201d \u00e4r dessutom den mall som enligt Alexandra \u00e4r mest generisk och funkar f\u00f6r de flesta f\u00f6retag som v\u00e4ljer att utg\u00e5 fr\u00e5n en mall f\u00f6r sin hemsida. \u00c4r det viktigt att ha en unik logga eller r\u00e4cker det att hitta \u201dsitt\u201d typsnitt? Att anv\u00e4nda sig av en logotyp \u00e4r ett bra och enkelt s\u00e4tt f\u00f6r dig att st\u00e4rka ditt varum\u00e4rke och skapa identitet. Men en logotyp \u00e4r inget m\u00e5ste, du kan absolut komma ig\u00e5ng b\u00e5de med ditt f\u00f6retag och din hemsida utan en traditionell logotyp. Om du endast skriver ditt f\u00f6retagsnamn i ett typsnitt och en specifik f\u00e4rg \u00e4r det viktigt att g\u00f6ra det p\u00e5 samma vis, \u00f6verallt. Det blir mer seri\u00f6st n\u00e4r det \u00e4r enhetligt. Vad b\u00f6r jag l\u00e4gga mest krut p\u00e5: bilder, texter eller struktur? Var ska jag b\u00f6rja? Det \u00e4r alltid sv\u00e5rt n\u00e4r man ska b\u00f6rja p\u00e5 en blank sida. S\u00e4tt dig ned och b\u00f6rja med att g\u00f6ra en plan \u00f6ver vad du vill att din hemsida ska inneh\u00e5lla. Det \u00e4r f\u00f6rsta steget! D\u00e4refter kan du g\u00e5 vidare och b\u00f6rja bygga din hemsida. Var inte r\u00e4dd f\u00f6r att experimentera och testa dig fram. Det \u00e4r v\u00e5rt b\u00e4sta svar! Helheten \u00e4r det som ger en snygg hemsida. Bilder, texter och struktur ska samspela f\u00f6r att ge det perfekta uttrycket. S\u00e5d\u00e4r! D\u00e5 har vi sammanfattat n\u00e5gra av de viktigaste delarna av det som Alexandra tog upp i webbinariet. Kliar det i fingrarna f\u00f6r att s\u00e4tta ig\u00e5ng med din egen hemsida? Bra, d\u00e5 har vi lyckats! Vi vill \u00e4ven passa p\u00e5 och tacka de deltagare som var med under webbinariet \u2013 utan er hade det inte blivit en s\u00e5dan succ\u00e8! Du som var med den h\u00e4r g\u00e5ngen, tycker du att vi ska genomf\u00f6ra fler webbinarier? Din \u00e5sikt \u00e4r viktig f\u00f6r oss! H\u00e4r kan du kika p\u00e5 Hj\u00e4rtochlungr\u00e4ddning.se nya hemsida som fick en makeover i webbinariumet! Vill du ocks\u00e5 f\u00e5 hj\u00e4lp med en makeover av din hemsida? D\u00e5 kan du skicka en offertf\u00f6rfr\u00e5gan till Alexandra genom att klicka p\u00e5 knappen nedan. \/ Therese Nilson Marknadsassistent","og_url":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/","og_site_name":"Hemsida24","article_published_time":"2017-04-21T06:50:50+00:00","article_modified_time":"2022-02-04T11:26:37+00:00","og_image":[{"url":"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"supervisor","Ber\u00e4knad l\u00e4stid":"11 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.hemsida24.se\/blogg\/#website","url":"https:\/\/www.hemsida24.se\/blogg\/","name":"Hemsida24","description":"Blogg","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"sv-SE"},{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#primaryimage","inLanguage":"sv-SE","url":"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg","contentUrl":"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg"},{"@type":"WebPage","@id":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#webpage","url":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/","name":"Nu \u00e4r den h\u00e4r \u2013 videon fr\u00e5n v\u00e5rt webbinarium med tips f\u00f6r en \u00e4nnu b\u00e4ttre hemsida! - Hemsida24","isPartOf":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#primaryimage"},"datePublished":"2017-04-21T06:50:50+00:00","dateModified":"2022-02-04T11:26:37+00:00","author":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574"},"breadcrumb":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hemsida24.se\/blogg\/2017\/04\/21\/nu-ar-den-har-videon-fran-vart-webbinarium-med-tips-for-en-annu-battre-hemsida\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hemsida24.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"Nu \u00e4r den h\u00e4r \u2013 videon fr\u00e5n v\u00e5rt webbinarium med tips f\u00f6r en \u00e4nnu b\u00e4ttre hemsida!"}]},{"@type":"Person","@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574","name":"supervisor","image":{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/#personlogo","inLanguage":"sv-SE","url":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","caption":"supervisor"},"url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/89"}],"collection":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":1,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":684,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/89\/revisions\/684"}],"wp:attachment":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/h24-original.s3.amazonaws.com\/44\/23866537-X1vm1.jpg?name=.jpg\")
<\/p>\n