SlideShare a Scribd company logo
1 of 25
Download to read offline
Millaiset ovat hyvät nettisivut
vuonna 2014?
tai

Verkkosivujen 8 tärkeintä asiaa
Otto Kekäläinen
Seravo-salaatti
Tampere 30.1.2014
LINUX-JÄRJESTELMIEN
ASIANTUNTIJA- JA TUKIPALVELUT
1. Responsiivinen ulkoasu
1. Responsiivinen ulkoasu
1. Responsiivinen ulkoasu
 Mobiililaitteiden osuus kasvaa jatkuvasti joten kaikkien

sivustojen on toimittava kaiken kokoisilla päätelaitteilla.

 Ylipäänsä sivuston on toimittava laajalla laite- ja

selainohjelmakirjolla. HTML5 paras tekniikka (ei Flash).

 Samalla kannattaa päivittää sivu tyylikkääksi. Ihmiset ovat

tottuneet yhä kauniimpiin ja helppokäyttöisempiin
sivustoihin ja sovelluksiin.
2. Hakukoneoptimoitu sisältö
2. Hakukoneoptimoitu sisältö
 Enemmistö sivustolle tulevista käyttäjistä tulee

hakukoneen (Google) kautta.
 Hakukoneoptimoinnilla ilmaista hakukonenäkyvyyttä.
 Sivuston otsikot ja tekstit pitää kertoa yrityksestä

yleisimpiä termejä käyttäen.
2. Hakukoneoptimoitu sisältö
 Semanttisuus:

Navigaatioelementit ja
sisältö erotettu. Kuvien
sisältö kuvailtu
metatiedoissa. Hinnat,
kellonajat, osoitteet
yms merkitty
mikroformaateilla.
3. Nopeat ladata
3. Nopeat ladata
 Hitailla yhteyksillä olevia mobiilikäyttäjä yhä enemmän, eikä

kiinteiden yhteyksien käyttäjien nopeudet ole olennaisesti
kasvaneet.
 Sivujen pitää olla entistä näyttävämmät, mutta silti kuvatiedostojen

koot eivät saisi kasvaa.
 Pienetkin erot tärkeitä jos kävijämäärät isoja: Amazonilla myynti

kasvoi 1 % jokaista latausnopeudessa säästettyä 100
millisekuntia kohden.
 Nopeat sivut saavat paremmat sijat hakutuloksissa. Haluatko

enemmän kävijöitä, pidemmät vierailut ja useammin palaavia?
4. Hyvät osoitteet
 Lyhyempi aina parempi: helpompi muistaa, helpompi

kirjoittaa kosketusnäytöillä, mahtuu varmemmin
twiitin 140 merkkiin...
 WWW tarpeeton. Yksinkertaisesti esimerkki.fi riittää.
 Iso vaikutus hakukonesijoitukseen:
 haulla ”auto” ensimmäiset tulokset: nettiauto.com, autot.oikotie.fi,

autotalli.com, autocenter.fi, okauto.fi, kauppalehti.fi/autot
5. Sosiaalinen media integroitu
5. Sosiaalinen media integroitu
 Sivuston sisältöä pitää jakaa sinne missä ihmiset jo

ovat, jotta sisältö saa näkyvyyttä.
 Näkyvyys houkuttelee käymään sivustolla.
 Sivustolla käydessä houkutellaan jakamaan sitä lisää.
 Kaksisuuntainen integrointi johtaa positiiviseen

kierteeseen!
5. Sosiaalinen media integroitu
 Muista myös karttapalvelut ja palveluhakemistot!
 Perinteisilläkin kanavailla edelleen käyttäjänsä:

tarjoa RSS-syöte ja sähköpostiin tilausmahdollisuus
5. Sosiaalinen media integroitu

Suurimmat kävijälähteet sosiaalisista medioista
Esimerkkinä seravo.fi
5. Sosiaalinen media integroitu

