[et_pb_section fb_built=”1″ fullwidth=”on” admin_label=”Hero” _builder_version=”4.4.8″ use_background_color_gradient=”on” background_color_gradient_start=”#eeeff2″ background_color_gradient_end=”rgba(238,239,242,0)” background_color_gradient_direction=”90deg” background_color_gradient_start_position=”33%” background_color_gradient_end_position=”52%” background_color_gradient_overlays_image=”on” background_image=”https://utbildning.fyriswebb.se/wp-content/uploads/2020/06/initcia-bilder7.jpg”][et_pb_fullwidth_header title=”Våga Webba” subhead=”STEG 3″ content_max_width=”600px” _builder_version=”4.4.7″ title_font=”Rubik|700||on|||||” title_text_color=”#599900″ title_font_size=”16px” title_letter_spacing=”5px” title_line_height=”0.5em” content_font=”Rubik||||||||” content_font_size=”18px” content_line_height=”1.7em” subhead_font=”Rubik|700|||||||” subhead_text_color=”rgba(0,0,0,0.8)” subhead_font_size=”50px” subhead_line_height=”1.5em” background_color=”rgba(255,255,255,0)” use_background_color_gradient=”on” background_color_gradient_start=”rgba(255,255,255,0)” background_color_gradient_end=”rgba(255,255,255,0.7)” background_color_gradient_start_position=”50%” background_size=”contain” background_position=”bottom_center” custom_button_one=”on” button_one_text_size=”16px” button_one_text_color=”#ffffff” button_one_bg_color=”#599900″ button_one_border_width=”15px” button_one_border_color=”rgba(210,159,104,0)” button_one_border_radius=”100px” button_one_letter_spacing=”0px” button_one_font=”Rubik|700|||||||” button_one_use_icon=”off” custom_button_two=”on” button_two_text_size=”16px” button_two_text_color=”#ffffff” button_two_bg_color=”rgba(0,0,0,0.6)” button_two_border_width=”15px” button_two_border_color=”rgba(210,159,104,0)” button_two_border_radius=”100px” button_two_letter_spacing=”0px” button_two_font=”Rubik|700|||||||” button_two_use_icon=”off” background_layout=”light” max_width_last_edited=”off|desktop” module_alignment=”center” custom_margin=”|||” custom_padding=”8vw||4vw|” subhead_font_size_tablet=”” subhead_font_size_phone=”30px” subhead_font_size_last_edited=”on|phone” button_one_border_radius_hover=”100px” button_two_border_radius_hover=”100px” button_one_bg_color_hover=”#ff8a70″ button_two_bg_color_hover=”#ff8a70″ button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_one_border_radius__hover_enabled=”on” button_one_border_radius__hover=”100px” button_two_border_radius__hover_enabled=”on” button_two_border_radius__hover=”100px” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_one_bg_color__hover_enabled=”on” button_one_bg_color__hover=”#ff8a70″ button_two_bg_color__hover_enabled=”on” button_two_bg_color__hover=”#ff8a70″][/et_pb_fullwidth_header][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.4.7″ background_color=”#083b38″ background_size=”contain” background_position=”top_center” custom_padding=”|||”][et_pb_row column_structure=”1_5,3_5,1_5″ _builder_version=”3.25″][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.7″ text_font=”Rubik|500|||||||” text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_2_font=”Rubik|700|||||||” header_2_font_size=”40px” header_2_line_height=”1.4em” header_5_font=”Rubik|700||on|||||” header_5_letter_spacing=”5px” header_5_line_height=”1.2em” background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone”]
Webbsidas innehåll
[/et_pb_text][et_pb_text _builder_version=”4.4.8″ text_font=”Rubik|500|||||||” text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_2_font=”Rubik|700|||||||” header_2_font_size=”40px” header_2_line_height=”1.4em” header_5_font=”Rubik|700||on|||||” header_5_letter_spacing=”5px” header_5_line_height=”1.2em” background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone”]
I steg 2 gick du igenom:
✓ delaknappar för sociala medier
✓ hur du lägger in en karta
✓ hur du skapar kontaktformulär
✓ hur du lägger till fler block
✓ hur du har flera språk på webbsidan
✓ personuppgifter enligt GDPR
✓ vad en cookiebanner gör
✓ om Google analytic
✓ hur du snabbar upp webbsidan
✓ hur du exporterar och importerar
✓ hur du förhindrar att bli hackad
✓ lite om SEO
✓ hur du komprimerar bilder
✓ wordpress-communities
[/et_pb_text][et_pb_text _builder_version=”4.4.9″ text_font=”Rubik|500|||||||” text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_2_font=”Rubik|700|||||||” header_2_font_size=”40px” header_2_line_height=”1.4em” header_5_font=”Rubik|700||on|||||” header_5_letter_spacing=”5px” header_5_line_height=”1.2em” background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” hover_enabled=”0″ text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone”]
Nu behöver du ta beslut om:
• Vem som är besökare till din webbsida, vilken målgrupp vänder du dig till?
• Vad ska besökaren göra på webbsidan?
• Finns det texter klara eller ska de skrivas?
• Vilka färger ska användas?
• Finns det en logotyp eller ska en formges?
• Finns det bilder eller behöver det tas nya, letas fram?
• Vet du vilken navigering du vill ha och vilka funktioner som är viktiga?
Nedan finns en checklista som är bra att följa när man ska bygga upp sin webbsida. Vill du hellre skriva ut en word-fil finns länk här.
Checklista för utskrift (rev1)»
[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”https://utbildning.fyriswebb.se/steg-4/” button_text=”Steg 4″ _builder_version=”4.4.8″][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ disabled_on=”off|off|off” admin_label=”Checklista” _builder_version=”4.4.7″ background_color=”#d6d6d6″ background_size=”contain” background_position=”top_center” custom_padding=”|||” collapsed=”off”][et_pb_row column_structure=”1_5,3_5,1_5″ admin_label=”Checklista” _builder_version=”4.4.7″][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][/et_pb_column][et_pb_column type=”3_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.4.8″ text_font=”|500|||||||” text_text_color=”#000000″ text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_text_color=”#000000″ header_2_font=”Rubik|700|||||||” header_2_font_size=”40px” header_2_line_height=”1.4em” header_5_font=”Rubik|700||on|||||” header_5_letter_spacing=”5px” header_5_line_height=”1.2em” background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone”]
Checklista
Inför utveckling av ny webbplats:
- Vad är syftet med webbsidan?
- Vad ska presenteras på webbplatsen?
- Navigering/struktur
Mål med sidan, exempelvis
- Information
- Att sälja varor
- Att sälja tjänster
- Samla in mailadresser till nyhetsbrev
- Skapa delbara bilder/texter
- Vilka sökord kan kunder tänkas använda sig av på Google?
[/et_pb_text][et_pb_accordion _builder_version=”4.4.8″][et_pb_accordion_item title=”MÅLGRUPP – Vem är besökaren?” open=”on” _builder_version=”4.4.7″]
En webbsida är bara framgångsrik om den skapar mervärde för besökaren.
Det gör man genom att, i första steget, uppfylla besökarens förväntningar och då behöver man veta vem som kommer till webbsidan
Ställ dig frågorna:
- vilka är mina besökare
- vad förväntar de sig
- hur kan jag motsvara deras förväntningar
- vilka är konkurrenterna
- hur ser konkurrenters webbnärvaro ut
[/et_pb_accordion_item][et_pb_accordion_item title=”Sätta upp mål för webbsida” _builder_version=”4.4.8″ open=”off”]
Målen är bra att sätta upp för dig själv så att du kan genomföra åtgärder för att uppnå dem. Det blir ett sätt att aktivt jobba med din webbsida
- Vad kan vara ett mål med din webbsida?
Exempel på mål: ”Jag vill ha 1000 besökare på min webbsida varje månad.”
och/eller: ”Jag vill att 50 personer ska anmäla sig till mitt nyhetsbrev varje månad.” - Om du precis har startat din webbsida kan målet vara till exempel
”jag ska publicera 1(ett) inlägg per vecka”
”jag ska publicera ett inlägg om dagen”… osv.
[/et_pb_accordion_item][et_pb_accordion_item title=”Grafisk Profil. Varför en grafisk profil?” _builder_version=”4.4.8″ open=”off”]
Du vill bli igenkänd, du vill att man ska komma ihåg din webbsida. Konsekvent kommunikation skapar igenkänning.
Det blir tydligare både för mottagare och för de som ska kommunicera utåt.
Med en tydlig guide behöver du inte skapa nytt varje gång, utan får mer tid att fokusera på innehållet.
Formspråk – vad passar dig
- Färgpalett
- Logotyp
- Grafik – foto och/eller illustrationer
- Bildspråk
- Typsnitt
Tonalitet – hur vill du uppfattas
- Charmig
- Rolig
- Ungdomlig
- Professionell
- Ansvarsfull
- Lättsam
- Tuff
- Självsäker
- Utmanande
- Inbjudande
- Varm
- Ödmjuk
- Trendig
- Folkligt
- Konstnärligt
[/et_pb_accordion_item][et_pb_accordion_item title=”SEO – Sökmotor Optimering” _builder_version=”4.4.8″ open=”off”]
SEO – superviktigt att ha med i meny, texter och bilder
Ta fram en lista sökord (nyckelord) som rör:
- Varumärket
- Tjänsten/produkten
- Trender inom branschen/användningsområdet för tjänster/produkter
- Döp bilder till det du vill att man ska söka tex ”vacker oljemålning i svart”, ”föreläsning om psykisk hälsa för skola” osv.
[/et_pb_accordion_item][et_pb_accordion_item title=”Content – Mervärde, information” _builder_version=”4.4.8″ open=”off”]
- Besökare är mest intresserade av vilken nytta och vilka fördelar dina produkter/tjänster erbjuder.
- Koncentrera dig på det viktigaste.
- Skapa ”paket” som t ex innehåller produkt- eller prisinformation, information till speciella tjänster, specialerbjudanden eller liknande.
- Har du en blogg eller ett forum som tillhandahåller information så hänvisa till det.
- Gör som andra webbsidor, ha klassiska rubriker i din meny som t ex: om oss, produkter, kontakt, eller hitta hit. Det skapar igenkänning.
Lägg tid på innehållet – content
- Bra innehåll får besökarna att göra specifika handlingar, t ex att kontakta dig eller amäla sig till ett nyhetsbrev.
- Bra innehåll förbättrar din position i Googles resultatlista, du vill ju helst komma på första sidan. Intressant och aktuellt innehåll är ett av de viktigaste kriterierna för sökmotorer.
Presenteras innehållet på ett bra sätt?
- Besökare måste kunna förstå direkt vad webbsidan handlar om.
- Börja t ex med ett emotionellt övertygande, inspirerande innehåll som leder vidare till andra mer faktabaserade texter.
Till stor hjälp är korta och kärnfulla rubriker.
- En rubrik ska återspegla den efterföljande brödtexten. Efter rubriken kan följa en kort, inledande text som sammanfattar brödtexten.
- I själva innehållspresentationen är det bra att använda sig av element som listor, tabeller och framhävningar (som fet stil) för att strukturera texten. (Förutom att det är bra för dina läsare gillas det också av sökmotorerna.)
- Undvik att kursivera texter.
- Är mängden på innehållet rätt?
Håll informationens mängd nere t ex genom att skriva korta stycken. Använd dig dessutom gärna av exempel, bilder, skisser och diagram. - Är det för lite innehåll begränsar det webbsidans nytta. Det gäller både för människor och sökmotorer.
- Webbsidan bör svara på alla typiska frågor dina besökare kan ha. Besvaras inte alla frågor eller glider innehållet in på andra områden lämnar besökarna webbsidan snabbt.
Stämmer informationsmängden på webbsidan?
- Var inte rädd för det som kallas för ”white space”, dvs vita ytor. Att använda sig av mellanrum gör viktigt innehåll mer synligt och besökaren ser vad som är viktigast på webbsidan.
- Det finns undersökningar som visar på att en webbsida som har en mer generös layout uppfattas som mer professionell än en sajt som är överöst med innehåll.
Finns det fördjupande information?
- En besökare på webbsidan har för det mesta ett konkret mål. Man vill hämta in information eller köpa något. Ändå kan det uppstå nya mål i kontakt med webbsidan, t ex att söka svar på frågor som kommer upp vart efter.
- Bra idé är därför att länka till fördjupande information, som antingen finns på den egna eller andra webbsidor.
[/et_pb_accordion_item][et_pb_accordion_item title=”Är innehållet på webbsidan aktuellt?” _builder_version=”4.4.8″ open=”off”]
- Innehållet bör vara aktuellt annars minskar nyttan avsevärt. Var noga med uppdateringar.
- Hittar man gammal information förmodar de flesta att det gäller även för andra delar av innehållet. Webbsidans trovärdighet och dess förmodade nytta dras ned direkt.
[/et_pb_accordion_item][/et_pb_accordion][et_pb_text disabled_on=”on|on|on” _builder_version=”4.4.7″ text_font=”Rubik|500|||||||” text_text_color=”#000000″ text_font_size=”16px” text_line_height=”2em” quote_font=”||||||||” header_font=”||||||||” header_text_color=”#2c7000″ header_2_font=”Rubik|700|||||||” header_2_text_color=”#2c7000″ header_2_font_size=”40px” header_2_line_height=”1.4em” header_3_text_color=”#2c7000″ header_4_text_color=”#2c7000″ header_5_font=”Rubik|700||on|||||” header_5_text_color=”#2c7000″ header_5_letter_spacing=”5px” header_5_line_height=”1.2em” header_6_text_color=”#2c7000″ background_layout=”dark” max_width=”600px” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”|||” custom_margin_tablet=”|70px||70px” custom_margin_phone=”|50px||50px” custom_margin_last_edited=”off|desktop” custom_padding=”|||” text_line_height_last_edited=”off|desktop” header_2_font_size_tablet=”” header_2_font_size_phone=”30px” header_2_font_size_last_edited=”on|phone” disabled=”on”]
Inför utveckling av ny webbplats:
- Vad är syftet med webbsidan?
- Vad ska presenteras på webbplatsen?
- Navigering/struktur
Mål med sidan, exempelvis
- Information
- Att sälja varor
- Att sälja tjänster
- Samla in mailadresser till nyhetsbrev
- Skapa delbara bilder/texter
- Vilka sökord kan kunder tänkas använda sig av på Google?
MÅLGRUPP – Vem är besökaren?
En webbsida är bara framgångsrik om den skapar mervärde för besökaren.
Det gör man genom att, i första steget, uppfylla besökarens förväntningar och då behöver man veta vem som kommer till webbsidan
Ställ dig frågorna:
- vilka är mina besökare
- vad förväntar de sig
- hur kan jag motsvara deras förväntningar
- vilka är konkurrenterna
- hur ser konkurrenters webbnärvaro ut
Sätta upp egna mål
Målen är bra att sätta upp för dig själv så att du kan genomföra åtgärder för att uppnå dem. Det blir ett sätt att aktivt jobba med din webbsida
- Vad kan vara ett mål med din webbsida?
Exempel på mål: ”Jag vill ha 1000 besökare på min webbsida varje månad.”
och/eller: ”Jag vill att 50 personer ska anmäla sig till mitt nyhetsbrev varje månad.”
Grafisk Profil. Varför en grafisk profil?
Du vill bli igenkänd, du vill att man ska komma ihåg din webbsida. Konsekvent kommunikation skapar igenkänning.
Det blir tydligare både för mottagare och för de som ska kommunicera utåt.
Med en tydlig guide behöver du inte skapa nytt varje gång, utan får mer tid att fokusera på innehållet.
Formspråk – vad passar dig
- Färgpalett
- Logotyp
- Grafik – foto och/eller illustrationer
- Bildspråk
- Typsnitt
Tonalitet – hur vill du uppfattas
- Charmig
- Rolig
- Ungdomlig
- Professionell
- Ansvarsfull
- Lättsam
- Tuff
- Självsäker
- Utmanande
- Inbjudande
- Varm
- Ödmjuk
- Trendig
- Folkligt
- Konstnärligt
SEO – superviktigt att ha med i meny, texter och bilder
Ta fram en lista sökord (nyckelord) som rör:
- Varumärket
- Tjänsten/produkten
- Trender inom branschen/användningsområdet för tjänster/produkter
- Döp bilder till det du vill att man ska söka tex ”vacker oljemålning i svart”, ”föreläsning om psykisk hälsa för skola” osv.
Content
Mervärde, information
- Besökare är mest intresserade av vilken nytta och vilka fördelar dina produkter/tjänster erbjuder.
- Koncentrera dig på det viktigaste.
- Skapa ”paket” som t ex innehåller produkt- eller prisinformation, information till speciella tjänster, specialerbjudanden eller liknande.
- Har du en blogg eller ett forum som tillhandahåller information så hänvisa till det.
- Gör som andra webbsidor, ha klassiska rubriker i din meny som t ex: om oss, produkter, kontakt, eller hitta hit. Det skapar igenkänning.
Lägg tid på innehållet – content
- Bra innehåll får besökarna att göra specifika handlingar, t ex att kontakta dig eller amäla sig till ett nyhetsbrev.
- Bra innehåll förbättrar din position i Googles resultatlista, du vill ju helst komma på första sidan. Intressant och aktuellt innehåll är ett av de viktigaste kriterierna för sökmotorer.
Presenteras innehållet på ett bra sätt?
- Besökare måste kunna förstå direkt vad webbsidan handlar om.
- Börja t ex med ett emotionellt övertygande, inspirerande innehåll som leder vidare till andra mer faktabaserade texter.
Till stor hjälp är korta och kärnfulla rubriker.
- En rubrik ska återspegla den efterföljande brödtexten. Efter rubriken kan följa en kort, inledande text som sammanfattar brödtexten.
- I själva innehållspresentationen är det bra att använda sig av element som listor, tabeller och framhävningar (som fet stil) för att strukturera texten. (Förutom att det är bra för dina läsare gillas det också av sökmotorerna.)
- Undvik att kursivera texter.
- Är mängden på innehållet rätt?
Håll informationens mängd nere t ex genom att skriva korta stycken. Använd dig dessutom gärna av exempel, bilder, skisser och diagram. - Är det för lite innehåll begränsar det webbsidans nytta. Det gäller både för människor och sökmotorer.
- Webbsidan bör svara på alla typiska frågor dina besökare kan ha. Besvaras inte alla frågor eller glider innehållet in på andra områden lämnar besökarna webbsidan snabbt.
Stämmer informationsmängden på webbsidan?
- Var inte rädd för det som kallas för ”white space”, dvs vita ytor. Att använda sig av mellanrum gör viktigt innehåll mer synligt och besökaren ser vad som är viktigast på webbsidan.
- Det finns undersökningar som visar på att en webbsida som har en mer generös layout uppfattas som mer professionell än en sajt som är överöst med innehåll.
Finns det fördjupande information?
- En besökare på webbsidan har för det mesta ett konkret mål. Man vill hämta in information eller köpa något. Ändå kan det uppstå nya mål i kontakt med webbsidan, t ex att söka svar på frågor som kommer upp vart efter.
- Bra idé är därför att länka till fördjupande information, som antingen finns på den egna eller andra webbsidor.
Är innehållet på webbsidan aktuellt?
- Innehållet bör vara aktuellt annars minskar nyttan avsevärt. Var noga med uppdateringar.
- Hittar man gammal information förmodar de flesta att det gäller även för andra delar av innehållet. Webbsidans trovärdighet och dess förmodade nytta dras ned direkt.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_5″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”https://utbildning.fyriswebb.se/steg-4/” button_text=”Steg 4″ _builder_version=”4.4.8″][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section]