Teksti puheeksi WooCommerce-tuotesivuilla: käytännön opas

11 min luku 19 min kuuntelu
Teksti puheeksi WooCommerce-tuotesivuilla: käytännön opas

Teksti puheeksi (TTSWP) toimii WooCommerce-kaupoissa ympäri maailmaa, ja samat kysymykset toistuvat viikosta toiseen. Tämä opas on käytännön käsikirja äänen lisäämiseen tuotesivuille: asennus, äänivalinta, monikielisyys ja yleisimmät sudenkuopat.

Miksi ääni tuotesivuilla vuonna 2026

Kolme syytä tekee juuri tästä hetkestä oikean ajankohdan lisätä ääni WooCommerce-tuotteille.

Ensinnäkin ostajat tekevät monia asioita yhtä aikaa. Tuotteita tutkitaan puhelimella ruoanlaiton, pendelöinnin tai lapsen kantamisen lomassa. Toistopainike tuotesivulla antaa käyttäjälle mahdollisuuden kuunnella kädet vapaana.

Toiseksi tekoälyhakukoneet muokkaavat tuotelöydettävyyttä. ChatGPT Search, Perplexity ja Googlen AI Overviews nojaavat yhä enemmän sivuihin, jotka julkaisevat sisällöstään jäsennellyn ääniversioon. Käsittelimme tätä tarkemmin artikkelissa tekoälyhakukoneet ja äänimuotoinen sisältö. Tuotesivut hyötyvät samasta vaikutuksesta, kun kuvaus on riittävän laaja kuunneltavaksi.

Kolmanneksi Euroopan saavutettavuuslaki laajensi verkkokaupan vaatimuksia vuonna 2025. EU-asiakkaita palvelevilla kaupoilla on nyt myös lakisääteinen syy miettiä äänipohjaisia ratkaisuja konversiovaikutusten rinnalla.

Artikkelimaisessa sisällössä näemme säännöllisesti 20–40 prosentin kasvun istuntoajassa äänen ollessa käytössä. Tuotesivut hyötyvät samanlaisesta sivustoajankäytön kasvusta, kun kuvaus on riittävän pitkä kuunneltavaksi. En lupaa konversiolukuja, koska rehellinen vastaus on, että ne vaihtelevat kategorian, äänivalinnan ja kuvauksen toisteisuuden mukaan.

Mitä WooCommerce-tuotteesta luetaan ääneen

TTSWP lukee ääneen ne tuotesivun osat, jotka sopivat hyvin kuunneltaviksi, ja jättää muut pois.

Oletuksena mukana:

  • Tuotteen otsikko
  • Pitkä kuvaus (pääeditorin sisältö)

Valinnainen asetus:

  • Lyhyt kuvaus (katkelmaosuus ostosnappi-napin yläpuolella)

Oletuksena poissuljettu:

  • Attribuutit ja variaatiot
  • Mukautetut kentät ja meta-tieto
  • Asiakasarvostelut
  • SKU-koodit
  • Hinta

Tämä on tärkeämpää kuin miltä ensin kuulostaa. "S K U viiva nolla nolla yksi viiva B L K" ääneen lausuttuna on huono käyttökokemus. Hinnan lukeminen vanhenee heti alennuksen alkaessa. Arvostelut tuovat käyttäjien tuottamaa sisältöä, jota et välttämättä halua brändiäänesi lukemaksi. Pitkä kuvaus on varsinainen hyötykohta, koska se on paikka, jossa tuotteen tarina elää. Voit säätää luettavaa sisältöä sisältöasetuksissa.

Asennus viidessä vaiheessa

  1. Asenna lisäosa. Hae Text to Speech – TTSWP WordPress.orgista ja aktivoi se. Tavallinen lisäosan asennus – katso koko asennusopas kuvakaappauksineen ja erityistapauksineen.
  2. Yhdistä SaaS-kojelautaan. Seuraa kehotetta ja kirjaudu app.ttswp.com-palveluun. Yhdistämisopas opastaa jokaisen vaiheen läpi.
  3. Ota Tuotteet käyttöön sisältötyyppinä. Siirry kohtaan Teksti puheeksi, sitten Sisältö, ja kytke Tuotteet päälle. Tämä kertoo lisäosalle, että WooCommerce-tuotteita käsitellään kuten blogiartikkeleita äänen generoinnissa.
  4. Valitse soittimen sijoituspaikka. Valitse Otsikon jälkeen tai Sisällön jälkeen. Useimmissa kaupoissa soitin sijoitetaan suoraan otsikon alle, jotta ostajat näkevät sen ennen alasscroolaamista. Katso vaihtoehdot soitinasetusten sivulta.
  5. Valitse brändiä vastaava ääni. Valitse ääni kirjastosta ja tallenna. Generoi yksi tuote ja varmista, että ääni kuulostaa oikealta ennen massakäsittelyä.