Suurimmat kävijälähteet ylipäänsä
Esimerkkinä seravo.fi
6. Kävijäseuranta

Esimerkkinä asiakkaamme sivusto vuonna 2013
6. Kävijäseuranta
 Useimmille yrityksille verkkosivujen tehtävänä on

lisätä yrityksen näkyvyyttä potentiaalisten
asiakkaiden joukossa. No paljonko niitä potentiaalisia
asiakkaita on sitten ollut?
 Sivustoon tehtäviä investointeja tulisi ohjata oletetut

tulokset. Tuloksia tulisi seurata kävijätilastoista.
Viikottainen PDF-raportti helppo automatisoida!
7. Helppo päivittää
 Siistit sivut on osa vaikutelmaa, mutta hyvä sisältö on tärkeintä.

Minimissään sisällön tulee olla oikeaa ja ajantasaista. Väärä tieto
(esim. hinta, osoite, aukioloaika) verkkosivuilla suututtaa ja kylvää
epäluottamusta.

 Organisaation johdon pitää aina muistaa verkkosivut ja arvostaa

sitä tärkeimpänä tiedotuskanavana.
 Sisällön muokkaaminen tulee olla niin helppoa, että toimitusjohtajakin voi tehdä

sen itse, ilman viivettä ja ilman kustannuksia.
7. Helppo päivittää
 Mitä enemmän sisältöä, sitä todennäköisempää on

saada hakukoneessa osumia.
 Sosiaalisessa mediassa leviää uusi sisältö, ei vanha.
 ”Kyllähän minä päivittäisin, jos vaan ehtisi ja jaksaisi.”
 Sisällönhallintaan on oltava helppokäyttöinen työkalu!
7. Helppo päivittää

WordPress-julkaisujärjestelmän ylläpitokäyttöliittymä
7. Helppo päivittää

Kokoruututila helpottaa keskittymistä sivua muokatessa
8. Edulliset kehittää
 Aina on jotain kehitettävää. Mutta resursseja kehittää ei

ole loputtomasti?
 Kehittäminen saatava edullisesti, muuten sivustoa ei

pysty päivittämään vuoden 2014 vaatimusten tasolle, ja
2015, ja 2016..
 Omista sisällöt, asiakirjat avoimesti standardoiduissa

tiedostomuodoissa ja järjestelmät avointa lähdekoodia
 Toimittajariippumattomuus! Alussa hyväkin tekninen ratkaisu muuttuu

ajan myötä toimittajaloukuksi = monopolitilanne = kallis.
8. Edulliset kehittää
Vältä toimittajaloukku,
valitse avoimen
lähdekoodin
julkaisujärjestelmä.
Suosituimmat WordPress
(17%), Drupal, Joomla,
Typo3, Liferay...
Ota yhteyttä kun haluat Seravo Oy:n
kehittämään tai ylläpitämään
Linux-pohjaisia tietojärjestelmiänne
Avaa seravo.fi
Lisävinkkejä blogissamme

More Related Content

Similar to Verkkosivujen 8 tärkeintä asiaa 2014

Klikkauksia vai kassavirtaa differo
Klikkauksia vai kassavirtaa differoKlikkauksia vai kassavirtaa differo
Klikkauksia vai kassavirtaa differo
Differo Oy
 
Digitaalinen.markkinointi
Digitaalinen.markkinointiDigitaalinen.markkinointi
Digitaalinen.markkinointi
Verkkoasema Oy
 

Similar to Verkkosivujen 8 tärkeintä asiaa 2014 (20)

Klikkauksia vai kassavirtaa differo
Klikkauksia vai kassavirtaa differoKlikkauksia vai kassavirtaa differo
Klikkauksia vai kassavirtaa differo
 
Hakukoneoptimointi ja hakukonemainonta perusteet
Hakukoneoptimointi ja hakukonemainonta perusteetHakukoneoptimointi ja hakukonemainonta perusteet
Hakukoneoptimointi ja hakukonemainonta perusteet
 
