--- title: "Tuotesivujen hiominen" description: "Kirjoittaminen, kuvat, rakenne, hakukoneoptimointi, variantit ja ristiinmyynti, yhdellä säännöllä: kirjoita asiakkaan paikalta." canonical_url: "https://fi.goodbarber.com/academy/product-pages/" lang: fi --- # Tuotesivujen hiominen Source: https://fi.goodbarber.com/academy/product-pages/ Tuotesivu on verkkokauppojen laiminlyödyin osa ja ratkaisevin. Siinä asiakkaasi arvioi myymäsi laadun, päättää luottaako sinuun, ja joko ostaa tai lähtee. Kaikki alla oleva lähtee yhdestä säännöstä: hyvä tuotesivu kirjoitetaan asiakkaan paikalta, ei myyjän. Tämä opas käsittelee kirjoittamisen, kuvat, rakenteen, liitteet, hakukoneoptimoinnin, variantit, ristiinmyynnin ja esiin nostamisen. ## Yhdeksän esittelykauppaa Tämän oppaan esimerkit nojaavat yhdeksään esittelysovellukseen, jotka jakautuvat kahteen perheeseen. Etsi se, joka muistuttaa eniten omaa hankettasi: neuvot mukautuvat siitä mihin tahansa liiketoimintaan. ### Verkkomyynti Yogii myymälälle, Léonie vaatekaupalle, Urban Shango muotituotteille, Metek sisustuskaupalle. Tätä perhettä jäsentävät ominaisuudet: - **Product Import**: hallitse tuoteluetteloasi joukkona, ilman määrärajoja. - **Tuotevariantit**: useita vaihtoehtoja samalle tuotteelle. - **Abandoned Orders Recovery**: sähköposteja ja push-ilmoituksia kannustamaan tilauksen loppuun saattamiseen. - **Ostoskorimuistutuksen ponnahdusikkuna**: asiakkaan palatessa, jos korissa on tuotteita edelliseltä käynniltä, ponnahdusikkuna vie suoraan kassalle. - **”Buy again” -painike**: lisää kaikki olemassa olevan tilauksen tuotteet koriin yhdellä klikkauksella. - **Pikaosto**: ostopainikkeet aloitusnäytöllä ja tuotelistoissa, koriin lisäämiseen poistumatta sivulta. - **Blog**: lisäsisältöä sovellukseen ja lisänäkyvyyttä hakukoneissa. - **Yhden klikkauksen maksu**: pääsy digitaalisiin lompakoihin. ![Neljä verkkomyynnin sovelluksen aloitusnäyttöä vierekkäin: kosmetiikka, vaatteet, sisustus ja lenkkarit, kullakin oma brändinsä ja oma visuaalinen maailmansa. Kunkin puhelimen alla kuvake muistuttaa toimialasta.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/5811cd91-article_112_20_1_.1b594202f9e0.jpg) ### Click & Collect Augustin pitopalvelulle, Oribu lähituottajalle, Camelia kukkakaupalle, Hunky Dory ruokakaupalle, Bistrot Georges ravintolalle. Tätä perhettä jäsentävät ominaisuudet: - **Offline-maksu**: asiakas maksaa sovelluksen ulkopuolella saadessaan tilauksensa. - **Paikallinen toimitus postinumeron mukaan**: toimitusalueesi määritetään postinumeroittain. - **Delivery slots**: määrität ikkunat joiden aikana toimitat tai luovutat tilaukset, ja asiakkaasi valitsee omansa tilatessaan. - **Myyntipisteet**: nopea yleiskuva eri toimipaikoistasi. - **Click & Collect**: tilaus noudetaan suoraan myymälästä. - **Fast checkout**: turhat vaiheet katoavat, ja kysytään vain toimitustapaan liittyvät tiedot. - **Tilauksen ohjeet**: asiakas jättää kommentin. - **Automaattinen kirjautuminen**: asiakas tunnistautuu kerran ja tunnistetaan sitten joka käynnistyksellä. ![Viisi click and collect -sovelluksen aloitusnäyttöä: pitopalvelu, lähituottaja, kukkakauppa, ruokakauppa ja ravintola. Kunkin puhelimen alla kuvake muistuttaa toimialasta.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/ee58ce11-article_112_.23831a6918bf.jpg) ## Tuotesivun kirjoittaminen ### Asiakkaan paikalle asettuminen Jos muistat vain yhden säännön, muista tämä. Ja se alkaa vastaintuitiivisella varoituksella: älä laita kaikkea hakukoneoptimoinnin varaan. Hakukoneoptimointi on yhä välttämätöntä, se ohjaa näkyvyyttäsi. Mutta pelkästään koneille kirjoitettua tuotesivua eivät liidisi lue tarkkaavaisesti. Ja juuri he ostavat. Asiakkaan paikalle asettuminen tapahtuu kahdella tasolla. **Muoto.** Valitse kohderyhmäsi sanat, älä omiasi. Liian tekniset termit puhuvat usein vain myyjälle. Ne ilmaukset joita asiakkaasi todella käyttävät, tekevät sivusta luettavamman, ja he tunnistavat itsensä siitä. **Sisältö.** Nämä ovat myyntiargumenttejasi. Varo: ne edut jotka sinä näet tuotteessasi, eivät ole välttämättä niitä joita asiakkaasi etsii. Lähde hänen tarpeistaan ja nosta sitten esiin ne tuotteen ominaisuudet jotka vastaavat niihin. Otetaan Oribu, lähituottajamme, hillon tuotesivulla. Kaupallinen otsikko ilmoittaa maun: asiakas tietää heti mistä on kyse. Alaotsikko täsmentää että tuote on luomua, eikä se ole sattumaa. Oribu puhuu sitoutuneille kuluttajille, jotka ovat tarkkoja alkuperästä ja etiikasta. Kuvaus käyttää siis heidän sanojaan: ”luomuviljely”, ”paikallinen ja kestävä tuotanto”, ”sesongin aikaan korjattu sato”. Toimitusehdot kuvauksen alalaidassa nostavat esiin samoja arvoja. ![Hillon tuotesivu sovelluksessa. Purkin valokuva vie yläosan, sitten tulevat nimi, hinta, lyhyt kuvaus ja koriin lisäävä painike. Alempana pitkä kuvaus selittää miten se on tehty ja milloin hedelmät on poimittu, ja kursivoitu laatikko antaa toimitus- ja noutoehdot.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/b2cbfb2a-120_2_20copy.b2a6fa862982.jpg) ### Ainutlaatuisten sivujen kirjoittaminen Kun argumenttisi on valittu, varmista että ne kuuluvat sinulle. Oribulla tuotteet ovat luonnostaan ainutlaatuisia, koska ne tehdään paikan päällä. Mutta muutkin myyvät käsityönä tehtyjä hilloja, eikä kuvaus saa olla vaihdettavissa heidän kuvaukseensa. Riski on vielä suurempi kun myyt edelleen tavarantoimittajan tuotteita, vaikkapa sisustuksessa. Et todennäköisesti ole ainoa joka on ammentanut heidän luettelostaan. Pahin virhe on silloin kopioida ja liittää tavarantoimittajan sivu, tai vielä pahempaa, kilpailijan sivu. Kuluttajat vertailevat kaupasta toiseen. Ainutlaatuinen sivu erottaa sinut ja todistaa että olet vakavasti otettava. Metek-sovelluksessa astiasto esitellään teknisesti mutta myös tyylittely- ja sisustusneuvojen kera, ja juuri se on kaupan ydinosaamista. Sitten tulevat käyttö- ja hoitovinkit. Nuo huomionosoitukset rakentavat luottamusta ja asemoivat Metekin viitepisteeksi. Viimeinen, mekaanisempi argumentti: Google ei pidä kopioinnista. Tuotesivujesi personoimatta jättäminen jarruttaa suoraan sijoitustasi. ![Astiaston tuotesivu ylhäältä alas nähtynä. Valokuvan, otsikon, alennetun hinnan vieressä olevan vanhan hinnan ja ostopainikkeen jälkeen kuvaus on jäsennelty otsikoituihin lohkoihin: mitä keramiikka on, sarjan tunnelma, miten sitä hoidetaan. Niiden välissä neljä valokuvaa näyttää astiat käytössä.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/d750ee46-121_2_20copy.6ec1a4f36f6f.jpg) ### Tarinan kertominen Ainutlaatuisuuden lisäksi tuotesivu voi kantaa kertomuksen. Tarinankerronta tuo asiakkaasi brändisi tarinaan, herättää hänen kiinnostuksensa ja valmistaa häntä uskollisuuteen. Sinulla on väistämättä syy sille miksi perustit tämän kaupan, ja koodit jotka jaat kohderyhmäsi kanssa. Tuotesivu on oikea paikka tuoda ne esiin. Ehtona on rehellisyys: kyse ei ole tarinan keksimisestä vaan tunteen tuottamisesta, koska juuri sen asiakkaasi muistaa. Tavoitteena ei ole kertoa sivulla kokonaista tarinaa vaan lisätä kuvaukseen ripaus aistimusta. Augustin-sovellus, pitopalvelu, antaa hyvän esimerkin. Ainesosien lisäksi kuvaus upottaa lukijan annoksen tunnelmaan. Tässä heidän burrata-sivulleen lisätty teksti: Asiakas ei enää osta maitotuotetta, hän ostaa pakomatkan. Sen voi tehdä täysin yksinkertaisella tuotteella, mikä tekee menetelmästä siirrettävän minne tahansa. ![Pitopalvelun tuotesivu: annoksen valokuva, sen nimi, hinta, ostopainike, sitten ainesosaluettelo ja kursiivilla kappale joka kertoo mistä tuote tulee.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/8e3dc321-122_2_20copy.7cc9be4444fb.jpg) ## Kuvat ### Miksi kuva ratkaisee Kivijalkakaupassa asiakas koskee, punnitsee, haistaa. Verkossa hänelle jää vain näkö. Kuvasi ovat siis ainoa aistikosketus tuotteeseesi, ja se inhimillinen yhteys joka syntyy kaupassa luonnostaan, on korvattava toisin, kuvalla ja tarinalla. Kuvaavin vertaus: luottaisitko kauppiaaseen, joka myy sinulle tavaraa repeytyneessä pakkauksessa? Verkossa pikselöitynyt tai tumma valokuva tuottaa täsmälleen saman vaikutelman. Kuviesi on oltava riittävän hyviä, jotta asiakas kuvittelee tuotteen käsiinsä. Onko kuva tärkeämpi kuin teksti? Ei kumpikaan: ne täydentävät toisiaan, ja toisen laiminlyönti pilaa toisen. Kaunis valokuva hätäisen kuvauksen päällä jättää asiakkaan kysymykset vaille vastausta; huolellinen kuvaus keskinkertaisen kuvan päällä ei koskaan saa häntä haluamaan lukea sitä. Mieti myös muotojen vaihtelua. Video yksinkertaistaa viestiäsi, sillä asiakkaan ei tarvitse enää lukea tekstiä ja kuvia ristiin muodostaakseen käsityksen. Se asettaa tuotteen tilaan, näyttää sen toiminnassa, osoittaa kuinka helppo sitä on käyttää. Se on muodoista lähimpänä sitä mitä kaupassa käsittely olisi ollut, ja juuri siksi se painaa niin paljon päätöksen hetkellä. Se voi myös kantaa asiakasarvioita elävämmässä muodossa. GoodBarber antaa sinun näyttää yhden tai useamman videon tuotesivuillasi, kuvauksen tasolla. https://youtu.be/scpB6PnaShM **GIF-animaatiot, vaihtoehto videolle.** Videon tuottaminen vaatii usein ammattilaisen ja siis budjetin. GIF on paljon yksinkertaisempi tehdä, se elävöittää sivuasi ja erottaa sinut kilpailijoistasi, samoihin käyttöihin: tunnelman luomiseen, esittelyyn. GoodBarber antaa sinun lisätä GIF-animaatioita tuotesivulle, myös pääkuvien joukkoon. https://youtu.be/yLgQ-47DnJ4 ### Tuotevalokuvauksen periaatteet **Suosi luonnonvaloa.** Päivänvalossa saat parhaan tuloksen. Jos se on mahdotonta, keinovalo toimii yhdellä ehdolla: mitä pienempi valonlähde, sitä kovemmat varjot. Tuotetta pienempi lähde antaa kovat varjot. Suosi siis hajanaisia, hallitsevia lähteitä jotka levittäytyvät tuotteen ympärille. Jos käytät salamaa, hajotin estää varjoja pilaamasta kuvaa, ja yksinkertainen teipinpala tai salaman päälle asetettu muovikalvo tekee tehtävänsä. **Panosta valkoiseen taustaan.** Se keskittää huomion tuotteeseen, antaa sivulle siistin tyylin, ja ennen kaikkea se yhtenäistää tuotelistasi. **Kuvaa useasta kulmasta.** Se on paras tapa esitellä tuote yksityiskohtaisesti ja antaa asiakkaan kuvitella se. Lisää lähikuvia, joista viimeistelyn näkee, sekä kuvia asiayhteydessä, jotka antavat käsityksen todellisesta koosta. ### Kotistudion pystyttäminen **Kamera.** Sinun ei tarvitse investoida paljon. Uusimman sukupolven älypuhelimet riittävät enemmän kuin hyvin erittäin hyviin kuviin. Välineillä on merkitystä, mutta niistä ei saa koskaan tulla tekosyytä olla aloittamatta. Kokeneemmille kauppiaille tai hyvin tarkkoihin kuviin järjestelmäkamera tulee tarpeen: se antaa pääsyn valkotasapainoon ja tarkennukseen. **Tausta ja valo.** Tarvitset sileän valkoisen taustan ja oman valaistuksen. Osta rullapaperia askartelukaupasta, mahdollisimman valkoista. Lisää valkoinen kapalevy tai pahvinpala heijastamaan valoa takaisin tuotteeseen ja saadaksesi tasaisen valaistuksen. Edullisia valaisinsettejä on olemassa, ja se on pieni investointi joka maksaa itsensä takaisin. **Tila.** Pienille esineille riittää pöytä valkoista seinää vasten. Tarkista ympäröivä sisustus ja vältä kirkasvärisiä huoneita: kiiltävä tuote heijastaa kaiken ympäriltään. Jos et voi vaihtaa huonetta, peitä tila valkoisella paperilla tai kankaalla. Liike joka muuttaa kaiken: teippaa valkoinen paperi seinään ja tuo se takaisin pöydälle niin että syntyy loiva kaari. Se pehmentää varjoja ja hajottaa valoa paremmin. Aseta sitten valaistus ja siirrä valkoista levyä niin että koko tuote on valaistulla alueella. ### Jälkikäsittely Jälkikäsittely on viimeinen vaihe ennen julkaisua. Se parantaa kuvaa aidosti värin, kirkkauden ja kontrastin korjauksilla. Mutta se ei pelasta huonoa kuvaa: huono kuva pysyy huonona, olivatpa taitosi mitkä tahansa. Adobe Photoshop ja Lightroom ovat hyvin tehokkaita, kahdella haitalla: ne on opeteltava, ja ne maksavat. Opetteluun tutoriaaleja on verkossa yllin kyllin. Hintaa ei voi kiertää. Jos etsit ilmaista, GIMP ja Pixlr tekevät tehtävänsä. ![Sama muotivalokuva ennen jälkikäsittelyä ja sen jälkeen. Oikealla värit ovat puhtaammat ja kontrasti voimakkaampi: vaate erottuu paremmin maalattua seinää vasten.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/c20efe91-126_2.82868c0d54ff.jpg) ### Rekvisiitan valinta **Esineet.** Katso ympärillesi: löydät varmasti esineitä jotka osaavat nostaa tuotteesi esiin. Vaatekaupassa valitse rekvisiitta joka on johdonmukainen luomasi tarinan ja antamasi mielikuvan kanssa. Periaate pätee kaikentyyppisiin tuotteisiin. **Ihmiset.** Niiden kuvien lisäksi joissa tuote on yksin, ota mukaan ihmisiä. Käyttö on ilmeinen vaatteissa, joissa se näyttää leikkauksen ja laskeutumisen. Mutta se pätee muuallakin: sisustuksessa ihmisen läsnäolo asettaa esineen takaisin asiayhteyteensä ja antaa sen mittakaavan. Ruoassa se auttaa asiakasta kuvittelemaan. ![Kolme tuotesivua kolmesta eri kaupasta: collegepaita puettuna maalatun seinän edessä, tyyny nojatuolilla olohuoneessa, salaatti kahden käden välissä katetun pöydän yläpuolella. Joka kerta tuote on kuvattu käytössä eikä yksivärisellä taustalla.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/b8d17091-127_2.6d42c01c530d.jpg) ![Kaksi tuotesivua: pizza jaettuna useiden käsien kesken ravintolapöydässä, koon ja määrän valinta hinnan alla; tyyny käsivarren mitan päässä pellolla. Kaksi asetelmaa jotka kertovat miten tuotetta käytetään.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/efa64dc2-127_3.a7d3781eb455.jpg) ### Kuvien järjestäminen ja pikkukuvan valinta **Tekniset ominaisuudet.** GoodBarber hyväksyy enintään 25 kuvaa tuotetta kohden. - Enimmäiskoko: 4 Mt - Suositeltu muoto: JPEG Mitoille ei ole rajoitusta, mutta pidä tämä mielessä: kun lisäät useita kuvia, **ensimmäisen mitat asettavat kuvakarusellin korkeuden**, jonka asiakkaasi näkee. Tuon ensimmäisen kuvan valinta ei siis ole yhdentekevä. **Järjestys.** Kun kaikki kuvasi on lisätty, määrität järjestyksen jossa ne näkyvät. Aseta vakuuttavin ensimmäiseksi, tuotetyypin mukaan. Mieti mihin kukin kuva on. Hyödyllinen vähimmäismäärä: - kuva tuotteesta valkoisella taustalla - lähikuva tärkeistä yksityiskohdista - kuva asiayhteydessä, joka nostaa tuotteen esiin **Pikkukuva.** Valitset käsin sen, joka näkyy tuotelistassasi ja aloitusnäyttösi widgeteissä. Ainoa muistettava periaate on yhtenäisyys: pikkukuvat nähdään lähes aina useampi kerrallaan, vierekkäin. Mieti siis kokonaisvaikutelmaa, älä kutakin pikkukuvaa erikseen. Valkoinen tausta on turvallisin ratkaisu. Jos valkoinen tausta ei sovi sinulle, säilytä ainakin johdonmukainen käsittely. Hunky Dory -sovelluksessa kaikki tuotteet joilla ei ole valkoista taustaa, on kuvattu lähikuvana, kuvioksi asti. ![Kaksi tuotelistaa samasta ruokakaupasta: hedelmät vasemmalla, kasvimaidot oikealla. Jokainen pikkukuva on pyöreä, rajattu samalla tavalla ja samalla taustalla, joten lista pysyy tasaisena perheestä toiseen.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/4c52b499-128_2.64dd445a3e95.jpg) ## Sisällön jäsentäminen ### Mikä tuotesivu on ja mihin se on Tuotesivu kokoaa kaikki tuotteen ominaisuudet, yksi sivu tuotetta kohden. Se on paras mahdollisuutesi vakuuttaa. Sen ensimmäinen tarkoitus on kertoa: hinta, paino, mitat, materiaali, ainesosat, sen mukaan mitä myyt. Sen kannattaa olla mahdollisimman yksityiskohtainen kahdesta syystä: - asiakkaasi tarvitsevat mahdollisimman paljon tietoa valitakseen oikein - yksityiskohtainen sivu asemoi sinut alasi asiantuntijaksi Sisältö ja järjestys vaihtelevat tuotteen mukaan. Osa tarvitsee paljon kuvia, osa täsmällisiä teknisiä ominaisuuksia. Kuvauksen ja kuvien lisäksi sivu voi kantaa dynaamisia elementtejä, jotka palvelevat myyntistrategioitasi. ![Takin tuotesivu vieritettynä ylhäältä alas. Valokuvan, nimen, hinnan ja lyhyen kuvauksen jälkeen tulee kokovalitsin, sitten materiaali, sitten luettelomerkitty lista ominaisuuksista. Video näyttää vaatteen päällä. Sitten koko-ohjeet ja hoito-ohjeet, kolme kuvaa lisää, koriin lisäävä painike ja rivi samankaltaisia tuotteita.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/52e26e06-129_2_20copy.9680c94801ba.jpg) ### Mitä tietoja mukaan Back officesi antaa sinun lisätä pääkuvien päälle tekstiä, lisäkuvia ja videoita. Jäsennä kuvaus. Asiakkaan on ymmärrettävä heti mistä löytää etsimänsä. Ihanteellista rakennetta ei ole, se riippuu tuotteesta, mutta tässä pohja mukautettavaksi. - **Pääominaisuudet.** Tärkein tieto: materiaalit vaatteelle, mitat huonekalulle, ainesosat tai koostumus annokselle. Tämän osan ei tarvitse olla pitkä, mutta sen on oltava selkeä ja suora, jotta asiakas tietää heti mitä on ostamassa. - **Käyttötilanteet.** Aseta tuote tilanteeseen. Valokuvia vaatteesta päällä, lavastettuja kuvia sisustuksesta. Jos voit, lisää tähän video: tuotteen näyttäminen käytössä on yhä paras laukaisija. - **Ohjeet.** Tekninen osa tiiviisti esitettynä. Kukaan ei odota täydellistä käsikirjaa, mutta hyödyllistä tietoa kylläkin: hoito-ohje tekstiileille, valmistusvinkit tai allergeenit elintarvikkeille. Kaksi tapaa lopuksi. Ota aikaa luetteloidaksesi asiakkaasi paikalta kaikki tiedot, joita tuotteen selkeään myymiseen tarvitaan. Ja pidä rakenne johdonmukaisena sivulta toiselle: jos koostumus on viimeisessä kappaleessa, olkoon se siellä kaikkialla. Asiakkaasi tietävät heti mistä katsoa sen sijaan että suunnistaisivat uudelleen joka sivulla. ## PDF-liitteet ### Milloin PDF on hyödyllinen Joskus sivu ei riitä. Voit silloin liittää siihen PDF-tiedoston. Se on hyödyllistä monimutkaiselle tuotteelle, joka vaatii hyvin täsmällisen kuvauksen, vaikkapa kodinelektroniikassa tai kodinkoneissa. Kahvinkeittimen täyden käyttöoppaan sovittaminen tuotesivulle ei olisi järkevää: hukuttaisit myyntiargumenttisi tekniseen dokumentaatioon. PDF asettaa nuo tiedot saataville sotkematta pääsisältöä. Toinen etu: sen voi ladata. Asiakkaasi säilyttää sen, palaa siihen myöhemmin, tulostaa sen jos kyseessä on käyttöopas. Se on side, joka säilyy silloinkin kun kauppa ei synny heti. ### PDF:n tekeminen ja optimointi Ennen liittämistä tiedä, että hakukoneet kohtelevat PDF-tiedostoja verkkosivujen tavoin ja indeksoivat niiden sisällön. Tiedostosi voi siis tuoda sinulle liikennettä, mikä sulkee heti pois ajatuksen tuotesivusi kopioimisesta siihen. Muutama optimointisääntö: - Tee asiakirja vakiokokoon (A4) niitä varten jotka tulostavat sen. - Täytä metatiedot: otsikko, tekijä, aihe, avainsanat. Ne muokataan yleensä muokkausohjelmasi ”Ominaisuudet”-osiossa. - Vältä liian raskaita tiedostoja, jotka näkyvät hitaasti. - Tee tiedostonimi huolella. Ei *kayttoopas.pdf* vaan *kayttoopas_tuotteesi_nimi_mallin_nimi_vuosi.pdf*. - Laita asiakirjaan linkki sovellukseesi. Se auttaa navigointia ja palvelee linkkien rakentamista. ### Sen lisääminen Avaa tuote kohdasta Products › All products. **Edit Product** -paneelin **Info**-välilehdellä **PDF attachment** -lohko tarjoaa painiketta **Browse...**, ja lisää sitten .pdf-tiedostosi. Valitse tiedostosi ja klikkaa sitten Add. Se on heti saatavilla sivulla. ![Tuotesivu back officessa. Vasemmalla sen otsikko, lyhyt kuvaus ja kuvat. Oikealla muokkauspaneeli auki ensimmäisellä välilehdellään: listan layout, pikkukuva, samankaltaisten tuotteiden kytkin, ja ympyröitynä lohko joka liittää tuotteeseen PDF-tiedoston tiedostovalitsimen kautta.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/1b529016-132_2.888be27eeebf.jpg) ## Hakukoneoptimointi ### Avainsanojen valinta Tuotesivut ovat Shopping Appisi pääsisältö. Se, miten sijoitat niihin avainsanasi, määrää houkuttelemasi liikenteen laadun. Ilmeinen strategia on tähdätä haetuimpiin avainsanoihin. Siihen liittyy vinouma: aikomus. Haku *”oversized-paita”* ei tarkoita halua ostaa sellainen. Hakija saattaa etsiä asukokonaisuuden ideoita, koska hänellä on jo sellainen. Kolme tapaa korjata tuo vinouma: - **Analysoi kymmenen ensimmäistä tulosta** tavoittelemallesi avainsanalle. Jos nuo sivut muistuttavat sinun sivuasi, hakukone on ymmärtänyt yhteyden avainsanan ja sivusi tarkoituksen välillä. - **Katso hakuvolyymia.** Mitä matalampi se on, sitä kapeamman alan haku on. Kapean alan termiä hakeva käyttäjä tuntee alasi jo ja konvertoituu helpommin. - **Tunnista aikomuksen merkit.** Toimintaverbit ja maantieteelliset tarkennukset paljastavat ostoaikomuksen: *”osta”*, *”hanki”*, *”halpa”* kertovat myyjää etsivästä ihmisestä. Tuotteen nimi ja sen perässä kaupunki tai alue tarkoittaa usein fyysistä liikettä etsivää. ### Mihin ne sijoitetaan Kun avainsanasi on valittu, sijoita ne strategisiin kohtiin: - tuotesivun otsikko - lyhyt kuvaus - koko kuvaus, vähintään kahdesti avainsanaa kohden - sivun osoite Kaksi täydentävää tapaa: työskentele lauseilla eikä irrallisilla sanoilla, ja lihavoi termit jotka haluat nostaa hakukoneiden tietoon. ### Back officen kentät Avaa tuote kohdasta Products › All products: oikean puolen paneeli, **Edit Product**, kantaa kaksi välilehteä, Info ja SEO. **SEO**-välilehdeltä löydät kolme kenttää: - Title-kentän - Meta description -kentän - osoitteen Ne ovat täsmälleen edellä mainitut kolme strategista kohtaa. Back office antaa sinulle myös esikatselun hakutuloksesta sellaisena kuin se näkyy. Esimerkissä ravintola, joka tarjoaa Click & Collect -palvelua: avainsanat vastaavat kolmeen kysymykseen joita ostaja esittää, mitä myydään, missä ja miten. ![Sama paneeli auki toisella välilehdellään, ympyröitynä: otsikko hakukoneille, kuvaus, sivun osoite, ja niiden alla esikatselu tuloksesta sellaisena kuin se hakusivulla näkyy.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/cecda715-133_2.5a6386837138.jpg) ## Variantit ### Mihin ne ovat Varianteilla myyt tuotteen useilla vaihtoehdoilla ilman että kahdennat sen. Otetaan hame, jota on kokoina XS-XL. HAME-tuote kantaa KOKO-vaihtoehdon, jossa on 5 varianttia. Jos hametta on myös toisessa värissä samoissa koissa, tuote kantaa kaksi vaihtoehtoa, KOKO ja VÄRI, ja siinä on 10 varianttia. Jokaisella variantilla voi olla oma kuvansa ja oma hintansa, mikä jättää sinut vapaaksi hallitsemaan valikoimaasi haluamallasi tavalla. Mekanismi pätee kaikkiin liiketoimiin: ruokakauppa myy samaa elintarviketta useassa koossa, ravintola tarjoaa annokselle useaa lisuketta. ![Hameen tuotesivu sovelluksessa: hinnan ja kuvauksen alla kaksi pudotusvalikkoa, väri ja koko, sitten materiaali ja koriin lisäävä painike.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/34c77e7c-135_2.8454c5db3695.jpg) ### Niiden luominen Avaa tuotteesi kohdasta Products › All products ja klikkaa sitten **Pricing and variants** -lohkossa painiketta **Add an option**. Nimeä vaihtoehtosi. Takaisin hameeseen: ensimmäisen nimi on *”VÄRI”*. Luo sitten *”KOKO”*-vaihtoehto. Luo lopuksi niin monta varianttia kuin tarvitaan kattamaan kaikki yhdistelmät. Jos kuvat eroavat vaihtoehdoittain, liitä jokaiseen varianttiin oma kuvansa. Saman voit tehdä hinnoille. Jos vihreä hame on alennuksessa: Asiakkaasi valitsevat sitten vaihtoehtonsa suoraan tuotesivulta. ![Sellaisen tuotteen hinta- ja varianttilohko jolla ei ole vielä variantteja: yksi rivi kantaa hinnan, varaston, painon ja viitekoodin. Ympyröitynä oikeassa yläkulmassa linkki joka lisää variantin.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/52a65341-136_2.6a6a06dbf396.jpg) ![Sama lohko ensimmäisen vaihtoehdon luomisen jälkeen. Värisarake on ilmestynyt, sen kirjoitettavana oleva arvo on ympyröity, ja jokainen rivi kantaa nyt pikkukuvansa, hintansa, varastonsa, painonsa, viitekoodinsa ja roskakorin.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/e0d75b1f-136_3.8191f780734f.jpg) ![Toinen vaihtoehto lisättynä, koko: sen sarake, ympyröitynä, istuu värin edessä, ja jokainen rivi yhdistää nyt nämä kaksi.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/6cd3827a-136_4.9815ff5c82cc.jpg) ![Täysi yhdistelmätaulukko: kaksi väriä kertaa viisi kokoa, kymmenen riviä, kussakin pikkukuva, hinta, varasto, paino ja viitekoodi.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/5bee843a-136_5.fdd9147b50bf.jpg) ![Sama taulukko yhteen väriin kohdistuvan alennuksen kera: noilla riveillä vanha hinta jää yliviivattuna uuden yläpuolelle, kun muut säilyttävät alkuperäisen hinnan.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/9d37f150-136_6.09eb0f1b904a.jpg) ### Milloin pysähtyä Variantit ovat joskus välttämättömiä, mutta käytä niitä säästeliäästi: liian moni vaihtoehto raskauttaa sivua ja mutkistaa päätöstä. Takaisin hameeseen. Kaksi vaihtoehtoa, väri ja koko, pysyvät luettavina: asiakas ymmärtää heti. Jos tuota mallia olisi sen sijaan myös useassa materiaalissa, olisi lisättävä *”MATERIAALI”*-vaihtoehto varianteilla *”NAHKA”*, *”TYLLI”* ja *”SILKKI”*. Yhdistelmien määrä räjähtää. Tuote pysäyttää sinut lopulta joka tapauksessa: sivulle mahtuu **enintään 100 varianttia**, ja back office kertoo siitä vasta kun katto on saavutettu. Se on mahdollista, mutta se ei ole asiakkaalle intuitiivisin eikä tuotteillesi imartelevin ratkaisu. Parempi silloin jakaa kolmeksi erilliseksi tuotteeksi: tyllihame, nahkahame ja silkkihame. Hyöty on kaksinkertainen. Kolme vaihtoehtoa tulevat näkyviksi suoraan tuotelistassa. Ja avainsanoista *”silkki”*, *”tylli”* ja *”nahka”* tulee käyttökelpoisia, koska jokaisella versiolla on silloin oma sivunsa, oma otsikkonsa ja omat tagit. Toisin sanoen: variantit palvelevat toissijaisia eroja, erilliset tuotteet palvelevat niitä eroja joita asiakkaasi pitää tärkeinä. Tuo raja on ratkaiseva, ja se riippuu siitä mitä myyt. ![Sama hamesivu, mutta nyt kolme pudotusvalikkoa täytettävänä ennen ostamista: materiaali, väri ja koko. Koriin lisäävä painike on työntynyt alemmas.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/a501f1bf-137_2_20copy.dea7f8f19dd7.jpg) ![Hamelista kaksisarakkeisena ruudukkona: neljä eri mallia, kussakin valokuva, nimi ja hinta. Valinta tapahtuu listassa eikä sivulla.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/fbeb1d4a-137_3.790823f2c260.jpg) ## Ristiinmyynti ### Miksi sitä kannattaa tehdä Ristiinmyynti ehdottaa lisäostoja asiakkaalle, joka on jo yhdellä sivullasi. Se nostaa keskiostosta ilman kustannusta sinulle, ja toimii kolmella tasolla. **Keskiostos** ensinnäkin. Myyntimäärän lisäksi optimoit käsittelykulusi: kolmen tuotteen myyminen yhdessä tilauksessa voittaa kolme erillistä tilausta. Vähemmän käsittelyaikaa, toimituskulut maksettuna kerran. Säästö näyttää naurettavalta yksikköä kohden, mittakaavassa se ei enää ole sitä. **Uskollisuus** seuraavaksi. Asiakkaan näkökulmasta osuva ehdotus vastaa hänen tarpeensa ennakointia. Sinusta tulee helpottaja, ja se painaa hänen kiintymyksessään brändiisi. **Tiettyjen tuotteiden näkyvyys** lopuksi. Ristiinmyynti nostaa vähän tunnetun tuotteen tai uutuuden valoon ja näyttää kuinka hyödyllinen se on toisiin yhdistettynä. ### Neljä strategiaa **Samankaltaiset tuotteet.** Yleisin: tarjoat tuotteita jotka vastaavat samaan tarpeeseen. Asiakas katsoo tyynyn sivua, ja sinä näytät hänelle muita tyynyjä vastaavassa hintaluokassa. **Erikseen myytävät tuotteet.** Erityisen tehokas, koska se koskee käyttöä. Näytät sen mitä tarvitaan katsottavan tuotteen käyttämiseen. Tyynyliinan sivulla tarjoat siihen sopivaa sisätyynyä. Periaate on, että täydentävä osto ehdollistaa päätuotteen käytön. Asiakkaalla saattaa jo olla se, mutta ellei ole, yksi klikkaus säästää häneltä haun. Yksi varoitus kuitenkin: ole hyvin selvä siitä mitä ostoon kuuluu ja mitä ei, tai tuotat pettymyksen toimituksen yhteydessä. **”Pidät myös näistä” -tuotteet.** Näytät tuotteita, joilla on yhteisiä ominaisuuksia päätuotteen kanssa: väri, materiaali, tyyli, mallisto. Juuri tässä asiantuntijasilmäsi merkitsee eniten. Oikea kysymys on yksinkertainen: mitä olisit neuvonut, jos asiakas seisoisi edessäsi? Terrakotta-astiaston sivulla päävaltti on materiaali, joka on hyvin haluttu. Panostat siis siihen ja tarjoat muita terrakottatuotteita samassa hintaluokassa. **”Osta koko setti” -tuotteet.** Tarjoat täyden kokonaisuuden. Jos sivusi esittelee tuotteen lavastetussa kuvassa, tarjoa kuvan muita osia. Strategia toimii erityisen hyvin vaatteissa, sisustuksessa ja herkkuruoassa reseptien ympärillä. Kuvittele viipaloitua tryffeliä paahtoleivällä vesikrassisalaatin päällä: tarjoa siltä sivulta maalaisleipää, vesikrassia, merisuolaa ja oliiviöljyä. Sinä olet asiantuntija, asiakkaasi ei välttämättä, eikä hänellä ehkä ole aikaa eikä rohkeutta yhdistellä tuotteita itse. Mitä paremmin tuettu hän on, sitä enemmän hän ostaa ja palaa. ![Tyynyliinan sivu, vanha hinta alennetun vieressä. Kuvauksen alla samankaltaisten tuotteiden lohko tarjoaa kahta muuta tyynyä valokuvineen ja hintoineen.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/ef4cfa9f-138_2.64eff0ac28c2.jpg) ![Sama sivu, tällä kertaa oheistuotelohkon kera: siinä tarjotaan yhtä ainoaa tuotetta, erikseen myytävää sisätyynyä.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/c89f8cf1-139_3.2940b6fe20ed.jpg) ![Terrakotta-astiaston sivu: kuvauksen alla ehdotuslohko tarjoaa saman sarjan kupit ja lautaset.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/f2d1be38-140_3.33b55994835e.jpg) ![Sohvan sivu: mittojen alla lohko kutsuu täydentämään kokonaisuuden lattiavalaisimella ja matolla, jotka näkyvät tunnelmakuvassa.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/ddee64c5-141_3.ee69f9e645d4.jpg) ### Niiden käyttöönotto Avaa sivu kohdasta Products › All products: **Similar products** -lohko on **Edit Product** -paneelin **Info**-välilehdellä. Oletuksena tuotteet lisätään automaattisesti tuotteisiisi liitettyjen tagien ja niiden kokoelmien perusteella, joihin ne kuuluvat. Tuo automaattinen toiminta riittää jo joihinkin strategioihin. Edellä kuvattuun ”pidät myös näistä” -strategiaan olisi riittänyt liittää kyseisiin tuotteisiin tagi ”terrakotta”, jotta ne olisivat nousseet astiaston ehdotuksiin. Täsmällisempiä strategioita varten ota ohjat takaisin: poista automaattisesti lisätyt tuotteet ja hae sitten ne, jotka haluat näyttää. ![Tuotteen muokkauspaneeli. Ympyröitynä kytkin joka näyttää samankaltaiset tuotteet sivulla, ja heti sen alla tageista ja kokoelmista johdetut ehdotukset, kukin poistettavissa ristillä.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/12647113-142_2.16cea371040c.jpg) ![Sama paneeli, hakukenttä ympyröitynä alhaalla: sanan kirjoittaminen avaa kaupan tuotteiden listan, josta voi lisätä yhden ehdotuksiin käsin.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/770daf5f-142_3.46b98e4b8d66.jpg) ## Tuotteen nostaminen esiin ### Mitä nostaa esiin Tuotteen nostaminen esiin antaa sille listassa muita suuremman paikan ja ohjaa asiakkaidesi huomion sinne minne sinä päätät. Kolme pääkäyttöä: - myydyimpien näyttäminen, kaupan menestysten esittelemiseksi - tunnusomaisten tuotteiden esittely, maineesi vakiinnuttamiseksi - tarjoustuotteiden nostaminen, myyntisi kasvattamiseksi Neljäs, vähemmän ilmeinen käyttö: malliston keskeisen tuotteen esittely. Trendille omistetussa listassa keramiikka-astiasto näkyy suurena, ja malliston muut tuotteet asettuvat sen ympärille. ![Hedelmälista, jossa kaksi tuotetta on nostettu esiin: ne vievät koko näytön leveyden suuremman valokuvan kera, kun muut pysyvät kahdessa sarakkeessa.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/fc472b1f-143_2_20copy.502211ccf770.jpg) ![Sama mekanismi sisustuskaupassa: esiin nostettu astiasto katkaisee ruudukon kahtia pareittain aseteltujen tuotteiden joukossa.](https://portal.ww-cdn.com/portal_static/images/academy/fiches_produit/3210fa56-143_3.22bfc9f2daf6.jpg) ### Miten se tehdään Tuotteen muokkaussivulla, oikean puolen paneelissa, **Display in list** -osiossa: valitse **Highlight** vaihtoehdon **Classic** sijaan. Tuotteesi näkyy silloin muita suuremmalla pikkukuvalla. Voit nostaa esiin useita tuotteita samassa listassa tarpeidesi mukaan.