Täydelliset ohjeet löytyvät WooCommerce-integraation dokumentaatiosta. Kaupoissa, joita olemme rakentaneet, koko prosessiin kuluu noin 15 minuuttia, jos WooCommercen hallintapaneeli on ennestään tuttu.

Oikean äänen valinta tuotesivulle

Tuotesivun ääni ei ole sama asia kuin uutisartikkelin ääni. Uutisartikkelissa halutaan rauhallinen ja auktoritatiivinen lukija. Tuotesivulla tarvitaan energiaa, lämpöä ja tiiviyttä.

Ajattele, miten hyvä myyjä puhuu. Hän ei puhu yksitoikkoisesti. Hän on hieman innostunut, lausuu tuotteen nimen selkeästi ja kuulostaa siltä kuin tuote aidosti kiinnostaisi häntä. Se on tavoite.

Muutama käytännön suositus:

  • Käytä eri ääntä kuin blogissa. Toimituksellinen ja kaupallinen sisältö hyötyvät erilaisista sävyistä. Blogi voi olla rauhallinen ja selittävä. Tuotteiden pitäisi kuulostaa reippailta.
  • Valitse yksi ääni ja pidä siitä kiinni. Brändin yhtenäisyys katalogissa on tärkeää. Äänenvaihto tuotteiden välillä rikkoo yhtenäisen brändin tunnun.
  • Kokeile uusinta ElevenLabs-mallia. Uudemmat ElevenLabs-äänet hallitsevat tunnelämpöä paremmin kuin vanhat neuroverkkopohjaiset TTS-äänet. Voit ohjata generoinnin oman ElevenLabs-avaimesi kautta – katso BYOK. Jos sinulla ei vielä ole tiliä, rekisteröitymislinkki on try.elevenlabs.io/ttswp.
  • Harkitse äänikloonausta erottuville brändeille. Perustaja-vetoiset brändit ja premium-jälleenmyyjät hyötyvät klonatusta äänestä, jota kenelläkään muulla ei ole. Katso äänikloonaus.
Äänentoistosoitin sijoitettuna WooCommerce-tuotekortin yläosaan, jossa näkyvät otsikko ja Lisää ostoskoriin -painike
Useimmat kaupat sijoittavat soittimen suoraan tuotteen otsikon alle, jolloin ostajat näkevät sen ennen kuin he selaillevat kuvaukseen.

Massagenerointi valmiille katalogeille

Jos sinulla on kymmenen tuotetta, voit generoida äänen yksitellen. Jos tuotteita on 500 tai 5 000, tarvitset massakäsittelyn.

Massagenerointi on ominaisuus, joka tekee tästä käytännöllisen vakiintuneille kaupoille. Massagenerointityökalu käsittelee tuotteet taustalla tiimisi jatkaessa töitä. Laitat erän jonoon, poistut hetkeksi, ja palatessasi koko katalogi on valmiiksi selostettu.

Suunnitelmarajoitukset ovat tässä olennaisia. Pro-suunnitelma käsittelee enintään 1 000 tuotetta per erä. Agency-suunnitelma käsittelee enintään 5 000 tuotetta päivässä kaikilla yhdistettyillä sivustoilla. 500 tuotteen katalogi valmistuu yhdessä iltapäivässä. 5 000 tuotteen kauppa valmistuu muutamassa päivässä.

Taustagenerointi on se osa, jonka useimmat unohtavat tätä arvioidessaan. Selainta ei tarvitse pitää auki. Jono pyörii palvelimillamme ja ääni ilmestyy tuotteisiin sitä mukaa kuin se valmistuu. Toimittajasi voi lisätä uusia tuotteita samalla kun vanhan katalogin äänet generoidaan.