[ILMAINEN OPAS] Miten valitset hyvän kotisivujen toteuttajan ja säästät rahaa?
[ILMAINEN OPAS] Miten valitset hyvän kotisivujen toteuttajan ja säästät rahaa?[ILMAINEN OPAS] Miten valitset hyvän kotisivujen toteuttajan ja säästät rahaa?
[ILMAINEN OPAS] Miten valitset hyvän kotisivujen toteuttajan ja säästät rahaa?
 
Hakukoneoptimointia verkkokauppialle
Hakukoneoptimointia verkkokauppialleHakukoneoptimointia verkkokauppialle
Hakukoneoptimointia verkkokauppialle
 
Digitaalinen.markk. kauppakamari 100211
Digitaalinen.markk. kauppakamari 100211Digitaalinen.markk. kauppakamari 100211
Digitaalinen.markk. kauppakamari 100211
 
Verkkosivut - yritysten tärkein media
Verkkosivut - yritysten tärkein mediaVerkkosivut - yritysten tärkein media
Verkkosivut - yritysten tärkein media
 
Sosiaalisella medialla tehoa markkinointiin
Sosiaalisella medialla tehoa markkinointiinSosiaalisella medialla tehoa markkinointiin
Sosiaalisella medialla tehoa markkinointiin
 
SEO & Wordpress
SEO & WordpressSEO & Wordpress
SEO & Wordpress
 
Uusi SharePoint 2013 paremman liiketoiminnan mahdollistajana
Uusi SharePoint 2013 paremman liiketoiminnan mahdollistajanaUusi SharePoint 2013 paremman liiketoiminnan mahdollistajana
Uusi SharePoint 2013 paremman liiketoiminnan mahdollistajana
 
Hakukoneoptimointi ja kansainväliset markkinat nina järveläinen
Hakukoneoptimointi ja kansainväliset markkinat   nina järveläinenHakukoneoptimointi ja kansainväliset markkinat   nina järveläinen
Hakukoneoptimointi ja kansainväliset markkinat nina järveläinen
 
Hkaukoneoptimointi-yhteistyökumppanin valinta - miten vältät sudenkuopat
Hkaukoneoptimointi-yhteistyökumppanin valinta - miten vältät sudenkuopatHkaukoneoptimointi-yhteistyökumppanin valinta - miten vältät sudenkuopat
Hkaukoneoptimointi-yhteistyökumppanin valinta - miten vältät sudenkuopat
 
Hakukonemarkkinointi (TURUN KESÄYLIOPISTO: Digitaalinen markkinointi, luento 2)
Hakukonemarkkinointi (TURUN KESÄYLIOPISTO: Digitaalinen markkinointi, luento 2)Hakukonemarkkinointi (TURUN KESÄYLIOPISTO: Digitaalinen markkinointi, luento 2)
Hakukonemarkkinointi (TURUN KESÄYLIOPISTO: Digitaalinen markkinointi, luento 2)
 
Digitaalinen.markkinointi
Digitaalinen.markkinointiDigitaalinen.markkinointi
Digitaalinen.markkinointi
 
Mistä hakukoneoptimoitu verkkosivusto on rakennettu?
Mistä hakukoneoptimoitu verkkosivusto on rakennettu?Mistä hakukoneoptimoitu verkkosivusto on rakennettu?
Mistä hakukoneoptimoitu verkkosivusto on rakennettu?
 
Hakukoneoptimointi
HakukoneoptimointiHakukoneoptimointi
Hakukoneoptimointi
 
Hakukoneoptimoinnin (SEO) perusteet
Hakukoneoptimoinnin (SEO) perusteetHakukoneoptimoinnin (SEO) perusteet
Hakukoneoptimoinnin (SEO) perusteet
 
