The post Kotisivujen suunnittelu vinkkejä – Etusivun rakenne appeared first on Click NetHosting Oy.
]]>Etusivu antaa ensivaikutelman verkkosivustostasi ja brändistäsi. Siksi on tärkeää, että sen antaa ammattimaisen kuvan. Sen pitäisi olla yhtäaikaa tyylikäs, selkeä, helppokäyttää ja houkutella vierailija tekemään halutun toimenpiteen. Olen kerännyt tähän oppaaseen vinkkejä hyvästä kotisivusta opitun ja oman kokemuksen perusteella.
Logo
Yleisin ja totutuin paikka logolle on vasemmassa yläkulmassa. Logo on myös linkki etusivulle.
Navigointi
Navigointi (valikko) olisi hyvä olla oikeassa yläkulmassa logon vieressä tai heti logon alla. Valikossa olisi hyvä korostaa aktiivinen sivu joko erivärisellä taustalla / fontilla tai vaikkapa alleviivauksella. Sivun nimen tulisi olla lyhyt ja ytimekäs ja sen pitäisi kuvata mahdollisimman hyvin kyseisen sivun sisältöä.
Hakukenttä
Hakutoiminto on kätevä tapa löytää nopeasti etsittävää sisältöä. Se ei ole pakollinen etusivulle, mutta suositeltava jos sinulla paljon sisältöä. Hyvä hakukentän paikka on oikeassa yläkulmassa ja sen pitäisi olla selvästi näkyvillä.
Yhteystiedot
Puhelinnumeron laittaminen jokaisen sivun yläosaan tekee yhteydenoton helpoksi. Sen lisäksi täydelliset yhteystiedot olisi hyvä laittaa alatunnisteeseen.
Otsikko - Mitä?
Sivun otsikon pitää olla selvä ja kertoa vierailijalle välittömästi mitä teet. Se on tärkeä, koska se vahvistaa vierailijalle, että hän on oikealla sivulla ja minkä ongelman ratkaiset.
Video
Video on houkuttelevin media ja tehokas tapa luoda luottamusta. Lyhyt video, joka esittelee tuotteitasi/palvelujasi, voi tehdä suuren vaikutuksen ja luoda läheisemmän yhteyden.
Hyödyt - Miksi?
Mitä tuotteessasi/palvelussasi on sellaista mikä hyödyttää asiakasta? Miksi se on parempi kuin kilpaileva? Minkä ongelman tuotteesi ratkaisee?
TUOTTEESI / PALVELUSI
Esittele (pää) tuotteesi/palvelusi lyhyesti. Käytä aitoja tuotekuvia jos mahdollista. Etusivulla esitellään lyhyesti vain tärkeimmät ominaisuudet.
Suositukset
Suositukset siitä, että toiset ihmiset ovat tyytyväisiä tuotteisiisi / palveluihisi, lisäävät luottamusta. Ne ovat hyvä signaali, että yrityksesi on luotettava ja hyvämaineinen.
Kumppanit
Kommunikoimalla yhteistyökumppaneiden ja partnereiden logot (nimet) lisäät myös luotettavuutta.
TOIMINTAKEHOITE - CTA (call to action)
Verkkosivusi tarkoitus on saada vierailija tekemään jotakin, esimerkiksi tilaamaan uutiskirjeen tai ottamaan yhteyttä. Sijoita CTA näkyvästi, mahdollisesti jopa etusivun yläosaan. Pidä lomakkeesi mahdollisimman yksinkertaisina ja vaadi mahdollisimman vähän tietoja (minimissään vain nimi ja sähköpostiosoite).
KUKA? KUVAT TIIMISTÄ
Ihmiseltä ihmiselle! Kuvat tiimistäsi kertovat, että organisastionne muodostuu ihmisistä. Alentaa kynnystä ottaa yhteyttä ja edelleen lisää luottamusta.
SOME / BLOGI
Mikäli olette aktiivisia SOMEssa tai omassa BLOGIssa niin se kannattaa tuoda näkyviin myös etusivulle.
Alatunniste
Hyödynnä alatunniste! Alatunnisteessa on hyvä olla ensisijainen navigointivalikko, yhteystiedot ja linkit esimerkiksi sosoaalisen median profiileihin (FaceBook, Instagram, Google Business, …).
Asettelu / Typografia
Pidä virkkeet ja kappaleet lyhyinä, maksimissaan 3-5 virkettä kappaleeseen. Hyödynnä otsikoita, listoja ja taulukoita. Esitä monimutkaisia asioita mieluummin visuaalisesti (kaaviot, ikonit, diagrammit) kuin pitkillä kappaleilla. Suosittelen tekstissä fontin minimi kooksi 14pt ja rivin korkeus 1,5. Sans serif (Arial) fontit ovat helpompia lukea näytöllä kuin Serif (Times New Roman) fontit. Fonteilla luot persoonallisuutta ja niistä löytyy netistä paljon materiaalia. Google Fontteja on laaja valikoima ja ne ovat ilmaisia.
Tyhjä tila / White space
Käytä reilusti tyhjää tilaa! Se selkeyttää ja keventää sivua ja lisää luettavuutta.
Värit
Värien valinta on haasteellista, siihenkin löytyy valtavasti oppaita netistä. Värit tulisi valita siten, että ne sopii brändiin ja kuvastaa niitä tunteita mitä haluamme sivuston antaa vierailijoille. Sopiva värien määrä on 2-4; yksi pääväri, 1-2 lisä/korostusväriä ja taustaväri. Kun pääväri on valittu, Adobe Color CC on hyvä työkalu lisävärien valintaan.
Asiakas on helppo tavoittaa internetissä, mutta myöskin helppo menettää huonosti suunnitelluilla kotisivuilla. Kilpailija on vain yhden klikkauksen päässä!
Tarjoamme laadukkaita kotisivujen suunnittelu- ja toteutuspalveluita ammattitaidolla, lue lisää edullisista kotisivuratkaisuistamme VERKKOSIVUT -sivultamme. Yrityksen kotisivuissa ei kannata säästää tee-se-itse periaatteella, koska ilman kokemusta käytät siihen moninkertaisen ajan verrattuna ammattilaiseen. Toteutamme verkkosivusi kustannustehokkaasti ja sinä pääset keskittymään omaan liiketoimintaasi!
Toivottavasti löysit jotain hyödyllistä ja uutta tästä oppaasta.
Keväisin terveisin, Mika
The post Kotisivujen suunnittelu vinkkejä – Etusivun rakenne appeared first on Click NetHosting Oy.
]]>The post Miten nopeuttaa WordPress -sivustoa? appeared first on Click NetHosting Oy.
]]>Hidas WordPress -sivusto? Kolme helppoa tapaa nopeuttaa WordPress –sivustoasi!
Onko WordPress -sivustosi hidas? Sivuston latautumisnopeus on tärkeä sekä sivuston käyttäjille että hakukoneille. Käyttäjät viihtyvät sivustolla pidempään, jos sivusto toimii nopeasti. Jos taas sivuston latautuminen on hidasta, käyttäjät poistuvat sivustolta jo ennen ensimmäisen sivun latautumista eli välitön poistuminen prosenteissa on suuri. Tätä voi mitata esimerkiksi Google Analyticsin avulla. Hakukoneet myös arvostaa käyttäjäkokemusta, jossa sivuston latautumisnopeus on yksi tärkeä tekijä. Tämä tarkoittaa sitä, että hakutuloksissa painotetaan sivuston nopeutta eli nopeampi sivusto on korkeammalla hakutuloksissa jos ne muuten ovat saman arvoiset.
Miten nopeuttaa WordPress -sivustoa? WordPress -sivuston nopeuttamiseen on lukemattomia keinoja, mutta esitän tässä kolme helppoa tapaa, joilla sivustoa voi nopeuttaa merkittävästi. Ne ovat Cache –lisäosan asentaminen, kuvien optimointi ja tarpeettomien lisäosien poistaminen (ja hitaiden korvaaminen).
WordPress –sivuston nopeus on hyvä mitata ennen muutoksia ja tehdyn muutoksen jälkeen, jotta on tietää miten tehdyt muutokset vaikuttivat. Siksi esittelen ensin muutaman työkalun sivuston nopeuden mittaamiseen ja analysointiin.
Nopeustesti WordPress -sivustolle
Sivuston nopeus on hyvä mitata aina ennen ja jälkeen muutoksien, koska siten tiedetään niiden vaikutus. GTmetrix on hyvä ja helppokäyttöinen työkalu, sillä voi mitata sivun nopeutta ja se myös ehdottaa parannustoimenpiteitä. Toinen vastaava työkalu on Googlen PageSpeed Insights, se kertoo myös sivun mobiliyhteensopivuudesta. Kannattaa käyttää molempia työkaluja yhtäaikaa, alla kuvankaappaukset molemmista.
Asenna Cache –lisäosa
Cache –lisäosa tekee sivusta staattisen html –tiedoston, jota käytetään sen sijaan, että sivu generoitaisiin joka kerta uudelleen PHP:llä ja tietokantakyselyillä, jotka taas kuormittaa palvelinta. Tämä voi nopeuttaa sivustojen latausta moninkertaisesti.
Yksi hyvä ja helppokäyttöinen Cache –lisäosa on WP Fastest Cache. Jo ilmainen versio parantaa sivuston nopeutta merkittävästi. Alla suosittelemani asetukset ilmaisversioon, muuta ei tarvitse tehdä (asenna ja aktivoi lisäosa, tallenna asetukset).
Tulokset ennen WP Fastest Cache asennusta ja sen jälkeen, katso PageSpeed Scorea (vasen ylänurkka).
Optimoi kuvat
Kuvat voidaan optimoida kolmella tavalla: pakkaamalla (Optimize images), skaalaamalla ne oikean kokoisiksi (Serve scaled images) ja määrittelemällä kuvien koko (Specify image dimensions). Kun tarkistat sivun GTmetrix:llä, näet parannusehdotukset.
Kuvien pakkaus (Optimize images)
GTmetrix näyttää mitkä kuvat kannattaa pakata ja paljonko sillä säästää, olen saanut paljon parempiakin säästöjä mitä GTmatrix näyttää. Hyvä ja ilmainen kuvien pakkausohjelma on esimerkiksi FileOptimizer. Alla olevassa esimerkissä GTmetrixin Grade parani 88 -> 99 ja toi 23kB säästön.
Kuvien skaalaus oikean kokoisiksi (Serve scaled images)
Kuvien skaalaus kannattaa tehdä aina ennenkuin sijoittaa kuvat sivulle. GTmetrix näyttää jo olemassa olevalta sivulta mitkä kuvat kannattaa muuttaa ja paljonko sillä säästää. Hyvä ja ilmainen kuvien skaalausohjelma on esimerkiksi Caesium. Alla olevassa esimerkissä GTmetrixin Grade parani 96 -> 100.
Kuvien koon määritys (Specify image dimensions)
Määrittele kuvien koko (leveys, korkeus) html tai css koodissa. Samalla tavalla kuin edellisessä esimerkissä GTmetrix näyttää miltä kuvilta määritys puuttuu.
Poista tarpeettomat lisäosat
Poista tarpeettomat lisäosat, kuten Hello Dolly ja WP Importer. SOME (Twitter, Face, …) lisäosat kannattaa vaihtaa vimpaimiin. P3 lisäosalla voit analysoida mitkä lisäosat ovat hitaimpia. P3:n aktivoinnin jälkeen valitse Scan Now > Start Scan > Auto Scan ja lopuksi View Results. Tulosten saatuasi voit etsiä ja korvata hitaat lisäosat nopeammilla ja poistaa tarpeettomat. P3 kannattaa ajaa aina uuden lisäosan käyttöönoton jälkeen. Poista lopuksi myös P3, voit aina asentaa sen uudelleen.
The post Miten nopeuttaa WordPress -sivustoa? appeared first on Click NetHosting Oy.
]]>The post Laadukas webhotelli + kotisivueditori appeared first on Click NetHosting Oy.
]]>Nyt kaikissa webhotelleissamme on SitePad -kotisivueditori!
Rakenna ja julkaise ammattimaisia verkkosivustoja helppokäyttöisen SitePad -kotisivueditorin avulla. SitePadissä on 293 valmista teemaa, jotka kattavat laajan valikoiman kategorioita, kuten blogi, yritykset, portfolio, ravintolat, matkailu ja paljon muuta. Kaikki teemat ovat responsiivisia eli ne ovat yhteensopivia eri kokoisilla laitteilla. 40+ widgettiä, kuten image / video slider, kuvagalleria, rich text, video, ääni, Google Maps, yhteydenottolomake, sosiaalinen media ja paljon muuta, joiden avulla voit rakentaa verkkosivustosi. Valitse vain teema, muokkaa sisältö lisäämällä tekstiä, kuvia, videoita ja klikkaa Julkaise. Helppoa! Lue lisää ominaisuuksista osoitteessa www.sitepad.com.
Webhotellimme ovat erittäin kilpailukykyisiä verrattuna useimpiin kilpailijoihin, esimerkkinä suurempi levytila ja kuukausittainen liikennemäärä sekä ylivoimainen Softaculous -asentaja, jossa yli 300 sovellusta mm. WordPress! Ja lisäksi hintaan sisältyy esimerkiksi ilmainen verkkotunnus, sähköposti ja varmuuskopiointi, lue lisää webhotelleista.
The post Laadukas webhotelli + kotisivueditori appeared first on Click NetHosting Oy.
]]>The post Mainosta eurooppalaista identiteettiä .EU verkkotunnuspäätteellä appeared first on Click NetHosting Oy.
]]>.EU on virallinen verkkotunnuspääte Euroopassa. Se oli ensimmäinen maanosaa tarkoittava pääte ja on julkaistu jo 2005. Se on EURid:in operoima (https://eurid.eu/fi/).
.EU on 15 suosituimman joukossa lähes 4 miljoonalla rekisteröidyllä verkkotunnuksella. Sillä saavutat 27 maata ja yli 450 miljoonaa ihmistä.
Hinta: 10 €/vuosi
Rajoitukset: Osoite EU:n tai ETA:n alueella
Säännöt: Rekisteröimällä .EU tunnuksen hyväksyt säännöt, jotka löytyy EURid:n sivustolta (https://eurid.eu/fi/rekisteroi-eu-domain/eu-verkkotunnusten-saannot/).
The post Mainosta eurooppalaista identiteettiä .EU verkkotunnuspäätteellä appeared first on Click NetHosting Oy.
]]>The post Verkkokaupan perustaminen appeared first on Click NetHosting Oy.
]]>Mietitkö verkkokaupan perustamista? Nyt verkkokauppa helposti ja edullisesti meiltä. Tarjoamme suosituimmat verkkokauppa-alustat ’avaimet käteen’ -periaatteella, alk. 850 € + 8,25 €/kk.
PS Verkkokauppa
PS Verkkokauppa on PrestaShop alustalle tehty verkkokauppa. PrestaShop verkkokauppa-alusta on erittäin suosittu ja se on suunniteltu puhtaasti verkkokauppa-alustaksi, siihen pystyy myös lisäämään staattisia sivuja ja blogin. Esimerkissä on verkkokauppa vaateliikkeelle.
PS Verkkokauppa, alk. 850 € + 8,25 €/kk
WPWoo Verkkokauppa, alk. 850 € + 8,25 €/kk
WPWoo Verkkokauppa
WPWoo Verkkokauppa on WordPress plus WooCommerce verkkokauppa –lisäosa eli kotisivut, jossa on verkkokauppa. WooCommerce on ehdottomasti suosituin verkkokauppa-alusta. Esimerkissä on sivusto ravintolalle, jossa on etusivu, lounas- ja a la carte –listat ja verkkokauppa kotiinkuljetuksella.
Mietitkö verkkokaupan perustamista kivijalkamyymälän rinnalle?
Monikanavainen myynti eli verkkokauppa ja kivijalkamyymälä tukevat toisiaan:
- Verkkokauppa tarjoaa kivijalkamyymälälle mahdollisuuden kohdata asiakas verkossa.
- Verkkokauppa on perinteisiä kotisivuja parempi mainos kivijalkamyymälälle, koska siellä esitellään myytäviä tuotteita.
- Riippumatta siitä minkälaisia tuotteita etsitään, tietoa tuotteista ja niiden hinnoista etsitään ensisijaisesti internetistä ja suurimmaksi osaksi mobiililaitteilla.
- Verkkokauppa tuo kivijalkamyymälään enemmän asiakkaita ja toisaalta verkkokauppa mahdollistaa valtakunnallisen myynnin.
Verkkokauppojen hinnat sisältää verkkokaupan asennuksen palvelimelle, perusasetusten tekemisen, toiveidesi mukaisen ulkoasun räätälöinnin joko ilmaiseen tai maksulliseen teemaan, maksukanavien ja toimitustapojen integroinnin ja käyttöopastuksen. Lisäpalveluina tarjoamme tuotteiden luomista kauppaan ja ylläpitopalvelua.
Kuukausihintaan sisältyy mm. verkkotunnus eli domain, webhotelli ja sähköposti omalla verkkotunnuksella! Eli kaikki mitä tarvitset yrityksen kotisivujen perustamiseen – kätevästi samasta paikasta.
Kiinnostuitko? Kysy lisää 040-527 5187 tai [email protected].
The post Verkkokaupan perustaminen appeared first on Click NetHosting Oy.
]]>The post Ajanvarauskalenteri + kotisivu appeared first on Click NetHosting Oy.
]]>Ajanvaraussivusto on valmis nettisivu -paketti, jossa on kotisivu ja ajanvarausjärjestelmä. Tämä on hyvä ratkaisu esimerkiksi parturi-kampaamolle tai hierojalle. Katso mallisivusto, josta voi räätälöidä yritysilmeesi mukaisen sivuston. Ajanvarausjärjestelmällä säästät aikaa, kun asiakkaasi voivat varata ajan helposti netissä mihin vuorokaudenaikaan tahansa eikä sinun tarvitse keskeyttää työtäsi niin usein vastataksesi puhelimeen.
Edullinen hinnoittelu: 500 € + 12,41 €/kk
Hintaan sisältyy myös verkkotunnus eli domain, webhotelli ja sähköposti omalla verkkotunnuksella! Eli kaikki mitä tarvitset yrityksen kotisivujen perustamiseen – kätevästi samasta paikasta.
Kiinnostuitko? Kysy lisää 040-527 5187 tai [email protected].
Lue lisää kotisivujen suunnittelupalveluistamme kotisivu -osiostamme.
Terveisin, Mika
The post Ajanvarauskalenteri + kotisivu appeared first on Click NetHosting Oy.
]]>