Monikieliset kaupat

Tässä TTSWP osoittaa arvonsa rajat ylittävässä verkkokaupassa. Jos myyt EU:ssa, sinulla on todennäköisesti tuotekuvaukset käännettynä useille kielille. Ranskalaiselle tuotteelle tarvitaan ranskankielinen ääni, ei englantilainen ääni, joka lukee ranskaa huonolla lausumisella.

Kaupoissa, joissa on käytössä WPML, Weglot, Polylang tai TranslatePress, kieli yhdistetään ääneen automaattisesti. Lisäosa tunnistaa kunkin käännetyn tuotteen kielen ja ohjaa sen kyseiselle lokaatiolle konfiguroidulle äänelle. Koko asennus on kuvattu kieli-ääni-yhdistämisen dokumentaatiossa.

Käytännössä tämä näyttää tältä: norjalainen kauppa, joka myy Ranskaan, Saksaan ja Alankomaihin, valitsee neljä ääntä, yhden per lokaatio. Kun WPML-kääntäjä julkaisee tuotteen ranskankielisen version, ranskankielinen ääni selosttaa sen automaattisesti. Ei manuaalista tiedostovalintaa, ei kopiointia hallintapaneelien välillä. Tämä on työnkulku, jonka rakensimme WooCommerce-käyttötapaussivulle.

AudioObject-skeema ja AEO tuotteille

Jokaiselle TTSWP-äänen sisältävälle tuotesivulle lisätään AudioObject JSON-LD -skeema WooCommercen jo tuottaman tavallisen Product-skeeman rinnalle.

Miksi tällä on merkitystä: tekoälyhakukoneet jäsentävät rakenteistettua dataa ymmärtääkseen sivun tarjoaman sisällön. Product-skeema kertoo niille tuotteesta. AudioObject-skeema kertoo, että kuvauksesta on ääniversio, kuka sen on sellostanut, millä kielellä se on ja missä äänitiedosto sijaitsee.

Tässä on konkreettinen esimerkki. Ostaja kysyy Perplexityltä "mikä on paras ergonominen toimistotuoli alle 500 eurolla". Hakukone pohjaa vastauksensa sivuihin, jotka se pystyy jäsentämään. Sivut, joilla on runsas rakenteistettu data, mukaan lukien AudioObject-skeema selosteelle, antavat hakukoneelle enemmän viitattavaa. Ääniselosteen sisältävät tuotesivut nousevat todennäköisemmin viitatuksi lähteeksi kuin muuten identtiset sivut ilman ääntä.

Tässä ei ole mitään maagista. Kyse on hakukoneoptimoinnin tavanomaisesta kumulatiivisesta hyödystä, joka syntyy antamalla hakukoneille enemmän rakenteistettua tietoa sivustasi. Ääni on viimeisin kerros.

Teemayhteensopivuus ja soittimen sijoittelun erityistilanteet

Valtaosa WooCommerce-teemoista toimii ilman muutoksia. Olemme testanneet Storefrontin, Astran, Kadencen, Blocksyn ja GeneratePressin oikeissa kaupoissa. Soitin ilmestyy sinne, minne käsket.

Raskaat kaupalliset teemat kuten Flatsome ja Woodmart toimivat yleensä myös, koska ne käyttävät edelleen WooCommercen tavallisia mallihookeja. Tilanne mutkistuu täysin mukautetuissa teemoissa, jotka ylikirjoittavat single-product.php-tiedoston omalla rakenteellaan. Tällöin automaattinen sijoittelu ei välttämättä osu oikeaan paikkaan.

Kaksi luotettavaa ratkaisua:

  • Kiinteä alatunniste-soitin. Ota käyttöön kiinteä alatunniste-soitin. Se kelluu jokaisen tuotesivun alaosassa teemamallista riippumatta.
  • Manuaalinen lyhytkoodi. Lisää lyhytkoodi tuotemalliin haluamaasi kohtaan. Katso lyhytkoodit.

Yksi asia variointituotteista. Ääni selosttaa päätason tuotekuvauksen. Yksittäiset variaatiot eivät saa omia äänitiedostoja. Tämä on tarkoituksellista. Kahdentoista erillisen äänitiedoston generointi saman t-paidan kahdelletoista kokovaihtoehdolle polttaisi krediittejä ja hämmentäisi ostajia. Jos variaatiolla on merkittävästi erilainen kuvaus, kannattaa käsitellä sitä erillisenä tuotteena.