Hakukoneoptimointi pähkinänkuoressa
Hakukoneoptimointi pähkinänkuoressaHakukoneoptimointi pähkinänkuoressa
Hakukoneoptimointi pähkinänkuoressa
 
Tietoisku - verkkokauppa
Tietoisku - verkkokauppaTietoisku - verkkokauppa
Tietoisku - verkkokauppa
 
Verkkosivuilla mobiilisti
Verkkosivuilla mobiilistiVerkkosivuilla mobiilisti
Verkkosivuilla mobiilisti
 
Digiworkshop at YritysEspoo 31.3.2015 - Ilkka Kurkela
Digiworkshop at YritysEspoo 31.3.2015 - Ilkka KurkelaDigiworkshop at YritysEspoo 31.3.2015 - Ilkka Kurkela
Digiworkshop at YritysEspoo 31.3.2015 - Ilkka Kurkela
 

More from Otto Kekäläinen

How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...
How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...
How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...
Otto Kekäläinen
 

More from Otto Kekäläinen (20)

FOSDEM2021: MariaDB post-release quality assurance in Debian and Ubuntu
FOSDEM2021: MariaDB post-release quality assurance in Debian and UbuntuFOSDEM2021: MariaDB post-release quality assurance in Debian and Ubuntu
FOSDEM2021: MariaDB post-release quality assurance in Debian and Ubuntu
 
Search in WordPress - how it works and howto customize it
Search in WordPress - how it works and howto customize itSearch in WordPress - how it works and howto customize it
Search in WordPress - how it works and howto customize it
 
MariaDB quality assurance in Debian and Ubuntu
MariaDB quality assurance in Debian and UbuntuMariaDB quality assurance in Debian and Ubuntu
MariaDB quality assurance in Debian and Ubuntu
 
DebConf 2020: What’s New in MariaDB Server 10.5 and Galera 4?
DebConf 2020: What’s New in MariaDB Server 10.5 and Galera 4?DebConf 2020: What’s New in MariaDB Server 10.5 and Galera 4?
DebConf 2020: What’s New in MariaDB Server 10.5 and Galera 4?
 
Technical SEO for WordPress - 2019 edition
Technical SEO for WordPress - 2019 editionTechnical SEO for WordPress - 2019 edition
Technical SEO for WordPress - 2019 edition
 
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...The 5 most common reasons for a slow WordPress site and how to fix them – ext...
The 5 most common reasons for a slow WordPress site and how to fix them – ext...
 
How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...
How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...
How MariaDB packaging uses Salsa-CI to ensure smooth upgrades and avoid regre...
 
DebConf 2019 MariaDB packaging in Debian BoF
DebConf 2019 MariaDB packaging in Debian BoFDebConf 2019 MariaDB packaging in Debian BoF
DebConf 2019 MariaDB packaging in Debian BoF
 
The 5 most common reasons for a slow WordPress site and how to fix them
The 5 most common reasons for a slow WordPress site and how to fix themThe 5 most common reasons for a slow WordPress site and how to fix them
The 5 most common reasons for a slow WordPress site and how to fix them
 
How to investigate and recover from a security breach in WordPress
How to investigate and recover from a security breach in WordPressHow to investigate and recover from a security breach in WordPress
How to investigate and recover from a security breach in WordPress
 
Technical SEO for WordPress
Technical SEO for WordPressTechnical SEO for WordPress
Technical SEO for WordPress
 
Automatic testing and quality assurance for WordPress plugins and themes
Automatic testing and quality assurance for WordPress plugins and themesAutomatic testing and quality assurance for WordPress plugins and themes
Automatic testing and quality assurance for WordPress plugins and themes
 
10 things every developer should know about their database to run word press ...
10 things every developer should know about their database to run word press ...10 things every developer should know about their database to run word press ...
10 things every developer should know about their database to run word press ...
 
Automatic testing and quality assurance for WordPress plugins
Automatic testing and quality assurance for WordPress pluginsAutomatic testing and quality assurance for WordPress plugins
Automatic testing and quality assurance for WordPress plugins
 
