{"id":9696,"date":"2026-10-07T12:31:31","date_gmt":"2026-10-07T12:31:31","guid":{"rendered":"https:\/\/fuusiomedia.fi\/?page_id=9696"},"modified":"2026-10-09T07:59:46","modified_gmt":"2026-10-09T07:59:46","slug":"verkkosivut-yritykselle-ostajan-opas","status":"publish","type":"page","link":"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/","title":{"rendered":"Verkkosivut yritykselle &#8211; Ostajan opas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9696\" class=\"elementor elementor-9696\">\n\t\t\t\t<div class=\"elementor-element elementor-element-534a244 e-con-full e-flex e-con e-parent\" data-id=\"534a244\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:5229,&quot;url&quot;:&quot;https:\\\/\\\/fuusiomedia.fi\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/pexels-mikhail-nilov-6592642-scaled.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768810d elementor-widget elementor-widget-spacer\" data-id=\"768810d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1bc3a wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"4f1bc3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Verkkosivut yritykselle - Ostajan opas<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b567a43 elementor-widget elementor-widget-text-editor\" data-id=\"b567a43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x12ofw9d\"><!--comp--><!--for--><!--it--><!--if-->Verkkosivut yritykselle &#8211; Ostajan opas auttaa sinua tekem\u00e4\u00e4n fiksuja valintoja verkkosivuprojektissa. Saat k\u00e4yt\u00e4nn\u00f6n vinkit sopivan toteutustavan, rakenteen ja budjetin valintaan.<!--\/if--><!--\/it--><!--\/for--><!--\/comp--><\/p><p><!--\/it--><!--\/for--><!--\/comp--><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fd74fe e-con-full e-flex e-con e-parent\" data-id=\"1fd74fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1ae5b elementor-widget elementor-widget-spacer\" data-id=\"7e1ae5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a61f9 elementor-widget elementor-widget-spacer\" data-id=\"c6a61f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8de327 e-con-full e-flex e-con e-parent\" data-id=\"f8de327\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-df03c61 e-con-full e-flex e-con e-child\" data-id=\"df03c61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ef2cd elementor-widget elementor-widget-shortcode\" data-id=\"45ef2cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cf665f elementor-widget elementor-widget-image\" data-id=\"3cf665f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-683x1024.jpg\" class=\"attachment-large size-large wp-image-6638\" alt=\"Verkkosivut yritykselle - Ostajan opas\" srcset=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-683x1024.jpg 683w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-200x300.jpg 200w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-768x1152.jpg 768w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-1024x1536.jpg 1024w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-1365x2048.jpg 1365w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-500x750.jpg 500w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-6592643-scaled.jpg 1707w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c36c17e elementor-widget elementor-widget-spacer\" data-id=\"c36c17e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d5b53b e-con-full e-flex e-con e-child\" data-id=\"8d5b53b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbe5889 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"cbe5889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Verkkosivut_yritykselle_-_Ostajan_opas_%E2%80%93_Mista_tassa_oikeastaan_on_kyse\" >Verkkosivut yritykselle - Ostajan opas \u2013 Mist\u00e4 t\u00e4ss\u00e4 oikeastaan on kyse?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Tarvitseeko_yrityksesi_uudet_verkkosivut\" >Tarvitseeko yrityksesi uudet verkkosivut?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Testaa_tarvitseeko_yrityksesi_uudet_verkkosivut\" >Testaa tarvitseeko yrityksesi uudet verkkosivut?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Millaiset_verkkosivut_yritykselle_kannattaa_hankkia\" >Millaiset verkkosivut yritykselle kannattaa hankkia?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Kompakti_yrityssivusto\" >Kompakti yrityssivusto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Laajempi_palvelusivusto\" >Laajempi palvelusivusto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Myyntia_tukeva_verkkosivusto\" >Myynti\u00e4 tukeva verkkosivusto<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Millaista_sisaltoa_yrityksen_verkkosivustolla_pitaisi_olla\" >Millaista sis\u00e4lt\u00f6\u00e4 yrityksen verkkosivustolla pit\u00e4isi olla?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Etusivu\" >Etusivu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Palvelut\" >Palvelut<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Referenssit\" >Referenssit<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Yrityksesta\" >Yrityksest\u00e4<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Yhteystiedot_ja_yhteydenotto\" >Yhteystiedot ja yhteydenotto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Usein_kysytyt_kysymykset\" >Usein kysytyt kysymykset<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Mita_verkkosivujen_tekeminen_maksaa\" >Mit\u00e4 verkkosivujen tekeminen maksaa?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Miksi_1_000_ja_10_000_euron_verkkosivustot_voivat_olla_taysin_eri_tuotteita\" >Miksi 1 000\u00a0ja\u00a010 000 euron\u00a0verkkosivustot voivat olla\u00a0t\u00e4ysin eri tuotteita?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Kertakustannukset_ja_jatkuvat_kustannukset\" >Kertakustannukset ja jatkuvat\u00a0kustannukset<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Verkkosivut_ja_Google_%E2%80%93_miten_yritys_loytyy_hakukoneista\" >Verkkosivut ja Google \u2013 miten yritys l\u00f6ytyy hakukoneista?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Verkkosivujen_tekninen_toteutus_%E2%80%93_mita_yrityksen_pitaa_tietaa\" >Verkkosivujen tekninen toteutus \u2013 mit\u00e4 yrityksen pit\u00e4\u00e4 tiet\u00e4\u00e4?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle-ostajan-opas\/#Pyyda_tarjous_verkkosivuista\" >Pyyd\u00e4 tarjous verkkosivuista<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Verkkosivut_yritykselle_-_Ostajan_opas_%E2%80%93_Mista_tassa_oikeastaan_on_kyse\"><\/span>Verkkosivut yritykselle - Ostajan opas \u2013 Mist\u00e4 t\u00e4ss\u00e4 oikeastaan on kyse?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebcb9fd elementor-widget elementor-widget-testimonial\" data-id=\"ebcb9fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Etsitk\u00f6 yrityksellesi verkkosivuja, kotisivuja tai nettisivuja? K\u00e4yt\u00e4nn\u00f6ss\u00e4 puhumme samasta asiasta: yrityksen omasta verkkosivustosta. T\u00e4m\u00e4 verkkosivut yritykselle - ostajan opas auttaa sinua tekem\u00e4\u00e4n fiksuja valintoja verkkosivuprojektissa. Saat k\u00e4yt\u00e4nn\u00f6n vinkit sopivan toteutustavan, kumppanin ja budjetin valintaan. k\u00e4ymme l\u00e4pi, mit\u00e4 hyv\u00e4t verkkosivut yritykselle tarvitsevat, paljonko verkkosivuprojekti maksaa ja mit\u00e4 kannattaa ottaa huomioon ennen kuin pyyd\u00e4t tarjouksia.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0177155 elementor-widget elementor-widget-text-editor\" data-id=\"0177155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">Hyv\u00e4t verkkosivut eiv\u00e4t ole vain yrityksen digitaalinen k\u00e4yntikortti. Hyvien verkkosivujen teht\u00e4v\u00e4 on tehd\u00e4 yrityksest\u00e4 ymm\u00e4rrett\u00e4v\u00e4 ja luotettava. Asiakkaalle pit\u00e4isi nopeasti selvit\u00e4, mit\u00e4 yritys tarjoaa, kenelle palvelut on tarkoitettu, miksi yritys kannattaa valita ja miten seuraavaan vaiheeseen p\u00e4\u00e4see.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">Yrityksen verkkosivuston ei my\u00f6sk\u00e4\u00e4n tarvitse olla mahdollisimman suuri tai n\u00e4ytt\u00e4v\u00e4. Pienelle yritykselle voi riitt\u00e4\u00e4 muutama hyvin suunniteltu sivu, kun taas laajempi yritys voi tarvita kymmeni\u00e4 palvelu-, referenssi- ja sis\u00e4lt\u00f6sivuja. Olennaista on, ett\u00e4 sivuston rakenne ja sis\u00e4lt\u00f6 palvelevat sek\u00e4 yrityksen tavoitteita ett\u00e4 asiakkaan tiedontarvetta.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">Siksi omalle yritykselle verkkosivuja hankittaessa ei kannata aloittaa kysymyksest\u00e4 \u201cMilt\u00e4 sivujen pit\u00e4isi n\u00e4ytt\u00e4\u00e4?\u201d. Ensin kannattaa mietti\u00e4,\u00a0mit\u00e4 sivuston pit\u00e4isi saada aikaan.<\/p><p dir=\"ltr\">Lopulta useimmilla yrityksill\u00e4 tavoite on hyvin yksinkertainen: saada lis\u00e4\u00e4 oikeita asiakkaita.\u00a0Verkkosivujen teht\u00e4v\u00e4 on auttaa t\u00e4ss\u00e4 \u2013 tuoda yritykselle n\u00e4kyvyytt\u00e4, her\u00e4tt\u00e4\u00e4 kiinnostusta, rakentaa luottamusta\u00a0ja tehd\u00e4 yhteydenotosta\u00a0mahdollisimman helppoa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b76412 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"7b76412\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Tarvitseeko_yrityksesi_uudet_verkkosivut\"><\/span>Tarvitseeko yrityksesi uudet verkkosivut?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7540ae elementor-widget elementor-widget-testimonial\" data-id=\"f7540ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Kaikki yritykset eiv\u00e4t tarvitse uusia verkkosivuja. Jos nykyinen sivusto toimii, l\u00f6ytyy Googlesta, palvelee asiakkaita ja on helppo p\u00e4ivitt\u00e4\u00e4, pelkk\u00e4 uudistaminen ulkon\u00e4\u00f6n vuoksi ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 ole tarpeen. Usein kuitenkin jo muutama selke\u00e4 ongelma kertoo, ett\u00e4\u00a0verkkosivustolle kannattaa\u00a0tehd\u00e4 jotain.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a996b3e elementor-widget elementor-widget-text-editor\" data-id=\"a996b3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">Verkkosivujen uudistamistarve ei aina n\u00e4y p\u00e4\u00e4llep\u00e4in. Sivusto voi n\u00e4ytt\u00e4\u00e4 ihan hyv\u00e4lt\u00e4, mutta jos asiakas ei l\u00f6yd\u00e4 etsim\u00e4\u00e4ns\u00e4 tietoa, sivusto ei toimi puhelimella tai t\u00e4rke\u00e4t palvelut eiv\u00e4t l\u00f6ydy Googlesta, verkkosivut eiv\u00e4t tee teht\u00e4v\u00e4\u00e4ns\u00e4.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">My\u00f6s yrityksen muuttuminen on hyv\u00e4 syy arvioida sivustoa uudelleen. Jos palvelut, kohderyhm\u00e4t tai tavoitteet ovat muuttuneet, vanha sivusto ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 en\u00e4\u00e4 tue nykyist\u00e4 liiketoimintaa.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">Alla oleva testi auttaa tunnistamaan yleisimpi\u00e4 merkkej\u00e4 siit\u00e4, ett\u00e4 yrityksen verkkosivustoa olisi syyt\u00e4 uudistaa tai\u00a0ainakin kehitt\u00e4\u00e4.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94a9784 elementor-widget elementor-widget-html\" data-id=\"94a9784\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fuusio-webtest\">\n\n  <div class=\"fuusio-webtest-header\">\n    <span class=\"fuusio-webtest-label\">Verkkosivut yritykselle - Ostajan opas - NOPEA TESTI<\/span>\n    <h3><span class=\"ez-toc-section\" id=\"Testaa_tarvitseeko_yrityksesi_uudet_verkkosivut\"><\/span>Testaa tarvitseeko yrityksesi uudet verkkosivut?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n    <p>\n      Valitse v\u00e4itteet, jotka pit\u00e4v\u00e4t yrityksesi nykyisill\u00e4 verkkosivuilla paikkansa.\n      Lopuksi n\u00e4et, kannattaako sivuston uudistamista harkita.\n    <\/p>\n  <\/div>\n\n  <div class=\"fuusio-webtest-progress\">\n    <div>\n      <span class=\"fuusio-count\">0<\/span> \/ 10 kohtaa\n    <\/div>\n\n    <div class=\"fuusio-progress-bar\">\n      <div class=\"fuusio-progress-fill\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"fuusio-webtest-options\">\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Sivusto ei toimi kunnolla puhelimella<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Sivusto n\u00e4ytt\u00e4\u00e4 vanhentuneelta<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Yrityksen t\u00e4rkeimm\u00e4t palvelut eiv\u00e4t l\u00f6ydy helposti<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Sivustolta on vaikea ottaa yhteytt\u00e4<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Sivusto ei tuo yhteydenottoja<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Yritys ei l\u00f6ydy t\u00e4rkeill\u00e4 Google-hauilla<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Sivuston sis\u00e4lt\u00f6 on vanhentunutta<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Sivustoa on hankala p\u00e4ivitt\u00e4\u00e4<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Yrityksen nykyinen toiminta ei n\u00e4y sivustolla<\/span>\n    <\/button>\n\n    <button type=\"button\" class=\"fuusio-option\">\n      <span class=\"fuusio-checkbox\"><\/span>\n      <span>Et tied\u00e4, kuka omistaa tai yll\u00e4pit\u00e4\u00e4 sivustoa<\/span>\n    <\/button>\n\n  <\/div>\n\n  <div class=\"fuusio-webtest-result\">\n    <div class=\"fuusio-result-number\">0<\/div>\n\n    <div class=\"fuusio-result-content\">\n      <strong>Valitse yll\u00e4 olevia kohtia<\/strong>\n\n      <p>\n        N\u00e4et t\u00e4st\u00e4 arvion, kun olet valinnut v\u00e4hint\u00e4\u00e4n yhden kohdan.\n      <\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n<!-- GOOGLE FONT: COMFORTAA -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n\n<style>\n\n.fuusio-webtest {\n  max-width: 100%;\n  margin: 40px auto;\n  padding: 42px;\n  background: #f5f5f2;\n  border-radius: 18px;\n  color: #111;\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n\n\/* HEADER *\/\n\n.fuusio-webtest-header {\n  margin-bottom: 30px;\n}\n\n.fuusio-webtest-label {\n  display: inline-block;\n  margin-bottom: 12px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #666;\n}\n\n.fuusio-webtest h3 {\n  margin: 0 0 12px;\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  color: #111;\n}\n\n.fuusio-webtest-header p {\n  max-width: 650px;\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: #555;\n}\n\n\n\/* PROGRESS *\/\n\n.fuusio-webtest-progress {\n  margin-bottom: 22px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #555;\n}\n\n.fuusio-progress-bar {\n  width: 100%;\n  height: 5px;\n  margin-top: 9px;\n  background: #ddd;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.fuusio-progress-fill {\n  width: 0%;\n  height: 100%;\n  background: #111;\n  transition: width .3s ease;\n}\n\n\n\/* OPTIONS *\/\n\n.fuusio-webtest-options {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.fuusio-option {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  width: 100%;\n  padding: 16px 18px;\n  border: 1px solid #ddd;\n  border-radius: 10px;\n  background: #fff;\n  color: #222;\n  text-align: left;\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 1.4;\n  cursor: pointer;\n  transition: all .2s ease;\n}\n\n.fuusio-option:hover {\n  border-color: #aaa;\n  transform: translateY(-1px);\n}\n\n.fuusio-option.selected {\n  border-color: #111;\n  background: #111;\n  color: #fff;\n}\n\n.fuusio-checkbox {\n  flex: 0 0 21px;\n  width: 21px;\n  height: 21px;\n  border: 1.5px solid #aaa;\n  border-radius: 5px;\n  position: relative;\n  transition: all .2s ease;\n}\n\n.fuusio-option.selected .fuusio-checkbox {\n  border-color: #fff;\n  background: #fff;\n}\n\n.fuusio-option.selected .fuusio-checkbox::after {\n  content: \"\u2713\";\n  position: absolute;\n  left: 3px;\n  top: -2px;\n  color: #111;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n\n\/* RESULT *\/\n\n.fuusio-webtest-result {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  margin-top: 28px;\n  padding: 22px;\n  border-radius: 12px;\n  background: #fff;\n}\n\n.fuusio-result-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 58px;\n  width: 58px;\n  height: 58px;\n  border-radius: 50%;\n  background: #111;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.fuusio-result-content strong {\n  display: block;\n  margin-bottom: 4px;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.fuusio-result-content p {\n  margin: 0;\n  color: #666;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n\n  .fuusio-webtest {\n    padding: 26px 20px;\n    margin: 25px 0;\n    border-radius: 14px;\n  }\n\n  .fuusio-webtest h3 {\n    font-size: 24px;\n  }\n\n  .fuusio-option {\n    padding: 14px;\n    font-size: 14px;\n  }\n\n  .fuusio-webtest-result {\n    align-items: flex-start;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const test = document.querySelector('.fuusio-webtest');\n\n  if (!test) return;\n\n  const options = test.querySelectorAll('.fuusio-option');\n  const countElement = test.querySelector('.fuusio-count');\n  const progressFill = test.querySelector('.fuusio-progress-fill');\n  const resultNumber = test.querySelector('.fuusio-result-number');\n  const resultTitle = test.querySelector('.fuusio-result-content strong');\n  const resultText = test.querySelector('.fuusio-result-content p');\n\n\n  function updateTest() {\n\n    const selected =\n      test.querySelectorAll('.fuusio-option.selected').length;\n\n    countElement.textContent = selected;\n\n    const percentage =\n      (selected \/ options.length) * 100;\n\n    progressFill.style.width = percentage + '%';\n\n    resultNumber.textContent = selected;\n\n\n    if (selected === 0) {\n\n      resultTitle.textContent =\n        'Valitse yll\u00e4 olevia kohtia';\n\n      resultText.textContent =\n        'N\u00e4et t\u00e4st\u00e4 arvion, kun olet valinnut v\u00e4hint\u00e4\u00e4n yhden kohdan.';\n\n\n    } else if (selected <= 2) {\n\n      resultTitle.textContent =\n        'Tilanne n\u00e4ytt\u00e4\u00e4 melko hyv\u00e4lt\u00e4';\n\n      resultText.textContent =\n        'Nykyisiss\u00e4 verkkosivuissa ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 ole suurta uudistamistarvetta. Muutama kohta kannattaa silti tarkistaa tarkemmin.';\n\n\n    } else if (selected <= 5) {\n\n      resultTitle.textContent =\n        'Verkkosivujen uudistamista kannattaa harkita';\n\n      resultText.textContent =\n        'Sivustolla on jo useita asioita, jotka voivat heikent\u00e4\u00e4 sen toimivuutta, l\u00f6ydett\u00e4vyytt\u00e4 tai kyky\u00e4 tuottaa yhteydenottoja.';\n\n\n    } else if (selected <= 7) {\n\n      resultTitle.textContent =\n        'Sivuston uudistamiselle on jo selke\u00e4 tarve';\n\n      resultText.textContent =\n        'Useampi nykyisen sivuston ongelma voi vaikuttaa suoraan asiakkaiden kokemukseen ja yrityksen n\u00e4kyvyyteen.';\n\n\n    } else {\n\n      resultTitle.textContent =\n        'Nyt kannattaa tehd\u00e4 jotain';\n\n      resultText.textContent =\n        'Nykyisess\u00e4 sivustossa on useita merkitt\u00e4vi\u00e4 puutteita. Uudistaminen voi olla hyv\u00e4 paikka parantaa sek\u00e4 asiakaskokemusta ett\u00e4 verkkosivujen liiketoiminnallista hy\u00f6ty\u00e4.';\n\n    }\n\n  }\n\n\n  options.forEach(function(option) {\n\n    option.addEventListener('click', function() {\n\n      option.classList.toggle('selected');\n\n      updateTest();\n\n    });\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-560aeaf wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"560aeaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Millaiset_verkkosivut_yritykselle_kannattaa_hankkia\"><\/span>Millaiset verkkosivut yritykselle kannattaa hankkia?<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47f29ac elementor-widget elementor-widget-testimonial\" data-id=\"47f29ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Verkkosivujen kokoa ei kannata p\u00e4\u00e4tt\u00e4\u00e4 sen perusteella, mit\u00e4 kilpailijasi tai tuttavasi on tehnyt. Toiselle yritykselle riitt\u00e4\u00e4 muutama selke\u00e4 sivu, kun taas toiselle tarvitaan laaja verkkosivusto useine palvelu- ja sis\u00e4lt\u00f6sivuineen.\n\nHyv\u00e4 l\u00e4ht\u00f6kohta on\u00a0mietti\u00e4,\u00a0mit\u00e4 asiakkaasi tarvitsevat\u00a0ennen kuin he\u00a0ovat valmiita ottamaan\u00a0yhteytt\u00e4 tai ostamaan. Mit\u00e4 enemm\u00e4n tietoa\u00a0asiakkaan p\u00e4\u00e4t\u00f6s vaatii, sit\u00e4 enemm\u00e4n sit\u00e4\u00a0kannattaa my\u00f6s verkkosivuilla tarjota.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebf9838 elementor-widget elementor-widget-text-editor\" data-id=\"ebf9838\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">Pienikin yritys voi tarvita laajan sivuston, jos palveluita on paljon tai asiakkaat tarvitsevat paljon tietoa ostop\u00e4\u00e4t\u00f6ksen tueksi. Toisaalta suurellekaan yritykselle ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 tarvita kymmeni\u00e4 sivuja.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\">L\u00e4ht\u00f6kohtana kannattaa mietti\u00e4 asiakasta:\u00a0mit\u00e4 h\u00e4nen pit\u00e4\u00e4 tiet\u00e4\u00e4, l\u00f6yt\u00e4\u00e4 ja ymm\u00e4rt\u00e4\u00e4 ennen kuin h\u00e4n on valmis ottamaan yhteytt\u00e4? Kun t\u00e4m\u00e4 on selvill\u00e4, my\u00f6s verkkosivuston laajuus alkaa hahmottua.<\/p><p class=\"x1yc453h x1c3i2sq x1gtpwm6 x7amdea x1i21sxh xladpa3 x1iykcro xma8rkl x1fie51u xgyxj25 x1xobyvs x1fv8qjw x1a024ua x14l7nz5 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block-index=\"17\">Kaikkea ei kuitenkaan tarvitse laittaa verkkosivuille. Jokaiselle palvelulle, ajatukselle ja yrityksen historiank\u00e4\u00e4nteelle ei tarvitse tehd\u00e4 omaa alasivua. Jos sis\u00e4lt\u00f6 ei auta asiakasta tai tue yrityksen tavoitteita, sit\u00e4 ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 tarvita sivuilla lainkaan.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d82886 elementor-widget elementor-widget-html\" data-id=\"0d82886\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fuusio-site-types\">\n\n  <div class=\"fuusio-site-track\">\n\n    <!-- KORTTI 1 -->\n    <article class=\"fuusio-site-card\">\n      <div class=\"fuusio-site-number\">01<\/div>\n\n      <div class=\"fuusio-site-card-content\">\n        <h3><span class=\"ez-toc-section\" id=\"Kompakti_yrityssivusto\"><\/span>Kompakti yrityssivusto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"fuusio-site-intro\">\n          Kun t\u00e4rkeimm\u00e4t asiat voidaan kertoa selke\u00e4sti muutamalla sivulla.\n        <\/p>\n\n        <div class=\"fuusio-site-divider\"><\/div>\n\n        <span class=\"fuusio-site-label\">Sopii esimerkiksi<\/span>\n\n        <ul>\n          <li>Pienelle yritykselle<\/li>\n          <li>Yritt\u00e4j\u00e4lle<\/li>\n          <li>Muutaman palvelun yritykselle<\/li>\n        <\/ul>\n\n        <div class=\"fuusio-site-bottom\">\n          <span>Tyypillisesti<\/span>\n          <strong>Yritys \u00b7 Palvelut \u00b7 Referenssit \u00b7 Yhteystiedot<\/strong>\n        <\/div>\n      <\/div>\n    <\/article>\n\n\n    <!-- KORTTI 2 -->\n    <article class=\"fuusio-site-card\">\n      <div class=\"fuusio-site-number\">02<\/div>\n\n      <div class=\"fuusio-site-card-content\">\n        <h3><span class=\"ez-toc-section\" id=\"Laajempi_palvelusivusto\"><\/span>Laajempi palvelusivusto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"fuusio-site-intro\">\n          Kun palveluita on useita ja asiakkaat etsiv\u00e4t niist\u00e4 tarkempaa tietoa.\n        <\/p>\n\n        <div class=\"fuusio-site-divider\"><\/div>\n\n        <span class=\"fuusio-site-label\">Sopii esimerkiksi<\/span>\n\n        <ul>\n          <li>Palveluyrityksille<\/li>\n          <li>Useita kohderyhmi\u00e4 palveleville<\/li>\n          <li>Google-n\u00e4kyvyytt\u00e4 tavoitteleville<\/li>\n        <\/ul>\n\n        <div class=\"fuusio-site-bottom\">\n          <span>Tyypillisesti<\/span>\n          <strong>Palvelusivut \u00b7 Referenssit \u00b7 Sis\u00e4lt\u00f6 \u00b7 FAQ<\/strong>\n        <\/div>\n      <\/div>\n    <\/article>\n\n\n    <!-- KORTTI 3 -->\n    <article class=\"fuusio-site-card\">\n      <div class=\"fuusio-site-number\">03<\/div>\n\n      <div class=\"fuusio-site-card-content\">\n        <h3><span class=\"ez-toc-section\" id=\"Myyntia_tukeva_verkkosivusto\"><\/span>Myynti\u00e4 tukeva verkkosivusto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n        <p class=\"fuusio-site-intro\">\n          Kun verkkosivujen teht\u00e4v\u00e4 on aktiivisesti hankkia uusia asiakkaita.\n        <\/p>\n\n        <div class=\"fuusio-site-divider\"><\/div>\n\n        <span class=\"fuusio-site-label\">Sopii esimerkiksi<\/span>\n\n        <ul>\n          <li>Liidej\u00e4 tavoitteleville<\/li>\n          <li>Asiantuntijayrityksille<\/li>\n          <li>Yrityksille, joille verkkosivut ovat t\u00e4rke\u00e4 myyntikanava<\/li>\n        <\/ul>\n\n        <div class=\"fuusio-site-bottom\">\n          <span>Tyypillisesti<\/span>\n          <strong>Palvelut \u00b7 SEO \u00b7 Referenssit \u00b7 CTA:t \u00b7 Lomakkeet<\/strong>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n\n  <!-- MOBIILIN NAVIGOINTI -->\n  <div class=\"fuusio-site-navigation\">\n\n    <button class=\"fuusio-site-arrow fuusio-prev\" aria-label=\"Edellinen\">\n      \u2190\n    <\/button>\n\n    <div class=\"fuusio-site-dots\">\n      <button class=\"fuusio-dot active\" aria-label=\"Kortti 1\"><\/button>\n      <button class=\"fuusio-dot\" aria-label=\"Kortti 2\"><\/button>\n      <button class=\"fuusio-dot\" aria-label=\"Kortti 3\"><\/button>\n    <\/div>\n\n    <button class=\"fuusio-site-arrow fuusio-next\" aria-label=\"Seuraava\">\n      \u2192\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n<!-- GOOGLE FONT: COMFORTAA -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n\n<style>\n\n.fuusio-site-types {\n  width: 100%;\n  margin: 50px 0;\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n\n\/* =========================\n   DESKTOP GRID\n========================= *\/\n\n.fuusio-site-track {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n\n\/* =========================\n   CARD\n========================= *\/\n\n.fuusio-site-card {\n  position: relative;\n\n  min-height: 600px;\n\n  padding: 34px;\n\n  border: 1px solid #deded9;\n  border-radius: 18px;\n\n  background: #f7f7f4;\n\n  overflow: hidden;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    border-color .3s ease;\n\n  box-sizing: border-box;\n\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n.fuusio-site-card:hover {\n  transform: translateY(-5px);\n  background: #f1f1ed;\n  border-color: #cfcfc8;\n}\n\n\n\/* =========================\n   NUMBER\n========================= *\/\n\n.fuusio-site-number {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 38px;\n  height: 38px;\n\n  margin-bottom: 50px;\n\n  border-radius: 50%;\n\n  background: #111;\n  color: #fff;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n\n  flex-shrink: 0;\n}\n\n\n\/* =========================\n   CONTENT\n========================= *\/\n\n.fuusio-site-card-content {\n  min-width: 0;\n}\n\n.fuusio-site-card-content h3 {\n  margin: 0 0 15px;\n\n  color: #111;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 25px;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.fuusio-site-intro {\n  max-width: 330px;\n\n  margin: 0;\n\n  color: #555;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.6;\n}\n\n\n\/* =========================\n   DIVIDER\n========================= *\/\n\n.fuusio-site-divider {\n  width: 100%;\n  height: 1px;\n\n  margin: 28px 0 22px;\n\n  background: #ddd;\n}\n\n\n\/* =========================\n   LABEL\n========================= *\/\n\n.fuusio-site-label {\n  display: block;\n\n  margin-bottom: 10px;\n\n  color: #888;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n\n\/* =========================\n   LIST\n========================= *\/\n\n.fuusio-site-card ul {\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.fuusio-site-card li {\n  position: relative;\n\n  padding-left: 17px;\n  margin-bottom: 7px;\n\n  color: #333;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.45;\n}\n\n.fuusio-site-card li::before {\n  content: \"\u2022\";\n\n  position: absolute;\n  left: 0;\n\n  color: #999;\n}\n\n\n\/* =========================\n   BOTTOM\n========================= *\/\n\n.fuusio-site-bottom {\n  position: absolute;\n\n  left: 34px;\n  right: 34px;\n  bottom: 30px;\n\n  padding-top: 17px;\n\n  border-top: 1px solid #ddd;\n}\n\n.fuusio-site-bottom span {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: #888;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.fuusio-site-bottom strong {\n  display: block;\n\n  color: #333;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n\n  line-height: 1.5;\n}\n\n\n\/* =========================\n   NAVIGATION\n========================= *\/\n\n.fuusio-site-navigation {\n  display: none;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 20px;\n\n  margin-top: 20px;\n\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n.fuusio-site-arrow {\n  width: 38px;\n  height: 38px;\n\n  border: 1px solid #ddd;\n  border-radius: 50%;\n\n  background: transparent;\n  color: #111;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 16px;\n\n  cursor: pointer;\n\n  transition: all .2s ease;\n}\n\n.fuusio-site-arrow:hover {\n  background: #111;\n  border-color: #111;\n  color: #fff;\n}\n\n\n\/* =========================\n   DOTS\n========================= *\/\n\n.fuusio-site-dots {\n  display: flex;\n  gap: 7px;\n}\n\n.fuusio-dot {\n  width: 7px;\n  height: 7px;\n\n  padding: 0;\n\n  border: 0;\n  border-radius: 50%;\n\n  background: #ccc;\n\n  cursor: pointer;\n\n  transition: all .2s ease;\n}\n\n.fuusio-dot.active {\n  width: 22px;\n\n  border-radius: 10px;\n\n  background: #111;\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (min-width: 768px) and (max-width: 1100px) {\n\n  .fuusio-site-track {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .fuusio-site-card {\n    width: 100%;\n\n    min-height: auto;\n\n    padding: 30px;\n\n    box-sizing: border-box;\n  }\n\n  .fuusio-site-card-content h3 {\n    font-size: 24px;\n  }\n\n  .fuusio-site-intro {\n    max-width: 650px;\n  }\n\n  .fuusio-site-bottom {\n    position: static;\n\n    margin-top: 30px;\n  }\n\n  .fuusio-site-navigation {\n    display: none;\n  }\n\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media (max-width: 767px) {\n\n  .fuusio-site-types {\n    margin: 35px 0;\n  }\n\n\n  \/* HORIZONTAL SCROLLER *\/\n\n  .fuusio-site-track {\n    display: flex;\n\n    gap: 12px;\n\n    overflow-x: auto;\n\n    scroll-snap-type: x mandatory;\n\n    scrollbar-width: none;\n\n    -webkit-overflow-scrolling: touch;\n\n    padding-right: 10%;\n  }\n\n  .fuusio-site-track::-webkit-scrollbar {\n    display: none;\n  }\n\n\n  \/* CARD *\/\n\n  .fuusio-site-card {\n\n    position: relative;\n\n    flex: 0 0 88%;\n\n    \/*\n      Ei kiinte\u00e4\u00e4 korkeutta mobiilissa.\n      Kortti kasvaa sis\u00e4ll\u00f6n mukaan.\n    *\/\n    min-height: 0;\n    height: auto;\n\n    padding: 27px;\n\n    border-radius: 15px;\n\n    scroll-snap-align: start;\n\n    box-sizing: border-box;\n\n    overflow: hidden;\n  }\n\n\n  .fuusio-site-card:hover {\n    transform: none;\n  }\n\n\n  \/* NUMBER *\/\n\n  .fuusio-site-number {\n    margin-bottom: 38px;\n  }\n\n\n  \/* TITLE *\/\n\n  .fuusio-site-card-content h3 {\n    font-family: \"Comfortaa\", sans-serif;\n    font-size: 23px;\n    line-height: 1.18;\n\n    margin-bottom: 14px;\n  }\n\n\n  \/* INTRO *\/\n\n  .fuusio-site-intro {\n    max-width: none;\n\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n\n  \/* DIVIDER *\/\n\n  .fuusio-site-divider {\n    margin: 25px 0 20px;\n  }\n\n\n  \/* LIST *\/\n\n  .fuusio-site-card li {\n    font-size: 14px;\n    line-height: 1.5;\n\n    margin-bottom: 8px;\n  }\n\n\n  \/*\n    T\u00c4RKE\u00c4 KORJAUS:\n    Alareunan sis\u00e4lt\u00f6 ei ole en\u00e4\u00e4 absolute.\n    Se tulee normaalisti muun sis\u00e4ll\u00f6n j\u00e4lkeen.\n  *\/\n\n  .fuusio-site-bottom {\n    position: static;\n\n    margin-top: 32px;\n\n    padding-top: 17px;\n\n    border-top: 1px solid #ddd;\n  }\n\n\n  .fuusio-site-bottom span {\n    margin-bottom: 6px;\n\n    font-size: 10px;\n  }\n\n\n  .fuusio-site-bottom strong {\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n\n  \/* NAVIGATION *\/\n\n  .fuusio-site-navigation {\n    display: flex;\n  }\n\n}\n\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n\n@media (max-width: 400px) {\n\n  .fuusio-site-card {\n    flex-basis: 91%;\n\n    min-height: 0;\n\n    padding: 24px;\n  }\n\n  .fuusio-site-number {\n    margin-bottom: 34px;\n  }\n\n  .fuusio-site-card-content h3 {\n    font-size: 21px;\n  }\n\n  .fuusio-site-intro {\n    font-size: 14px;\n  }\n\n  .fuusio-site-card li {\n    font-size: 13px;\n  }\n\n  .fuusio-site-bottom {\n    margin-top: 28px;\n  }\n\n}\n\n\n\/* =========================\n   EXTRA SMALL DEVICES\n========================= *\/\n\n@media (max-width: 340px) {\n\n  .fuusio-site-card {\n    flex-basis: 93%;\n\n    padding: 22px;\n  }\n\n  .fuusio-site-card-content h3 {\n    font-size: 20px;\n  }\n\n  .fuusio-site-number {\n    margin-bottom: 30px;\n  }\n\n}\n\/* Korjaus: tekstien p\u00e4\u00e4llekk\u00e4isyys Macilla *\/\n.fuusio-site-card {\n  min-height:750px;\n  height: auto;\n  overflow: visible;\n}\n\n.fuusio-site-card-content h3 {\n  line-height: 1.3;\n  overflow-wrap: break-word;\n}\n\n.fuusio-site-intro {\n  line-height: 1.7;\n  overflow-wrap: break-word;\n}\n\n.fuusio-site-card li {\n  line-height: 1.6;\n}\n\n.fuusio-site-bottom {\n  overflow-wrap: break-word;\n}\n\n\/* Tabletilla ja mobiilissa sis\u00e4lt\u00f6 m\u00e4\u00e4r\u00e4\u00e4 korkeuden *\/\n@media (max-width: 1100px) {\n  .fuusio-site-card {\n    min-height: 0;\n    height: auto;\n  }\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const wrapper = document.querySelector('.fuusio-site-types');\n\n  if (!wrapper) return;\n\n  const track = wrapper.querySelector('.fuusio-site-track');\n  const cards = wrapper.querySelectorAll('.fuusio-site-card');\n\n  const dots = wrapper.querySelectorAll('.fuusio-dot');\n  const prev = wrapper.querySelector('.fuusio-prev');\n  const next = wrapper.querySelector('.fuusio-next');\n\n\n  function getCurrentIndex() {\n\n    const scrollLeft = track.scrollLeft;\n\n    let closestIndex = 0;\n    let closestDistance = Infinity;\n\n    cards.forEach(function(card, index) {\n\n      const distance =\n        Math.abs(card.offsetLeft - scrollLeft);\n\n      if (distance < closestDistance) {\n\n        closestDistance = distance;\n        closestIndex = index;\n\n      }\n\n    });\n\n    return closestIndex;\n  }\n\n\n  function updateDots() {\n\n    const index = getCurrentIndex();\n\n    dots.forEach(function(dot, i) {\n\n      dot.classList.toggle(\n        'active',\n        i === index\n      );\n\n    });\n  }\n\n\n  function goTo(index) {\n\n    if (index < 0) {\n      index = cards.length - 1;\n    }\n\n    if (index >= cards.length) {\n      index = 0;\n    }\n\n    cards[index].scrollIntoView({\n      behavior: 'smooth',\n      block: 'nearest',\n      inline: 'start'\n    });\n  }\n\n\n  dots.forEach(function(dot, index) {\n\n    dot.addEventListener('click', function() {\n      goTo(index);\n    });\n\n  });\n\n\n  if (prev) {\n\n    prev.addEventListener('click', function() {\n      goTo(getCurrentIndex() - 1);\n    });\n\n  }\n\n\n  if (next) {\n\n    next.addEventListener('click', function() {\n      goTo(getCurrentIndex() + 1);\n    });\n\n  }\n\n\n  track.addEventListener(\n    'scroll',\n    updateDots,\n    { passive: true }\n  );\n\n\n  updateDots();\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efbd2a9 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"efbd2a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Millaista_sisaltoa_yrityksen_verkkosivustolla_pitaisi_olla\"><\/span>Millaista sis\u00e4lt\u00f6\u00e4 yrityksen verkkosivustolla pit\u00e4isi olla?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c61928 elementor-widget elementor-widget-testimonial\" data-id=\"8c61928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Yrityksen verkkosivuja ei kannata rakentaa valmiin mallin mukaan vain siksi, ett\u00e4 \u201ckaikilla muillakin on n\u00e4m\u00e4 sivut\u201d.\n\nEsimerkiksi asianajotoimisto, rakennusliike ja paikallinen ravintola tarvitsevat hyvin erilaiset verkkosivut.\n\nHyv\u00e4 verkkosivuston rakenne l\u00e4htee asiakkaan kysymyksist\u00e4 ja yrityksen tavoitteista. Kun k\u00e4vij\u00e4 l\u00f6yt\u00e4\u00e4 helposti tarvitsemansa tiedon ja tiet\u00e4\u00e4, mit\u00e4 tehd\u00e4 seuraavaksi, verkkosivusto palvelee sek\u00e4 asiakasta ett\u00e4 yrityst\u00e4.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3ba865 elementor-widget elementor-widget-text-editor\" data-id=\"b3ba865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"3\">Hyv\u00e4 yrityksen verkkosivusto ei tarkoita vain n\u00e4ytt\u00e4v\u00e4\u00e4 etusivua. Sivuston rakenteen pit\u00e4isi auttaa k\u00e4vij\u00e4\u00e4 l\u00f6yt\u00e4m\u00e4\u00e4n tarvitsemansa tieto helposti ja samalla kertoa Googlelle, mist\u00e4 yrityksen palveluissa on kyse. Kaikkien yritysten verkkosivuille\u00a0ei tarvita samoja\u00a0sivuja, mutta tietyt\u00a0kokonaisuudet ovat yleens\u00e4\u00a0hy\u00f6dyllisi\u00e4.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"25\">Jos verkkosivujen tavoitteena on saada uusia asiakkaita Googlen kautta, pelk\u00e4t yrityksen perustiedot eiv\u00e4t v\u00e4ltt\u00e4m\u00e4tt\u00e4 riit\u00e4. T\u00e4rkeimmille palveluille kannattaa rakentaa sis\u00e4lt\u00f6\u00e4, joka vastaa siihen, mit\u00e4 potentiaalinen asiakas oikeasti hakee. T\u00e4m\u00e4 voi tarkoittaa erilaisia palvelusivuja, oppaita, artikkeleita, vertailuja tai usein kysyttyj\u00e4 kysymyksi\u00e4. SEO:n ei kuitenkaan pit\u00e4isi tarkoittaa tekstin kirjoittamista hakukoneelle. Paras sis\u00e4lt\u00f6 palvelee ensin ihmist\u00e4 ja vasta sitten hakukonetta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98daf85 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"98daf85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Etusivu\"><\/span>Etusivu<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47cc721 elementor-widget elementor-widget-text-editor\" data-id=\"47cc721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"6\">Etusivu on usein\u00a0ensimm\u00e4inen kosketus yritykseen.\u00a0Sen t\u00e4rkein teht\u00e4v\u00e4\u00a0on kertoa nopeasti,\u00a0mit\u00e4 yritys tekee, kenelle se tarjoaa\u00a0palveluita ja miksi\u00a0asiakkaan kannattaa tutustua\u00a0yritykseen tarkemmin. Hyv\u00e4ll\u00e4 etusivulla ei\u00a0tarvitse kertoa kaikkea. Sen\u00a0teht\u00e4v\u00e4 on ohjata\u00a0k\u00e4vij\u00e4 oikean tiedon\u00a0\u00e4\u00e4relle ja tehd\u00e4\u00a0seuraavasta askeleesta\u00a0selke\u00e4.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a8bbe wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"a9a8bbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Palvelut\"><\/span>Palvelut<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a1a46e elementor-widget elementor-widget-text-editor\" data-id=\"7a1a46e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h x1c3i2sq x1gtpwm6 x7amdea x1i21sxh xladpa3 x1iykcro xma8rkl x1fie51u xgyxj25 x1xobyvs x1fv8qjw x1a024ua x14l7nz5 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block-index=\"8\">Palveluiden pit\u00e4isi l\u00f6yty\u00e4 verkkosivuilta helposti. Pelkk\u00e4 lista palveluiden nimist\u00e4 ei kuitenkaan yleens\u00e4 riit\u00e4, vaan asiakkaalle kannattaa kertoa, mit\u00e4 palvelu sis\u00e4lt\u00e4\u00e4, kenelle se sopii ja millaista hy\u00f6ty\u00e4 siit\u00e4 on. Jos\u00a0yrityksell\u00e4 on useita\u00a0toisistaan poikkeavia palveluita, jokaiselle t\u00e4rke\u00e4lle palvelulle\u00a0kannattaa yleens\u00e4 tehd\u00e4\u00a0oma\u00a0sivunsa. T\u00e4m\u00e4 tekee\u00a0sivustosta selke\u00e4mm\u00e4n asiakkaalle\u00a0ja antaa\u00a0samalla mahdollisuuden\u00a0n\u00e4ky\u00e4 Googlessa kyseiseen\u00a0palveluun liittyvill\u00e4 hakusanoilla.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a9a255 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"0a9a255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Referenssit\"><\/span>Referenssit<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fc596e elementor-widget elementor-widget-text-editor\" data-id=\"9fc596e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h x1c3i2sq x1gtpwm6 x7amdea x1i21sxh xladpa3 x1iykcro xma8rkl x1fie51u xgyxj25 x1xobyvs x1fv8qjw x1a024ua x14l7nz5 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block-index=\"11\">Asiakas haluaa usein tiet\u00e4\u00e4, onko yritys tehnyt vastaavia t\u00f6it\u00e4 aiemmin. Referenssit, projektit ja ty\u00f6n\u00e4ytteet antavat konkreettisen kuvan yrityksen osaamisesta. Hyv\u00e4 referenssi ei\u00a0ole pelkk\u00e4 kuva\u00a0ja asiakkaan nimi. Siin\u00e4 voidaan kertoa\u00a0esimerkiksi, mik\u00e4 asiakkaan\u00a0l\u00e4ht\u00f6tilanne oli, mit\u00e4\u00a0tehtiin ja millainen\u00a0lopputulos saavutettiin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63f496b wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"63f496b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Yrityksesta\"><\/span>Yrityksest\u00e4<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b545a0a elementor-widget elementor-widget-text-editor\" data-id=\"b545a0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h x1c3i2sq x1gtpwm6 x7amdea x1i21sxh xladpa3 x1iykcro xma8rkl x1fie51u xgyxj25 x1xobyvs x1fv8qjw x1a024ua x14l7nz5 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block-index=\"14\">Yrityksest\u00e4 kertova sivu auttaa rakentamaan luottamusta. Erityisesti palveluissa, joissa asiakas tekee ostop\u00e4\u00e4t\u00f6ksen ihmisten ja osaamisen perusteella, on hyv\u00e4 kertoa, ketk\u00e4 palvelun takana ovat ja millaista kokemusta yrityksell\u00e4 on. Yrityksen historiaa ei\u00a0tarvitse kirjoittaa pitk\u00e4sti. Olennaisempaa on\u00a0kertoa asiat, jotka\u00a0auttavat asiakasta arvioimaan,\u00a0voiko t\u00e4h\u00e4n yritykseen\u00a0luottaa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4913a76 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"4913a76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Yhteystiedot_ja_yhteydenotto\"><\/span>Yhteystiedot ja yhteydenotto<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14af28c elementor-widget elementor-widget-text-editor\" data-id=\"14af28c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"18\">Yhteystietojen pit\u00e4isi l\u00f6yty\u00e4 helposti ilman, ett\u00e4 niit\u00e4 joutuu etsim\u00e4\u00e4n. Puhelinnumero, s\u00e4hk\u00f6posti, yhteydenottolomake ja muut yhteydenottotavat kannattaa esitt\u00e4\u00e4 selke\u00e4sti. Samalla kannattaa mietti\u00e4,\u00a0mik\u00e4 on asiakkaalle\u00a0luontevin seuraava askel. Se voi olla\u00a0esimerkiksi tarjouspyynt\u00f6, ajanvaraus, yhteydenotto\u00a0tai puhelinsoitto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55d9dfb wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"55d9dfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Usein_kysytyt_kysymykset\"><\/span>Usein kysytyt kysymykset<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef902e elementor-widget elementor-widget-text-editor\" data-id=\"1ef902e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h x1c3i2sq x1gtpwm6 x7amdea x1i21sxh xladpa3 x1iykcro xma8rkl x1fie51u xgyxj25 x1xobyvs x1fv8qjw x1a024ua x14l7nz5 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block-index=\"20\">Kaikki asiakkaat eiv\u00e4t ole valmiita ottamaan yhteytt\u00e4 heti. Usein ennen yhteydenottoa mieless\u00e4 on joukko kysymyksi\u00e4: paljonko palvelu maksaa, miten projekti etenee, kuinka kauan ty\u00f6 kest\u00e4\u00e4 tai kenelle palvelu sopii. Usein kysytyt kysymykset voivat poistaa n\u00e4it\u00e4 ep\u00e4varmuuksia ja auttaa asiakasta etenem\u00e4\u00e4n kohti yhteydenottoa. Samalla hyvin rakennettu\u00a0kysymys\u2013vastaus-sis\u00e4lt\u00f6 voi\u00a0tuoda verkkosivuille n\u00e4kyvyytt\u00e4\u00a0sellaisilla hauilla, joita asiakkaat k\u00e4ytt\u00e4v\u00e4t\u00a0etsiess\u00e4\u00e4n tietoa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64d9c2f elementor-widget elementor-widget-html\" data-id=\"64d9c2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fuusio-site-map\">\n\n  <div class=\"fuusio-site-map-intro\">\n    <span>HYV\u00c4N YRITYSSIVUSTON RAKENNE<\/span>\n    <p>\n      Kaikkien yritysten sivustot ovat erilaisia, mutta hyv\u00e4 kokonaisuus\n      rakentuu yleens\u00e4 muutamasta selke\u00e4st\u00e4 peruspalikasta.\n    <\/p>\n  <\/div>\n\n  <div class=\"fuusio-map\">\n\n    <!-- ETUSIVU -->\n    <div class=\"fuusio-map-center\">\n\n      <div class=\"fuusio-map-icon\">\u2302<\/div>\n\n      <div>\n        <small>01<\/small>\n\n        <div class=\"fuusio-map-title\">Etusivu<\/div>\n\n        <p>\n          Mit\u00e4 yritys tekee, kenelle ja miksi juuri t\u00e4m\u00e4 yritys?\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- YL\u00c4KORTIT -->\n    <div class=\"fuusio-map-row fuusio-map-top\">\n\n      <div class=\"fuusio-map-card\">\n\n        <span>02<\/span>\n\n        <div class=\"fuusio-map-title\">\n          Palvelut\n        <\/div>\n\n        <p>\n          Mit\u00e4 yritys tarjoaa ja miten palvelut ratkaisevat asiakkaan tarpeen?\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"fuusio-map-card\">\n\n        <span>03<\/span>\n\n        <div class=\"fuusio-map-title\">\n          Referenssit\n        <\/div>\n\n        <p>\n          Konkreettisia esimerkkej\u00e4 tehdyist\u00e4 t\u00f6ist\u00e4 ja asiakkaiden kokemuksista.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ALAKORTIT -->\n    <div class=\"fuusio-map-row fuusio-map-bottom\">\n\n      <div class=\"fuusio-map-card\">\n\n        <span>04<\/span>\n\n        <div class=\"fuusio-map-title\">\n          Yrityksest\u00e4\n        <\/div>\n\n        <p>\n          Ihmiset, osaaminen ja tausta, jotka rakentavat luottamusta.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"fuusio-map-card\">\n\n        <span>05<\/span>\n\n        <div class=\"fuusio-map-title\">\n          Yhteystiedot\n        <\/div>\n\n        <p>\n          Tee yhteydenotosta helppoa ja kerro selke\u00e4sti, miten yrityksen saa kiinni.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- YHTEYSVIIVAT -->\n    <div class=\"fuusio-map-line line-top-left\"><\/div>\n    <div class=\"fuusio-map-line line-top-right\"><\/div>\n    <div class=\"fuusio-map-line line-bottom-left\"><\/div>\n    <div class=\"fuusio-map-line line-bottom-right\"><\/div>\n\n  <\/div>\n\n\n  <!-- LIS\u00c4OSIOT -->\n\n  <div class=\"fuusio-extra-pages\">\n\n    <div class=\"fuusio-extra-label\">\n      TARVITTAESSA MUKAAN\n    <\/div>\n\n\n    <div class=\"fuusio-extra-list\">\n\n      <div>\n        <strong>Usein kysytyt kysymykset<\/strong>\n        <span>Poistaa ostop\u00e4\u00e4t\u00f6ksen esteit\u00e4<\/span>\n      <\/div>\n\n\n      <div>\n        <strong>Blogi &amp; oppaat<\/strong>\n        <span>Auttaa asiakkaita ja tukee Google-n\u00e4kyvyytt\u00e4<\/span>\n      <\/div>\n\n\n      <div>\n        <strong>Yhteydenotto \/ tarjouspyynt\u00f6<\/strong>\n        <span>Ohjaa k\u00e4vij\u00e4n seuraavaan vaiheeseen<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<!-- GOOGLE FONT: COMFORTAA -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\"\n  rel=\"stylesheet\"\n>\n\n\n<style>\n\n\/* ==============================\n   WRAPPER\n============================== *\/\n\n.fuusio-site-map {\n  width: 100%;\n  margin: 60px auto;\n  color: #111;\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n\n\/* ==============================\n   INTRO\n============================== *\/\n\n.fuusio-site-map-intro {\n  max-width: 680px;\n  margin-bottom: 45px;\n}\n\n.fuusio-site-map-intro span {\n  display: block;\n  margin-bottom: 12px;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .12em;\n\n  color: #777;\n}\n\n.fuusio-site-map-intro p {\n  margin: 0;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 17px;\n  font-weight: 400;\n  line-height: 1.6;\n\n  color: #555;\n}\n\n\n\/* ==============================\n   MAP\n============================== *\/\n\n.fuusio-map {\n  position: relative;\n\n  max-width: 900px;\n  min-height: 570px;\n\n  margin: 0 auto;\n\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n\n\/* ==============================\n   CENTER \/ ETUSIVU\n============================== *\/\n\n.fuusio-map-center {\n\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  display: flex;\n  align-items: flex-start;\n\n  gap: 18px;\n\n  width: 310px;\n\n  padding: 28px;\n\n  border-radius: 18px;\n\n  background: #111;\n  color: #fff;\n\n  box-shadow: 0 15px 45px rgba(0,0,0,.12);\n\n  z-index: 3;\n\n  box-sizing: border-box;\n\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n.fuusio-map-icon {\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 38px;\n\n  width: 38px;\n  height: 38px;\n\n  border-radius: 50%;\n\n  background: #fff;\n  color: #111;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 17px;\n}\n\n\n\/* ==============================\n   TITLES\n============================== *\/\n\n.fuusio-map-title {\n\n  margin: 0 0 8px;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.2;\n\n  color: #111;\n}\n\n.fuusio-map-center .fuusio-map-title {\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 25px;\n  font-weight: 700;\n\n  color: #fff;\n}\n\n\n\/* ==============================\n   CENTER TEXT\n============================== *\/\n\n.fuusio-map-center small {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .1em;\n\n  color: #aaa;\n}\n\n.fuusio-map-center p {\n\n  margin: 0;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.5;\n\n  color: #bbb;\n}\n\n\n\/* ==============================\n   ROWS\n============================== *\/\n\n.fuusio-map-row {\n\n  position: absolute;\n\n  display: flex;\n\n  gap: 20px;\n\n  width: 100%;\n}\n\n.fuusio-map-top {\n  top: 0;\n  left: 0;\n}\n\n.fuusio-map-bottom {\n  bottom: 0;\n  left: 0;\n}\n\n\n\/* ==============================\n   CARDS\n============================== *\/\n\n.fuusio-map-card {\n\n  width: 50%;\n\n  padding: 25px;\n\n  border: 1px solid #ddd;\n\n  border-radius: 15px;\n\n  background: #f7f7f4;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n\n  box-sizing: border-box;\n\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n.fuusio-map-card:hover {\n\n  transform: translateY(-4px);\n\n  background: #f1f1ed;\n\n  border-color: #c8c8c2;\n}\n\n\n\/* ==============================\n   CARD NUMBER\n============================== *\/\n\n.fuusio-map-card span {\n\n  display: block;\n\n  margin-bottom: 30px;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .1em;\n\n  color: #999;\n}\n\n\n\/* ==============================\n   CARD TEXT\n============================== *\/\n\n.fuusio-map-card p {\n\n  margin: 0;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.55;\n\n  color: #666;\n}\n\n\n\/* ==============================\n   CONNECTION LINES\n============================== *\/\n\n.fuusio-map-line {\n\n  position: absolute;\n\n  width: 1px;\n  height: 105px;\n\n  background: #d8d8d3;\n\n  left: 50%;\n\n  transform: translateX(-50%);\n\n  z-index: 1;\n}\n\n.line-top-left {\n  top: 135px;\n  transform: rotate(-48deg);\n}\n\n.line-top-right {\n  top: 135px;\n  transform: rotate(48deg);\n}\n\n.line-bottom-left {\n  bottom: 135px;\n  transform: rotate(48deg);\n}\n\n.line-bottom-right {\n  bottom: 135px;\n  transform: rotate(-48deg);\n}\n\n\n\/* ==============================\n   EXTRA PAGES\n============================== *\/\n\n.fuusio-extra-pages {\n\n  margin-top: 20px;\n\n  padding-top: 28px;\n\n  border-top: 1px solid #ddd;\n\n  font-family: \"Comfortaa\", sans-serif;\n}\n\n.fuusio-extra-label {\n\n  margin-bottom: 18px;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .12em;\n\n  color: #888;\n}\n\n.fuusio-extra-list {\n\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 20px;\n}\n\n.fuusio-extra-list div {\n\n  padding: 18px 0;\n\n  border-top: 1px solid #ddd;\n}\n\n.fuusio-extra-list strong {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.fuusio-extra-list span {\n\n  display: block;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.5;\n\n  color: #777;\n}\n\n\n\/* ==============================\n   TABLET\n============================== *\/\n\n@media (min-width: 768px) and (max-width: 1100px) {\n\n  .fuusio-map {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    min-height: auto;\n  }\n\n  .fuusio-map-center {\n    position: relative;\n\n    left: auto;\n    top: auto;\n\n    transform: none;\n\n    width: 100%;\n    box-sizing: border-box;\n\n    margin: 0;\n\n    align-self: stretch;\n  }\n\n  .fuusio-map-row {\n    position: relative;\n\n    top: auto;\n    bottom: auto;\n    left: auto;\n\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n    gap: 16px;\n  }\n\n  .fuusio-map-card {\n    width: 100%;\n    box-sizing: border-box;\n\n    padding: 28px;\n  }\n\n  .fuusio-map-line {\n    display: none;\n  }\n\n  .fuusio-extra-list {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n}\n\n\n\/* ==============================\n   MOBILE\n============================== *\/\n\n@media (max-width: 767px) {\n\n  .fuusio-site-map {\n    margin: 40px 0;\n  }\n\n\n  .fuusio-site-map-intro {\n    margin-bottom: 28px;\n  }\n\n\n  .fuusio-site-map-intro p {\n    font-size: 15px;\n  }\n\n\n  .fuusio-map {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 10px;\n\n    min-height: auto;\n\n  }\n\n\n  .fuusio-map-center {\n\n    position: relative;\n\n    left: auto;\n    top: auto;\n\n    transform: none;\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n    margin-bottom: 10px;\n\n  }\n\n\n  .fuusio-map-row {\n\n    position: relative;\n\n    top: auto;\n    bottom: auto;\n    left: auto;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 10px;\n\n  }\n\n\n  .fuusio-map-card {\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n    padding: 22px;\n\n  }\n\n\n  .fuusio-map-card span {\n\n    margin-bottom: 20px;\n\n  }\n\n\n  .fuusio-map-line {\n\n    display: none;\n\n  }\n\n\n  .fuusio-extra-list {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 0;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb3f5bd wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"fb3f5bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Mita_verkkosivujen_tekeminen_maksaa\"><\/span>Mit\u00e4 verkkosivujen tekeminen maksaa?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ab0bd5 elementor-widget elementor-widget-text-editor\" data-id=\"4ab0bd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verkkosivujen hinnassa voi olla suuri vaihteluv\u00e4li, koska eri yritysten tarpeet ja tavoitteet ovat hyvin erilaisia. Yksinkertaiset sivut, joiden tarkoituksena on esitell\u00e4 yrityksen perustiedot, palvelut ja yhteystiedot, voidaan toteuttaa melko pienell\u00e4 budjetilla. Laajempi verkkosivusto yritykselle, jonka tavoitteena on esimerkiksi kasvattaa hakukonen\u00e4kyvyytt\u00e4, tuottaa yhteydenottoja ja tukea myynti\u00e4, vaatii yleens\u00e4 enemm\u00e4n suunnittelua, sis\u00e4lt\u00f6\u00e4 ja teknist\u00e4 toteutusta. T\u00e4ll\u00f6in my\u00f6s kokonaiskustannus voi olla huomattavasti suurempi.<\/p><p>Hinta ei kuitenkaan muodostu pelk\u00e4st\u00e4\u00e4n sivujen m\u00e4\u00e4r\u00e4st\u00e4 tai siit\u00e4, milt\u00e4 sivusto n\u00e4ytt\u00e4\u00e4. Merkitt\u00e4v\u00e4 vaikutus on sill\u00e4, kuinka paljon suunnitteluun ja toteutukseen k\u00e4ytet\u00e4\u00e4n aikaa. Hintaan voivat vaikuttaa esimerkiksi sivuston rakenne, sis\u00e4lt\u00f6jen m\u00e4\u00e4r\u00e4 ja niiden tuottamiseen tarvittava ty\u00f6, tekniset ratkaisut, hakukoneoptimointi sek\u00e4 mahdolliset ulkopuoliset integraatiot. My\u00f6s se vaikuttaa, rakennetaanko sivusto valmiin mallin pohjalta vai suunnitellaanko sen rakenne ja ulkoasu tarkemmin yrityksen tarpeisiin.<\/p><p>Yrityksen verkkosivujen hintaa arvioitaessa kannattaa siksi tarkastella kokonaisuutta eik\u00e4 pelk\u00e4st\u00e4\u00e4n yksitt\u00e4ist\u00e4 hintalappua. Jos sivustolle asetetaan selkeit\u00e4 tavoitteita, kuten yhteydenottojen lis\u00e4\u00e4minen tai parempi l\u00f6ydett\u00e4vyys hakukoneissa, niiden saavuttaminen voi edellytt\u00e4\u00e4 enemm\u00e4n ty\u00f6t\u00e4 kuin pelkk\u00e4 visuaalisesti n\u00e4ytt\u00e4v\u00e4 sivusto. Olennaista onkin selvitt\u00e4\u00e4, mit\u00e4 tarjottu hinta sis\u00e4lt\u00e4\u00e4 ja mill\u00e4 tavalla verkkosivuston on tarkoitus palvella yrityksen tavoitteita my\u00f6s julkaisun j\u00e4lkeen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8298570 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"8298570\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Miksi_1_000_ja_10_000_euron_verkkosivustot_voivat_olla_taysin_eri_tuotteita\"><\/span>Miksi 1 000\u00a0ja\u00a010 000 euron\u00a0verkkosivustot voivat olla\u00a0t\u00e4ysin eri tuotteita?<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad1d8a elementor-widget elementor-widget-text-editor\" data-id=\"7ad1d8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"5\">Pelkk\u00e4 hinta ei kerro, onko verkkosivusto hyv\u00e4 tai huono. Kahden tarjouksen v\u00e4lill\u00e4 voi olla suuri hintaero, vaikka molemmissa luvataan esimerkiksi \u201cmodernit ja responsiiviset verkkosivut\u201d. Edullisemmassa toteutuksessa kyse voi olla valmiin pohjan muokkaamisesta yrityksen tarpeisiin. Kalliimmassa projektissa voidaan puolestaan suunnitella sivuston rakenne, k\u00e4ytt\u00e4j\u00e4polut, sis\u00e4lt\u00f6, visuaalinen ilme ja hakukonen\u00e4kyvyys huomattavasti perusteellisemmin. Siksi verkkosivuja ei kannata\u00a0vertailla pelk\u00e4n loppusumman\u00a0perusteella.\u00a0Oleellisempaa on verrata\u00a0sit\u00e4, mit\u00e4 rahalla\u00a0oikeasti saa.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"9\">Verkkosivutarjousta kannattaakin aina tarkastella kokonaisuutena. On hyv\u00e4 tiet\u00e4\u00e4, kuuluuko hintaan esimerkiksi sivuston suunnittelu, ulkoasu, tekninen toteutus, sis\u00e4ll\u00f6n sy\u00f6tt\u00e4minen, mobiiliversio, yhteydenottolomakkeet ja hakukoneoptimoinnin perusty\u00f6.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"10\">My\u00f6s sis\u00e4ll\u00f6t aiheuttavat usein ep\u00e4selvyyksi\u00e4. Kirjoittaako verkkosivujen toteuttaja tekstit vai toimittaako yritys ne itse? Ent\u00e4 kuvat? Sis\u00e4ltyv\u00e4tk\u00f6 mahdolliset kuvapankkikuvat hintaan? Mit\u00e4 tarkemmin tarjouksessa\u00a0kerrotaan ty\u00f6n sis\u00e4ll\u00f6st\u00e4, sit\u00e4 helpompi\u00a0eri vaihtoehtoja on\u00a0verrata kesken\u00e4\u00e4n.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3021582 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"3021582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Kertakustannukset_ja_jatkuvat_kustannukset\"><\/span>Kertakustannukset ja jatkuvat\u00a0kustannukset<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c438969 elementor-widget elementor-widget-text-editor\" data-id=\"c438969\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verkkosivujen perustamisen lis\u00e4ksi sivustosta voi synty\u00e4 jatkuvia kustannuksia, jotka on hyv\u00e4 huomioida jo projektin budjetointivaiheessa. N\u00e4it\u00e4 voivat olla esimerkiksi verkkotunnuksen ja webhotellin kustannukset, tekninen yll\u00e4pito, lis\u00e4osien tai muiden ohjelmistojen lisenssit sek\u00e4 sivuston p\u00e4ivitykset. Kustannusten m\u00e4\u00e4r\u00e4 riippuu muun muassa siit\u00e4, mill\u00e4 alustalla sivusto on toteutettu ja kuinka paljon sen yll\u00e4pito vaatii ty\u00f6t\u00e4. My\u00f6s se kannattaa selvitt\u00e4\u00e4 etuk\u00e4teen, mit\u00e4 palveluun kuuluu ja mist\u00e4 ty\u00f6st\u00e4 veloitetaan erikseen.<\/p><p>Tarjouksia vertaillessa ei siis kannata tarkastella ainoastaan verkkosivujen perustamishintaa. Halpa toteutus ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 ole pitk\u00e4ll\u00e4 aikav\u00e4lill\u00e4 edullisin vaihtoehto, jos yll\u00e4pidosta, p\u00e4ivityksist\u00e4 tai pienist\u00e4 muutoksista kertyy jatkuvasti korkeita kustannuksia. Vastaavasti hieman kalliimpi ratkaisu voi olla kokonaisuutena j\u00e4rkev\u00e4mpi, jos siihen sis\u00e4ltyy selke\u00e4 yll\u00e4pitomalli ja tavallisimmat p\u00e4ivitykset on huomioitu hinnassa.<\/p><p>Jatkuvat kustannukset eiv\u00e4t kuitenkaan itsess\u00e4\u00e4n tarkoita, ett\u00e4 verkkosivusto olisi kallis tai huonosti toteutettu. S\u00e4\u00e4nn\u00f6llinen yll\u00e4pito voi olla tarpeellinen osa sivuston elinkaarta. Ohjelmistojen p\u00e4ivitt\u00e4minen, teknisten ongelmien korjaaminen ja tietoturvasta huolehtiminen auttavat pit\u00e4m\u00e4\u00e4n sivuston toimintakunnossa my\u00f6s julkaisun j\u00e4lkeen. Olennaista on tiet\u00e4\u00e4 etuk\u00e4teen, mit\u00e4 jatkuviin kustannuksiin kuuluu, kuinka usein niit\u00e4 syntyy ja kuka vastaa k\u00e4yt\u00e4nn\u00f6n yll\u00e4pidosta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de13458 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"de13458\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Verkkosivut_ja_Google_%E2%80%93_miten_yritys_loytyy_hakukoneista\"><\/span>Verkkosivut ja Google \u2013 miten yritys l\u00f6ytyy hakukoneista?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13c09f4 elementor-widget elementor-widget-testimonial\" data-id=\"13c09f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Hienot verkkosivut eiv\u00e4t\u00a0itsess\u00e4\u00e4n tuo\u00a0sivustolle k\u00e4vij\u00f6it\u00e4. Jos\u00a0yrityksen verkkosivustoa\u00a0ei l\u00f6ydy silloin, kun\u00a0potentiaalinen asiakas\u00a0etsii yrityksen tarjoamaa\u00a0palvelua, hyv\u00e4kin sivusto j\u00e4\u00e4 helposti\u00a0n\u00e4kym\u00e4tt\u00f6m\u00e4ksi.\n\nGoogle-n\u00e4kyvyys kannattaa siksi huomioida jo verkkosivujen suunnitteluvaiheessa. Sivuston rakenne, sis\u00e4lt\u00f6 ja tekninen toteutus vaikuttavat kaikki siihen, miten hakukoneet ymm\u00e4rt\u00e4v\u00e4t sivustoa ja mille hauille sit\u00e4 voidaan n\u00e4ytt\u00e4\u00e4. Hyv\u00e4 l\u00e4ht\u00f6kohta onkin ajatella\u00a0asia n\u00e4in:\u00a0ensin asiakkaat pit\u00e4\u00e4\u00a0saada l\u00f6yt\u00e4m\u00e4\u00e4n sivustolle, ja sen j\u00e4lkeen\u00a0sivuston pit\u00e4\u00e4 saada\u00a0heid\u00e4t kiinnostumaan yrityksest\u00e4.<\/div>\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53dcfed elementor-widget elementor-widget-text-editor\" data-id=\"53dcfed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"6\">Asiakkaasi ei yleens\u00e4 etsi yrityst\u00e4 samalla tavalla kuin yritys itse kuvailee toimintaansa. H\u00e4n etsii ratkaisua omaan tarpeeseensa. Esimerkiksi putkiliikett\u00e4 etsiv\u00e4 asiakas voi hakea Googlesta <em>putkimies Oulu<\/em>,\u00a0<em>kylpyhuoneremontti Oulu<\/em>\u00a0tai\u00a0<em>viem\u00e4ri tukossa Oulu<\/em>. Yrityksen omalla verkkosivustolla\u00a0voidaan puolestaan puhua\u00a0paljon yleisemmin\u00a0esimerkiksi talotekniikasta\u00a0ja LVI-palveluista.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"8\">Siksi verkkosivuja suunniteltaessa kannattaa\u00a0mietti\u00e4,\u00a0millaisilla sanoilla ja\u00a0lauseilla potentiaalinen\u00a0asiakas oikeasti etsii\u00a0yrityksen palveluita. N\u00e4it\u00e4 hakuja voidaan sitten huomioida sivuston rakenteessa ja sis\u00e4ll\u00f6iss\u00e4 luonnollisesti. Tavoitteena ei ole\u00a0lis\u00e4t\u00e4 tekstiin mahdollisimman\u00a0paljon hakusanoja. Tavoitteena\u00a0on tehd\u00e4 sivustosta sellainen, ett\u00e4\u00a0se vastaa mahdollisimman\u00a0hyvin siihen, mit\u00e4\u00a0asiakas on oikeasti\u00a0etsim\u00e4ss\u00e4.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"11\">Jos yritys tarjoaa\u00a0useita erilaisia palveluita, niit\u00e4 ei yleens\u00e4\u00a0kannata esitell\u00e4 vain\u00a0yhdell\u00e4\u00a0pitk\u00e4ll\u00e4 palvelulistalla. Jokainen t\u00e4rke\u00e4 palvelu\u00a0voi ansaita oman\u00a0sivunsa, jolla kerrotaan tarkemmin, mit\u00e4 palvelu sis\u00e4lt\u00e4\u00e4, kenelle se sopii\u00a0ja miten palvelun kanssa edet\u00e4\u00e4n.<\/p><p class=\"x1yc453h xma8rkl xgoqxah xutxfr x1fie51u xgyxj25 x1xobyvs x1elgs31 x1fv8qjw xcy5tzr x1ht4adc xnvauns x1c2l018 x14l7nz5 xuw7688 x1pjt2rx x160d6zm xrxpjvj\" dir=\"ltr\" data-assistant-stream-block=\"\" data-assistant-stream-block-index=\"12\">Palvelusivu palvelee samalla sek\u00e4 asiakasta ett\u00e4 Googlea. Asiakas saa yhden paikan, josta l\u00f6ytyy kaikki tiettyyn palveluun liittyv\u00e4 olennainen tieto, ja hakukoneelle on selke\u00e4mp\u00e4\u00e4, mist\u00e4 kyseinen sivu kertoo. Esimerkiksi remonttialan\u00a0yrityksell\u00e4 voi olla\u00a0erilliset sivut kylpyhuoneremonteille, keitti\u00f6remonteille ja\u00a0julkisivuremonteille. N\u00e4in jokainen\u00a0sivu voi vastata\u00a0juuri kyseiseen palveluun\u00a0liittyviin asiakkaan kysymyksiin\u00a0ja hakuihin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8565d82 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"8565d82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Verkkosivujen_tekninen_toteutus_%E2%80%93_mita_yrityksen_pitaa_tietaa\"><\/span>Verkkosivujen tekninen toteutus \u2013 mit\u00e4 yrityksen pit\u00e4\u00e4 tiet\u00e4\u00e4?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9f6599 elementor-widget elementor-widget-text-editor\" data-id=\"b9f6599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Kun verkkosivujen ulkoasu ja sis\u00e4lt\u00f6 ovat kunnossa, my\u00f6s teknisill\u00e4 ratkaisuilla on merkityst\u00e4 sivuston toimivuuden ja pitk\u00e4ik\u00e4isyyden kannalta. Ostajan ei tarvitse osata itse toteuttaa teknisi\u00e4 ratkaisuja, mutta niiden perusteet kannattaa ymm\u00e4rt\u00e4\u00e4 ennen verkkosivuprojektin aloittamista. N\u00e4in on helpompi arvioida eri toteutustapoja, vertailla tarjouksia ja varmistaa, ett\u00e4 sivusto palvelee yrityksen tarpeita my\u00f6s my\u00f6hemmin.<\/p><p>Alustan lis\u00e4ksi on hyv\u00e4 selvitt\u00e4\u00e4, miten sivuston nopeus ja mobiilitoimivuus on huomioitu. Sivuston pit\u00e4isi latautua sujuvasti eri laitteilla ja toimia my\u00f6s pienell\u00e4 n\u00e4yt\u00f6ll\u00e4 ilman, ett\u00e4 sis\u00e4lt\u00f6\u00e4 tai toimintoja on hankala k\u00e4ytt\u00e4\u00e4. Tekniseen kokonaisuuteen liittyy my\u00f6s tietoturva: esimerkiksi ohjelmistojen ja lis\u00e4osien p\u00e4ivitt\u00e4minen sek\u00e4 varmuuskopioiden toteuttaminen ovat asioita, joiden vastuista on hyv\u00e4 sopia etuk\u00e4teen.<\/p><p>My\u00f6s verkkosivujen omistajuus kannattaa selvitt\u00e4\u00e4 ennen projektin k\u00e4ynnist\u00e4mist\u00e4. On hyv\u00e4 tiet\u00e4\u00e4, kenen nimiss\u00e4 verkkotunnus, palvelintila, sivuston yll\u00e4pitoon liittyv\u00e4t tunnukset ja itse sivuston aineistot ovat. Samalla kannattaa sopia siit\u00e4, kuka vastaa sivuston teknisest\u00e4 yll\u00e4pidosta ja p\u00e4ivityksist\u00e4 julkaisun j\u00e4lkeen. Kun n\u00e4m\u00e4 asiat on m\u00e4\u00e4ritelty jo alussa, sivuston hallinta ei j\u00e4\u00e4 ep\u00e4selv\u00e4ksi projektin p\u00e4\u00e4tytty\u00e4.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a77313 elementor-widget elementor-widget-html\" data-id=\"9a77313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fuusio-tech-slider\">\n\n  <div class=\"fuusio-tech-header\">\n    <span>TEKNINEN TOTEUTUS<\/span>\n\n    <div class=\"fuusio-tech-arrows\">\n      <button class=\"fuusio-tech-prev\" aria-label=\"Edellinen\">\u2190<\/button>\n      <button class=\"fuusio-tech-next\" aria-label=\"Seuraava\">\u2192<\/button>\n    <\/div>\n  <\/div>\n\n\n  <div class=\"fuusio-tech-track\">\n\n    <!-- 01 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">01<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Mill\u00e4 alustalla verkkosivut kannattaa tehd\u00e4?\n        <\/div>\n\n        <p>\n          Alustan valinta kannattaa tehd\u00e4 tarpeen, ei trendien perusteella.\n          Pienelle yritykselle t\u00e4rkeint\u00e4 on, ett\u00e4 sivusto on helppo yll\u00e4pit\u00e4\u00e4,\n          laajentaa ja tarvittaessa siirt\u00e4\u00e4 toiselle tekij\u00e4lle.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">ALUSTA<\/div>\n\n    <\/div>\n\n\n    <!-- 02 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">02<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          WordPress ja muut julkaisuj\u00e4rjestelm\u00e4t\n        <\/div>\n\n        <p>\n          WordPress on yksi yleisimmist\u00e4 vaihtoehdoista, mutta se ei ole\n          automaattisesti paras ratkaisu kaikille. Olennaista on, ett\u00e4\n          j\u00e4rjestelm\u00e4 palvelee yrityksen tarpeita my\u00f6s tulevaisuudessa.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">JULKAISUJ\u00c4RJESTELM\u00c4<\/div>\n\n    <\/div>\n\n\n    <!-- 03 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">03<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Responsiivisuus eli mobiilitoimivuus\n        <\/div>\n\n        <p>\n          Suuri osa verkkosivujen k\u00e4vij\u00f6ist\u00e4 k\u00e4ytt\u00e4\u00e4 puhelinta. Sivuston pit\u00e4\u00e4\n          mukautua eri n\u00e4ytt\u00f6kokoihin ja olla helppo k\u00e4ytt\u00e4\u00e4 my\u00f6s pienell\u00e4\n          ruudulla.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">MOBIILI<\/div>\n\n    <\/div>\n\n\n    <!-- 04 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">04<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Nopeus ja tekninen suorituskyky\n        <\/div>\n\n        <p>\n          Hidas sivusto heikent\u00e4\u00e4 k\u00e4ytt\u00f6kokemusta ja voi vaikuttaa my\u00f6s\n          hakukonen\u00e4kyvyyteen. Kuvien, koodin, palvelimen ja muiden teknisten\n          ratkaisujen pit\u00e4\u00e4 olla kunnossa.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">SUORITUSKYKY<\/div>\n\n    <\/div>\n\n\n    <!-- 05 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">05<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Tietoturva ja p\u00e4ivitykset\n        <\/div>\n\n        <p>\n          Verkkosivusto tarvitsee s\u00e4\u00e4nn\u00f6llisi\u00e4 p\u00e4ivityksi\u00e4 ja huolenpitoa.\n          Erityisesti WordPress-sivustoissa alustan, lis\u00e4osien ja teemojen\n          pit\u00e4minen ajan tasalla on t\u00e4rke\u00e4 osa tietoturvaa.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">TIETOTURVA<\/div>\n\n    <\/div>\n\n\n    <!-- 06 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">06<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Verkkotunnus ja webhotelli\n        <\/div>\n\n        <p>\n          Verkkotunnus on yrityksen osoite verkossa ja webhotelli tarjoaa\n          sivustolle teknisen kodin. On hyv\u00e4 tiet\u00e4\u00e4, kuka n\u00e4it\u00e4 hallinnoi,\n          kuka ne omistaa ja mit\u00e4 niist\u00e4 maksetaan vuosittain.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">INFRASTRUKTUURI<\/div>\n\n    <\/div>\n\n\n    <!-- 07 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">07<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Kuka omistaa sivuston ja tunnukset?\n        <\/div>\n\n        <p>\n          Yrityksell\u00e4 pit\u00e4isi olla p\u00e4\u00e4sy omaan verkkotunnukseensa, hostingiin\n          ja verkkosivuston hallintaan. Sivustoa ei kannata rakentaa niin,\n          ett\u00e4 kaikki on yhden ulkopuolisen toimijan hallussa.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">OMISTAJUUS<\/div>\n\n    <\/div>\n\n\n    <!-- 08 -->\n    <div class=\"fuusio-tech-card\">\n\n      <div class=\"fuusio-tech-number\">08<\/div>\n\n      <div class=\"fuusio-tech-content\">\n\n        <div class=\"fuusio-tech-title\">\n          Yll\u00e4pito projektin j\u00e4lkeen\n        <\/div>\n\n        <p>\n          Verkkosivujen julkaisu ei tarkoita, ett\u00e4 projekti on ikuisesti valmis.\n          Sis\u00e4lt\u00f6j\u00e4, tekniikkaa ja tietoturvaa pit\u00e4\u00e4 yll\u00e4pit\u00e4\u00e4, ja yrityksen\n          tarpeiden muuttuessa my\u00f6s sivustoa kannattaa kehitt\u00e4\u00e4.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fuusio-tech-tag\">YLL\u00c4PITO<\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <div class=\"fuusio-tech-progress\">\n    <div class=\"fuusio-tech-progress-bar\"><\/div>\n  <\/div>\n\n<\/div>\n\n\n<!-- GOOGLE FONT: COMFORTAA -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\"\n  rel=\"stylesheet\"\n>\n\n\n<style>\n\n\/* ==============================\n   WRAPPER\n============================== *\/\n\n.fuusio-tech-slider {\n\n  width: 100%;\n  margin: 55px 0;\n\n  font-family: \"Comfortaa\", sans-serif;\n\n}\n\n\n\/* ==============================\n   HEADER\n============================== *\/\n\n.fuusio-tech-header {\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  margin-bottom: 22px;\n\n  font-family: \"Comfortaa\", sans-serif;\n\n}\n\n\n.fuusio-tech-header > span {\n\n  font-family: \"Comfortaa\", sans-serif;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: .12em;\n\n  color: #777;\n\n}\n\n\n\/* ==============================\n   ARROWS\n============================== *\/\n\n.fuusio-tech-arrows {\n\n  display: flex;\n  gap: 7px;\n\n}\n\n\n.fuusio-tech-arrows button {\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 38px;\n  height: 38px;\n\n  padding: 0;\n\n  border: 1px solid #d8d8d3;\n  border-radius: 50%;\n\n  background: transparent;\n  color: #111;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 15px;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    color .2s ease,\n    border-color .2s ease;\n\n}\n\n\n.fuusio-tech-arrows button:hover {\n\n  background: #111;\n  border-color: #111;\n  color: #fff;\n\n}\n\n\n\/* ==============================\n   TRACK\n============================== *\/\n\n.fuusio-tech-track {\n\n  display: flex;\n\n  gap: 15px;\n\n  overflow-x: auto;\n\n  scroll-snap-type: x mandatory;\n\n  scrollbar-width: none;\n\n  -webkit-overflow-scrolling: touch;\n\n  padding-bottom: 5px;\n\n}\n\n\n.fuusio-tech-track::-webkit-scrollbar {\n\n  display: none;\n\n}\n\n\n\/* ==============================\n   CARD\n============================== *\/\n\n.fuusio-tech-card {\n\n  position: relative;\n\n  flex: 0 0 calc((100% - 30px) \/ 3);\n\n  min-height: 365px;\n\n  box-sizing: border-box;\n\n  padding: 27px;\n\n  border: 1px solid #deded9;\n\n  border-radius: 17px;\n\n  background: #f7f7f4;\n\n  scroll-snap-align: start;\n\n  display: flex;\n  flex-direction: column;\n\n  font-family: \"Comfortaa\", sans-serif;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease;\n\n}\n\n\n.fuusio-tech-card:hover {\n\n  transform: translateY(-4px);\n\n  background: #f1f1ed;\n\n  border-color: #c9c9c3;\n\n}\n\n\n\/* ==============================\n   NUMBER\n============================== *\/\n\n.fuusio-tech-number {\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 35px;\n  height: 35px;\n\n  margin-bottom: 45px;\n\n  border-radius: 50%;\n\n  background: #111;\n  color: #fff;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n\n}\n\n\n\/* ==============================\n   CONTENT\n============================== *\/\n\n.fuusio-tech-content {\n\n  flex: 1;\n\n  font-family: \"Comfortaa\", sans-serif;\n\n}\n\n\n.fuusio-tech-title {\n\n  margin-bottom: 13px;\n\n  color: #111;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 20px;\n  font-weight: 600;\n\n  line-height: 1.2;\n\n  letter-spacing: -.015em;\n\n}\n\n\n.fuusio-tech-content p {\n\n  margin: 0;\n\n  color: #62625d;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 13px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* ==============================\n   TAG\n============================== *\/\n\n.fuusio-tech-tag {\n\n  padding-top: 17px;\n\n  border-top: 1px solid #ddd;\n\n  color: #999;\n\n  font-family: \"Comfortaa\", sans-serif;\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: .12em;\n\n}\n\n\n\/* ==============================\n   PROGRESS\n============================== *\/\n\n.fuusio-tech-progress {\n\n  width: 100%;\n  height: 2px;\n\n  margin-top: 18px;\n\n  overflow: hidden;\n\n  border-radius: 2px;\n\n  background: #e2e2dd;\n\n}\n\n\n.fuusio-tech-progress-bar {\n\n  width: 37.5%;\n  height: 100%;\n\n  border-radius: 2px;\n\n  background: #111;\n\n  transition: transform .3s ease;\n\n}\n\n\n\/* ==============================\n   TABLET\n============================== *\/\n\n@media (min-width: 768px) and (max-width: 1100px) {\n\n  .fuusio-tech-track {\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 16px;\n\n    overflow: visible;\n\n  }\n\n\n  .fuusio-tech-card {\n\n    flex: none;\n\n    width: 100%;\n\n    min-height: 0;\n    height: auto;\n\n    box-sizing: border-box;\n\n    padding: 30px;\n\n    scroll-snap-align: none;\n\n  }\n\n\n  .fuusio-tech-card:hover {\n\n    transform: translateY(-2px);\n\n  }\n\n\n  .fuusio-tech-number {\n\n    margin-bottom: 30px;\n\n  }\n\n\n  .fuusio-tech-title {\n\n    font-size: 22px;\n\n  }\n\n\n  .fuusio-tech-content p {\n\n    max-width: 800px;\n\n    font-size: 14px;\n\n    line-height: 1.65;\n\n  }\n\n\n  .fuusio-tech-tag {\n\n    margin-top: 25px;\n\n  }\n\n\n  \/* Tabletilla ei tarvita nuolia *\/\n\n  .fuusio-tech-arrows {\n\n    display: none;\n\n  }\n\n\n  \/* Eik\u00e4 sliderin progress-palkkia *\/\n\n  .fuusio-tech-progress {\n\n    display: none;\n\n  }\n\n}\n\n\n\/* ==============================\n   MOBILE\n============================== *\/\n\n@media (max-width: 767px) {\n\n  .fuusio-tech-slider {\n\n    margin: 40px 0;\n\n  }\n\n\n  .fuusio-tech-card {\n\n    flex: 0 0 87%;\n\n    min-height: 385px;\n\n    padding: 25px;\n\n    border-radius: 15px;\n\n  }\n\n\n  .fuusio-tech-card:hover {\n\n    transform: none;\n\n  }\n\n\n  .fuusio-tech-number {\n\n    margin-bottom: 38px;\n\n  }\n\n\n  .fuusio-tech-title {\n\n    font-size: 21px;\n\n  }\n\n\n  .fuusio-tech-content p {\n\n    font-size: 14px;\n\n  }\n\n}\n\n\n\/* ==============================\n   SMALL MOBILE\n============================== *\/\n\n@media (max-width: 400px) {\n\n  .fuusio-tech-card {\n\n    flex-basis: 91%;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function() {\n\n  const slider = document.querySelector('.fuusio-tech-slider');\n\n  if (!slider) return;\n\n  const track = slider.querySelector('.fuusio-tech-track');\n\n  const cards = slider.querySelectorAll('.fuusio-tech-card');\n\n  const prev = slider.querySelector('.fuusio-tech-prev');\n  const next = slider.querySelector('.fuusio-tech-next');\n\n  const progressBar =\n    slider.querySelector('.fuusio-tech-progress-bar');\n\n\n  function getCurrentIndex() {\n\n    const scrollLeft = track.scrollLeft;\n\n    let closestIndex = 0;\n    let closestDistance = Infinity;\n\n\n    cards.forEach(function(card, index) {\n\n      const distance = Math.abs(\n        card.offsetLeft - scrollLeft\n      );\n\n\n      if (distance < closestDistance) {\n\n        closestDistance = distance;\n        closestIndex = index;\n\n      }\n\n    });\n\n\n    return closestIndex;\n\n  }\n\n\n  function goTo(index) {\n\n    if (index < 0) {\n\n      index = cards.length - 1;\n\n    }\n\n\n    if (index >= cards.length) {\n\n      index = 0;\n\n    }\n\n\n    cards[index].scrollIntoView({\n\n      behavior: 'smooth',\n      block: 'nearest',\n      inline: 'start'\n\n    });\n\n  }\n\n\n  function updateProgress() {\n\n    const index = getCurrentIndex();\n\n    const maxIndex = cards.length - 1;\n\n    const percentage =\n      (index \/ maxIndex) * 100;\n\n\n    progressBar.style.width =\n      (100 \/ cards.length) + '%';\n\n\n    progressBar.style.transform =\n      'translateX(' +\n      (index * 100) +\n      '%)';\n\n  }\n\n\n  prev.addEventListener('click', function() {\n\n    goTo(getCurrentIndex() - 1);\n\n  });\n\n\n  next.addEventListener('click', function() {\n\n    goTo(getCurrentIndex() + 1);\n\n  });\n\n\n  track.addEventListener(\n    'scroll',\n    updateProgress,\n    { passive: true }\n  );\n\n\n  updateProgress();\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ed8104 e-flex e-con-boxed e-con e-parent\" data-id=\"3ed8104\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4fa44a elementor-widget elementor-widget-spacer\" data-id=\"c4fa44a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9f4de0 yhteys e-flex e-con-boxed e-con e-parent\" data-id=\"c9f4de0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-83418dc e-con-full e-flex e-con e-child\" data-id=\"83418dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-split-settings=\"{&quot;type&quot;:&quot;chars&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\" class=\"elementor-element elementor-element-b7691cc wavo-stroke wavo-has-stroke-yes wavo-has-stroke-type stroke-type-part wavo-headig-split heading-has-split-yes wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"b7691cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Pyyda_tarjous_verkkosivuista\"><\/span>Pyyd\u00e4 tarjous verkkosivuista\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eecda2 elementor-widget elementor-widget-text-editor\" data-id=\"5eecda2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>J\u00e4t\u00e4 yhteystietosi, niin otamme yhteytt\u00e4 ja ehdotamme tarpeeseesi sopivaa toteutusta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0247782 e-con-full e-flex e-con e-child\" data-id=\"0247782\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9332a7c elementor-widget elementor-widget-wavo-contact-form-7\" data-id=\"9332a7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wavo-contact-form-7.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"nt-cf7-form-wrapper form_9332a7c\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1965-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1965\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/9696#wpcf7-f1965-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1965\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1965-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact\">\n\t<div class=\"form\">\n\t\t<div class=\"controls\">\n\t\t\t<div style=\"display:flex !important; width:100% !important; gap:20px !important;\">\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"text-906\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nimi\" value=\"\" type=\"text\" name=\"text-906\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"company-123\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Yritys\" value=\"\" type=\"text\" name=\"company-123\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div style=\"display:flex !important; width:100% !important; gap:20px !important;\">\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-51\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email-51\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"tel-8\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Puhelin\" value=\"\" type=\"tel\" name=\"tel-8\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label for=\"palvelu\">Mist\u00e4 palvelusta olet kiinnostunut?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"palvelu\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"palvelu\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Palvelu\" value=\"\" type=\"text\" name=\"palvelu\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><button type=\"submit\" class=\"btn-curve btn-blc wpcf7-submit\"><br \/>\n<span>L\u00e4het\u00e4<\/span><br \/>\n<\/button>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Verkkosivut yritykselle &#8211; Ostajan opas Verkkosivut yritykselle &#8211; Ostajan opas auttaa sinua tekem\u00e4\u00e4n fiksuja valintoja verkkosivuprojektissa. Saat k\u00e4yt\u00e4nn\u00f6n vinkit sopivan toteutustavan, rakenteen ja budjetin valintaan. Verkkosivut yritykselle &#8211; Ostajan opas \u2013 Mist\u00e4 t\u00e4ss\u00e4 oikeastaan on kyse? Etsitk\u00f6 yrityksellesi verkkosivuja, kotisivuja tai nettisivuja? K\u00e4yt\u00e4nn\u00f6ss\u00e4 puhumme samasta asiasta: yrityksen omasta verkkosivustosta. T\u00e4m\u00e4 verkkosivut yritykselle &#8211; ostajan opas&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wavo-elementor-page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9696","page","type-page","status-publish","hentry","nt-post-class","","thumb-none","excerpt-none"],"acf":[],"_links":{"self":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages\/9696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/comments?post=9696"}],"version-history":[{"count":20,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages\/9696\/revisions"}],"predecessor-version":[{"id":9939,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages\/9696\/revisions\/9939"}],"wp:attachment":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/media?parent=9696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}