1 Yrityksen kotisivut 10 tärkeää vinkkiä Jarkko Muhonen TeamProg
MIKÄ ON VARMIN TAPA KARKOITTAA KÄVIJÄT KOTISIVUILTA? 2
1. Varmista helppo päivitettävyys 3
4 TARVITAANKO KOTISIVUJA? ONHAN SOME! JOS TARVITAAN NIIN MIKSI?
Yritys, jolla ei ole kotisivuja vaikuttaa helposti hämärältä ja epämääraiseltä? 5 Yksinkertainen sivusto? parempi kuin ei sivuja lainkaan! Sivuilla olisi kuitenkin hyvä olla muuttuvaa sisältöä. esim. yritysblogi ajankohtaiset muuta hyödyllistä päivittyvää informaatiota virtoja ympäröivästä verkkoavaruudesta videot kuvat (Pinterest, Flickr..) somen viestivirtoja (twitter, FB, Pinterest..) esitteet (Issuu) esitykset (SlideShare, Google slides)
2. Hyödynnä ulkoiset lähteet osana sivuja 6
Esimerkkejä 7 yritystietoutta.fi (Vimeo) vetikkotravel.com (matkavaraus) taloushallinta.com (SSL) pihtiputaanapteekki.fi (Issuu, terveydeksi-lehti) kuosiverstas.fi (checkout.fi) trager.fi (FB, ajax-haku) viitasaarenjatehuolto.fi (ajax, tilauslomakkeet..)
8 Videoiden käyttö sivuilla Videoiden tuottamiseen et välttämättä tarvitse kallista tuotantotiimiä Ihmisiä kiinnostaa ensi sijassa informaation arvo! Alustoja esim YouTube ja Vimeo Animoto hyvä väline esitysvideoiden tuottamiseen erilaisista aineistoista
MUITA ELEMENTTEJÄ SIVUILLE 9 ULKOISET PALVELUT Tuotteet / Palvelut Yhteystiedot Referenssit Linkit Ajo-ohje Henkilöstö Kontaktilomake Tarjouspyyntö Uutiset 9
3. Varmista löydettävyys 10
Tekijöitä ilmaisen löydettävyyden parantamiseksi 11
Tärkein löydettävyystekijä = Sisältö 12 Listaa tarjontaasi kuvaavat avainsanat Rakenna sivustosi sisältö systemaattisesti avainsanojen ympärille. Lisää avainsanoja otsikkoriveille. Jos mahdollista lisää tärkeä sana valikkokohdaksi (kohdiksi). Google haluaa palvella aidosti tiedon etsijää, että etsivä löytäisi helposti haluamansa sisällön hakukoneen avulla.
Mikä tällä sivulla on keskeisin avainsana? 13
OVATKO KOTISIVUNI LÖYDETTÄVISSÄ? 14
15 Avainsanaharjoitus Mieti 3-5 avainsanaa, joiden ympärille kotisivusi tulisi rakentaa. Linkki vastauslomakkeeseen löytyy nimellä Avainsanaharjoitus koulutuksen apusivulta.
Muita tekijöitä hakutuloksissa nousemiseksi 16 Mobiilitoimivuus Päivittyvä sisältö Linkit muualta verkosta Selkeät lauserakenteet Metakuvaus ja meta-avainsanat Optimoidut kuvat (ei liian suuria) Selkokieliset verkko-osoitteet
4. Varmista mobiilitoimivuus 17 Sivun vieritys oltava helppoa Teksti luettavissa ilman suurentamista Linkit helposti klikattavissa Kaikki sisältö toimii älypuhelimella Toimii hitaammillakin yhteyksillä Toimii automaattisesti eri levyisillä näytöillä
. Vastaa etsijän tarpeeseen 18 3 sekunnin sääntö 1. Mikä tämä sivu on? 2. Mitä hyötyä minulle? 3. Mitä käsitellään?
Miksi ihmiset käyttävät nettiä? 96 % käyttäjistä on tavoite, kun he liikkuvat verkossa: vertaa/valitsee (51 %) etsii yksittäistä tietoa tai dokumenttia (25 %) etsii tietoa tai dokumentteja aiheesta (24 %) Käyttäjä päättää muutamassa sekunnissa, vastaako sivu hänen tarpeisiinsa. Takaisin-nappi on 3. käytetyin elementti verkkosivuilla. Yli 40 % napsautuksista on takaisinnappi. Ihmiset lukevat verkkosivulla korkeintaan 20 28 % sisällöstä. Yrityksen sivuilla kävijällä on yleensä päämäärä. Yrityksestä haetaan tietoa sen omistamien tietolähteiden ulkopuolelta: arvostelusivustot ym. sosiaalinen media. 19 1
Kiinnitä huomio nopeasti * TEE ITSELLESI TAVOITTEET SELVÄKSI. * OHJAA TAVOITTEISIISI NOSTOILLA. Nostoilla herätetään kävijän kiinnostus Sivulla ei voi käydä huomaamatta nostoa Nosto on vastaus käyttäjän tarpeeseen (tulos etsintään) 20
Mikä on nosto ao. sivulla? 21
6. Käytä teknisesti helppokäyttöisiä palveluja: web-hotelli (esim. CPanel) ja sisällönhallinta (esim. WordPress) 22 Julkinen sivusto Palvelun hallinta teamprog.fi teamprog.fi/cpanel Sisällön hallinta teamprog.fi/wp-admin
7. Varaa tarpeisiisi sopiva verkkotunnus 23 ajoissa (palveluntarjoajan kautta) Yleensä osoitteen varauksen tekee palveluntarjoaja (tai sivujen toteuttaja) Yrityksen nimen mukaan Palvelun tai tuotteen mukaan Helposti muistettava Ei liian pitkä Osoitteella voi olla positiivinen vaikutus hakutuloksiin
HARJOITUS 24 Mieti itsellesi sopiva kotiosoite Testaa ovatko.fi/.com-osoitteet vapaina. Voit käyttää hakua esim. osoitteessa whois.louhi.fi tai kotisivukoti.fi
http://www.teamprog.fi/ 25 8. Käytä laillisia kuvia Ilmaisia, kaupallisesti hyödynnettäviä kuvia on saatavilla pixabay.com search.creativecommons.org
LISÄÄ ILMAISIA KUVAPANKKEJA 26 http://search.creativecommons.org pixabay.com, freepik.com BurningWell.Org Kuvia public domain -lisenssillä, eli vapaasti käytettävissä mihin tahansa tarkoitukseen. http://www.freeimages.co.uk/ Kuvapankki. http://freestockphotos.com/ Kuvapankki. http://gimp-savvy.com/ GIMP-oppaan 'Photos'-osiossa Public domain valokuvia, mm. NASA:n avaruusvalokuvia. http://www.imageafter.com/ Kuvia ja tekstuureja. http://morguefile.com/ Ilmaisia kuvia, myös kaupalliseen käyttöön. http://www.freeimages.com/ Käyttäjien jakamia kuvatiedostoja. https://commons.wikimedia.org/wiki/main_page Laajasti ilmaisia kuvia eri lisensseillä. Täältä kannattaa etsiä esim. nähtävyyksien tai tunnettujen henkilöiden kuvia. 2
KAUPALLISIA KUVAPANKKEJA (ENEMMÄN LAADUKKAITA KUVIA) 27 http://www.dreamstime.com/ http://www.istockphoto.com/ http://www.shutterstock.com/
HARJOITUS n. 5 min 28 Etsi http://pixabay.com - kuvapankista yritykseesi, tuotteisiisi tai palveluihisi liittyviä kuvia kotisivullesi. Jos ehdit, voit kokeilla myös http://search.creativecommons.org kuvapankkia. Linkit kuvapankkeihin löytyvät koulutuksen apusivulta
9. Seuraa kävijätilastoja 29 Kuinka kävijät käyttäytyvät sivuillani? Mitä tuotteita he katselevat? Mitä he ovat etsineet päätyessään sivuilleni? Millä laitteilla he käyttävät sivujani? Miltä paikkakunnalta he ovat
Ilmainen palvelu kertoo vierailijoiden käyttäytymisestä. Vaatii Google-tilin (esim. Gmail-osoite) 30
Paikkakunnat 31
Laitteet 32
Alasivuilla käynnit 33
10. Hyödynnä valmispalvelut 34 WEBINAARIT anymeeting.com MATERIAALIA NETTIIN canva.com (postaukset) LIVE-LÄHETYKSET bambuser.com youtube.com (BETA) ANIMOINTIVIDEOT animoto.com VARAUSJÄRJESTELMÄT https://timma.fi/ PRINTTIMATERIAALIT vistaprint.fi ESITYKSET slideshare.com prezi.com Google slides fiverr.com Alihankintapalveluita
10 VINKKIÄ - KERTAUS 35 1. Varmista helppo päivitettävyys 2. Hyödynnä ulkoiset lähteet osana sivuja 3. Varmista löydettävyys 4. Varmista mobiilitoimivuus 5. Vastaa etsijän tarpeeseen (3s sääntö) 6. Käytä teknisesti helppokäyttöisiä palveluja 7. Varaa tarpeisiisi sopiva verkkotunnus ajoissa 8. Käytä laillisia kuvia 9. Seuraa kävijätilastoja 10. Hyödynnä valmispalvelut
MUISTILISTA - KOTISIVUPROJEKTIIN 36 1. VALITSE SOPIVA VERKKO-OSOITE 2. POHDI JA LISTAA AVAINSANAT 3. PIDÄ ALOITUSPALAVERI TOTEUTTAJAN KANSSA 4. PYYDÄ TOTEUTUKSEN KUVAUS. MITÄ TOTEUTETAAN? MITÄ HINTA PITÄÄ SISÄLLÄÄN 5. SOVI AIKATAULU 6. KYSY: HAKUSANAOPTIMOINTI 7. KYSY: ANALYTIIKAN LISÄYS (GOOGLE ANALYTICS) 8. KYSY: PÄIVITETTÄVYYS (ONKO HELPPO PÄIVITTÄÄ) 9. PYYDÄ SISÄLLÖNHALLINNAN KOULUTUS 10. KYSY VERKKOHOTELLIN HINTA, TARJOAJA JA OMINAISUUDET?
37 Bonusvinkki 1 : Teetkö sivut itse? PALVELUITA VERKOSSA Weebly Wix Google Sites 123kotisivu Kotisivukone WWW-SISÄLLÖNHALLINTA- JÄRJESTELMÄ = OHJELMAKOKONAISUUS, JOLLA TOTEUTETAAN VERKKOSIVUJA (HALLITAAN SIVUJEN SISÄLTÖÄ) SISÄLLÖNHALLINTAA WordPress Joomla Drupal
BONUSVINKKI 2 Työväline verkkosivujen toimivuuden testaukseen. Google PageSpeedInsights 38 https://developers.google.com/speed/pagespeed/insights/ Suositeltavat vähimmäistulokset Mobiilinopeus 60 / 100 Mobiilikäytettävyys 98 / 100 Tietokone 80 / 100
39 Harjoitus Käytä omaa verkkosivuasi tai valitse vapaasti oman alasi kilpailijan verkkosivu. Testaa millaiset laatuarvot googlen testaustyökalu antaa sivulle. Linkki Google PageSpeedInsights - testaustyökaluun löytyy apusivulta osiosta Hyödyllisiä linkkejä Vastaa koulutuksen apusivulla olevan harjoituksen Laatutestaus kysymyksiin.
40 KIITOS! TeamProg Jarkko Muhonen http://www.teamprog.fi/ http://www.kaukopalvelu.fi/ http://www.kotisivukoti.fi/ http://www.verkkotuotteet.fi 044 596 2025