Improving WordPress performance (xdebug and profiling)
Improving WordPress performance (xdebug and profiling)Improving WordPress performance (xdebug and profiling)
Improving WordPress performance (xdebug and profiling)
 
WordPress-tietoturvan perusteet
WordPress-tietoturvan perusteetWordPress-tietoturvan perusteet
WordPress-tietoturvan perusteet
 
Technical SEO for WordPress - 2017 edition
Technical SEO for WordPress - 2017 editionTechnical SEO for WordPress - 2017 edition
Technical SEO for WordPress - 2017 edition
 
Improving WordPress Performance with Xdebug and PHP Profiling
Improving WordPress Performance with Xdebug and PHP ProfilingImproving WordPress Performance with Xdebug and PHP Profiling
Improving WordPress Performance with Xdebug and PHP Profiling
 
MariaDB adoption in Linux distributions and development environments
MariaDB adoption in Linux distributions and development environmentsMariaDB adoption in Linux distributions and development environments
MariaDB adoption in Linux distributions and development environments
 
WordPress security 101 - WP Jyväskylä Meetup 21.3.2017
WordPress security 101 - WP Jyväskylä Meetup 21.3.2017WordPress security 101 - WP Jyväskylä Meetup 21.3.2017
WordPress security 101 - WP Jyväskylä Meetup 21.3.2017
 