Saavutettavuus ja Euroopan saavutettavuuslaki

Lyhyt huomio, koska tämä ei ole tämän oppaan pääaihe. Äänentoistosoitin on oletuksena WCAG 2.2 -yhteensopiva. Näppäimistönavigointi, kohdistustilat, ARIA-merkinnät ja ruudunlukijailmoitukset ovat sisäänrakennettuja. Täydellinen erittely löytyy saavutettavuusdokumentaatiosta.

EU-asiakkaita palvelevien verkkokauppojen on täytettävä Euroopan saavutettavuuslain vaatimukset kesäkuusta 2025 alkaen. Ääniseloste ei yksinään ole EAA:n vaatimusten täyttäminen, mutta se on osa laajempaa strategiaa. Yksityiskohtaiset artikkelit aiheesta ovat WCAG-äänivaatimukset WordPressille ja Euroopan saavutettavuuslaki ja WordPress.

Yleisimmät virheet oikeista auditoinneista

Asioita, joita löydämme toistuvasti auditoidessamme WooCommerce-kauppoja, joihin on lisätty ääni:

  • Lyhyen kuvauksen toistaminen äänenä. Ostosnapin yläpuolella oleva lyhyt kuvaus toistaa usein tuotteen otsikon ja pitkän kuvauksen ensimmäisen rivin. Molempien selosteaminen luo turhaa toistoa. Valitse toinen.
  • Äänen generointi ennen kuin kuvaus on valmis. Kaupat generoivat äänen 200 tuotteelle, minkä jälkeen markkinointitiimi muokkaa jokaisen kuvauksen seuraavalla viikolla. Se on regenerointilasku, joka olisi voitu välttää.
  • Yhden hitaan kertojaäänen käyttö muotikatalogissa. Muotiostajat haluavat energiaa ja vauhtia. Harkittu dokumentaariääni tappaa tunnelman. Sovita ääni kategoriaan.
  • SKU-koodien unohtaminen pois pitkästä kuvauksesta. Jotkut kaupat liittävät SKU-viittauksia kuvaustekstiin. "Viitteen numero A B viiva neljä seitsemän viiva kauttaviiva viiva kaksi" ääneen lukeminen on pieni katastrofi. Siivoa kuvaus, älä luota siihen, että TTS-moottori selviää siitä jotenkin.
  • Äänen regeneroimatta jättäminen käännöstiimin muutosten jälkeen. Kääntäjät tekevät useita versioita. Jos ääni on generoitu ensimmäisen luonnoksen pohjalta ja lopullinen julkaistu versio on erilainen, ostajat kuulevat vanhentuneen tekstin. Rakenna prosessi, jossa ääni regeneroidaan käännöksen hyväksynnän jälkeen.

Huomio krediiteistä ja kustannuksista

Ääniseloste kuluttaa TTS-krediittejä. Hyvä uutinen WooCommerce-kaupoille on, että tuotekuvaukset ovat yleensä lyhyempiä kuin blogiartikkelit. Kauppa, jossa on 500 tuotetta ja noin 150 sanan kuvaukset, kuluttaa noin 75 000 merkkiä kerran, ja sen jälkeen vain kun kuvaus muuttuu.

Vertailun vuoksi: yksittäinen 2 000 sanan blogiartikkeli kuluttaa noin 12 000 merkkiä. 500 tuotteen kuvaukset maksavat siis äänengeneroinnissa suunnilleen saman kuin kuusi pitkää blogiartikkelia. Useimmat kaupat kokevat tämän kertaluonteisena asennuskuluna eikä toistuvana menona. Täydelliset suunnitelmatiedot löytyvät hinnoittelusivulta.

Usein kysytyt kysymykset

Selostaako TTSWP WooCommerce-tuotevariaatiot erikseen?

Ei. Ääni selosttaa päätason tuotekuvauksen, joka on yhteinen kaikille variaatioille. Yksittäiset variaatiot, kuten koot tai värit, eivät saa omia äänitiedostoja. Jos variaatiolla on merkittävästi erilainen kuvaus ja asiakastarina, siistimpää on käsitellä sitä erillisenä tuotteena variaation sijaan.