Verkkosivujen 8 tärkeintä asiaa 2014

  • 1. Millaiset ovat hyvät nettisivut vuonna 2014? tai Verkkosivujen 8 tärkeintä asiaa Otto Kekäläinen Seravo-salaatti Tampere 30.1.2014
  • 5. 1. Responsiivinen ulkoasu  Mobiililaitteiden osuus kasvaa jatkuvasti joten kaikkien sivustojen on toimittava kaiken kokoisilla päätelaitteilla.  Ylipäänsä sivuston on toimittava laajalla laite- ja selainohjelmakirjolla. HTML5 paras tekniikka (ei Flash).  Samalla kannattaa päivittää sivu tyylikkääksi. Ihmiset ovat tottuneet yhä kauniimpiin ja helppokäyttöisempiin sivustoihin ja sovelluksiin.
  • 7. 2. Hakukoneoptimoitu sisältö  Enemmistö sivustolle tulevista käyttäjistä tulee hakukoneen (Google) kautta.  Hakukoneoptimoinnilla ilmaista hakukonenäkyvyyttä.  Sivuston otsikot ja tekstit pitää kertoa yrityksestä yleisimpiä termejä käyttäen.
  • 8. 2. Hakukoneoptimoitu sisältö  Semanttisuus: Navigaatioelementit ja sisältö erotettu. Kuvien sisältö kuvailtu metatiedoissa. Hinnat, kellonajat, osoitteet yms merkitty mikroformaateilla.
  • 10. 3. Nopeat ladata  Hitailla yhteyksillä olevia mobiilikäyttäjä yhä enemmän, eikä kiinteiden yhteyksien käyttäjien nopeudet ole olennaisesti kasvaneet.  Sivujen pitää olla entistä näyttävämmät, mutta silti kuvatiedostojen koot eivät saisi kasvaa.  Pienetkin erot tärkeitä jos kävijämäärät isoja: Amazonilla myynti kasvoi 1 % jokaista latausnopeudessa säästettyä 100 millisekuntia kohden.  Nopeat sivut saavat paremmat sijat hakutuloksissa. Haluatko enemmän kävijöitä, pidemmät vierailut ja useammin palaavia?
  • 11. 4. Hyvät osoitteet  Lyhyempi aina parempi: helpompi muistaa, helpompi kirjoittaa kosketusnäytöillä, mahtuu varmemmin twiitin 140 merkkiin...  WWW tarpeeton. Yksinkertaisesti esimerkki.fi riittää.  Iso vaikutus hakukonesijoitukseen:  haulla ”auto” ensimmäiset tulokset: nettiauto.com, autot.oikotie.fi, autotalli.com, autocenter.fi, okauto.fi, kauppalehti.fi/autot
  • 12. 5. Sosiaalinen media integroitu
  • 13. 5. Sosiaalinen media integroitu  Sivuston sisältöä pitää jakaa sinne missä ihmiset jo ovat, jotta sisältö saa näkyvyyttä.  Näkyvyys houkuttelee käymään sivustolla.  Sivustolla käydessä houkutellaan jakamaan sitä lisää.  Kaksisuuntainen integrointi johtaa positiiviseen kierteeseen!
  • 14. 5. Sosiaalinen media integroitu  Muista myös karttapalvelut ja palveluhakemistot!  Perinteisilläkin kanavailla edelleen käyttäjänsä: tarjoa RSS-syöte ja sähköpostiin tilausmahdollisuus
  • 15. 5. Sosiaalinen media integroitu Suurimmat kävijälähteet sosiaalisista medioista Esimerkkinä seravo.fi
  • 16. 5. Sosiaalinen media integroitu Suurimmat kävijälähteet ylipäänsä Esimerkkinä seravo.fi
  • 18. 6. Kävijäseuranta  Useimmille yrityksille verkkosivujen tehtävänä on lisätä yrityksen näkyvyyttä potentiaalisten asiakkaiden joukossa. No paljonko niitä potentiaalisia asiakkaita on sitten ollut?  Sivustoon tehtäviä investointeja tulisi ohjata oletetut tulokset. Tuloksia tulisi seurata kävijätilastoista. Viikottainen PDF-raportti helppo automatisoida!
  • 19. 7. Helppo päivittää  Siistit sivut on osa vaikutelmaa, mutta hyvä sisältö on tärkeintä. Minimissään sisällön tulee olla oikeaa ja ajantasaista. Väärä tieto (esim. hinta, osoite, aukioloaika) verkkosivuilla suututtaa ja kylvää epäluottamusta.  Organisaation johdon pitää aina muistaa verkkosivut ja arvostaa sitä tärkeimpänä tiedotuskanavana.  Sisällön muokkaaminen tulee olla niin helppoa, että toimitusjohtajakin voi tehdä sen itse, ilman viivettä ja ilman kustannuksia.
  • 20. 7. Helppo päivittää  Mitä enemmän sisältöä, sitä todennäköisempää on saada hakukoneessa osumia.  Sosiaalisessa mediassa leviää uusi sisältö, ei vanha.  ”Kyllähän minä päivittäisin, jos vaan ehtisi ja jaksaisi.”  Sisällönhallintaan on oltava helppokäyttöinen työkalu!
  • 22. 7. Helppo päivittää Kokoruututila helpottaa keskittymistä sivua muokatessa
  • 23. 8. Edulliset kehittää  Aina on jotain kehitettävää. Mutta resursseja kehittää ei ole loputtomasti?  Kehittäminen saatava edullisesti, muuten sivustoa ei pysty päivittämään vuoden 2014 vaatimusten tasolle, ja 2015, ja 2016..  Omista sisällöt, asiakirjat avoimesti standardoiduissa tiedostomuodoissa ja järjestelmät avointa lähdekoodia  Toimittajariippumattomuus! Alussa hyväkin tekninen ratkaisu muuttuu ajan myötä toimittajaloukuksi = monopolitilanne = kallis.
  • 24. 8. Edulliset kehittää Vältä toimittajaloukku, valitse avoimen lähdekoodin julkaisujärjestelmä. Suosituimmat WordPress (17%), Drupal, Joomla, Typo3, Liferay...
  • 25. Ota yhteyttä kun haluat Seravo Oy:n kehittämään tai ylläpitämään Linux-pohjaisia tietojärjestelmiänne Avaa seravo.fi Lisävinkkejä blogissamme