Voivatko ostajat ladata tuotekuvauksen ääniversioon?

Kyllä, jos otat latausvaihtoehdon käyttöön soitinasetuksissa. Oletuksena soitin suoratoistaa ääntä eikä tarjoa latausta, mikä pitää ostajat sivulla. Jotkut kaupat ottavat latauksen käyttöön tuotekategorioissa, joissa ostajat haluavat kuunnella offline-tilassa, kuten pitkissä opastuotteissa tai äänikeskeisessä sisällössä. Muokkaa asetusta soitinasetusten sivulla.

Hidastuvatko tuotesivut äänen lisäämisen myötä?

Ei. Äänitiedostot toimitetaan CDN:stä ja soitin latautuu asynkronisesti, joten se ei estä muun sivun latautumista. Käytämme lazy-latausta soittimessa itsessään, mikä pitää Core Web Vitals -pistemäärät vakaina. Suorituskykyä koskevat tiedot löytyvät suorituskykydokumentaatiosta. Välimuistilisäosia käyttävien kauppojen kannattaa seurata välimuisti-integraatio-ohjetta.

Toimiiko se mukautetuilla WooCommerce-teemoilla kuten Flatsomella tai Woodmartilla?

Kyllä, sekä Flatsome että Woodmart toimivat, koska ne käyttävät edelleen WooCommercen tavallisia mallihookeja. Olemme testanneet integraation oikeissa kaupoissa, joissa on käytössä molemmat teemat. Jos sinulla on täysin mukautettu teema, joka ylikirjoittaa yksittäisen tuotteen mallin, kiinteä alatunniste-soitin tai manuaalinen lyhytkoodi ratkaisee asian. Katso kiinteä alatunniste-soitin.

Päivittyykö ääni automaattisesti, kun muokkaan tuotekuvausta?

Kyllä, jos otat käyttöön automaattisen generoinnin julkaisussa. Kun tallennat muutokset tuotteeseen, lisäosa asettaa äänen regeneroinnin jonoon, jotta seloste vastaa uutta kuvausta. Jotkut kaupat suosivat manuaalista hallintaa välttääkseen krediittien kulumisen pienten muutosten yhteydessä. Molemmat tilat ovat saatavilla automaattinen generointi julkaisussa -asetuksissa.

Voinko selostaaa tuotteet useilla kielillä ilman manuaalista asetusta?

Kyllä. Jos käytät WPML-, Weglot-, Polylang- tai TranslatePress-lisäosaa, lisäosa tunnistaa jokaisen käännetyn tuotteen ja ohjaa sen kieltä varten konfiguroidulle äänelle. Ranskankielinen käännös saa ranskankielisen äänen. Saksankielinen käännös saa saksankielisen äänen. Tuotekohtaista asetusta ei tarvita. Täydelliset tiedot löytyvät kieli-ääni-yhdistämisen dokumentaatiosta.

Mitä tapahtuu äänelle, kun poistan tuotteen?

Äänitiedosto poistetaan, kun tuote poistetaan, mikä pitää tallennustilasi siistinä. Jos siirrät tuotteen roskakoriin poistamatta sitä pysyvästi, ääni säilyy käytettävissä siltä varalta, että palautat tuotteen. Merkkikrediittejä ei palauteta äänen poistamisen yhteydessä, koska generointi on jo suoritettu.

Mistä aloittaa

Jos pyörität WooCommerce-kauppaa ja haluat testata tätä ennen koko katalogin käyttöönottoa, toimi näin. Ota Tuotteet käyttöön sisältötyyppinä, generoi ääni kymmenelle myydyimmälle tuotteelle ja seuraa analytiikkaa viikon ajan. Vertaa sivustoajankäyttöä ja poistumisprosenttia samojen tuotteiden edellisen viikon lukuihin.

Jos luvut näyttävät hyvältä, generoi ääni massakäsittelyllä loppuun katalogiin. WooCommerce-integraation dokumentaatio sisältää täydellisen läpikäynnin. Laajempaan WooCommerce-viitekehykseen virallinen WooCommerce-dokumentaatio on paikka, johon ohjaan asiakkaita, kun he tarvitsevat tietoa taustalla olevista malleista ja hookeista. Ääni on kerros hyvin rakennetun kaupan päälle, ei sen korvike.