Tässä artikkelissa opit, miten WYSIWYG-editorissa luotuihin kuviin lisätään tai muokataan title- ja alt-tekstejä (alternative text). Näiden tietojen avulla voit tehostaa hakukoneoptimointia ja parantaa saavutettavuutta, kun verkkosivustosi sisältöä luetaan esimerkiksi ruudunlukuohjelmilla. Artikkelissa käsitellään myös, miten tekstit tallentuvat HTML:ään ja kääntyvät automaattisesti DeepL-rajapintaa hyödyntäen muille kielille.

Vaiheittaiset ohjeet

Avaa artikkeli WYSIWYG-editorissa

• Siirry kohtaan, jossa sisältöä voi editoida (esimerkiksi Kategorian editointi).

Valitse muokattava kuva

• Klikkaa haluamaasi kuvaa hiiren vasemmalla painikkeella WYSIWYG-editorissa.

Avaa kuvan asetukset

• Etsi kuvan oikeasta ylä- tai reunapalkista pieni kynän kuvake (title-kohta).
• Klikkaa kynän ikonia avataksesi kuvan asetukset.

Lisää tai muokkaa tekstejä

• Title (kuvan otsikko): Anna kuvaa kuvaava otsikko tai lyhyt kuvaus.
• Alternative text (alt-teksti): Lisää lyhyt, informatiivinen alt-teksti, joka kuvailee kuvan sisältöä.

Tallenna asetukset

• Vahvista tekemäsi muutokset painamalla tallennuspainiketta tai “OK”.
• Näin tallennat tiedot osaksi HTML:ää.

Hyödynnä automaattista käännöstä

• Kun käännät koko tekstiosion DeepL tai Google Translate -rajapintaa käyttäen, myös kuvaan liitetyt title- ja alt-tekstit kääntyvät automaattisesti.

Lisävinkki

• Varmista, että alt-teksti on kuvaileva, mutta ytimekäs, jotta ruudunlukuohjelmat voivat kertoa kuvan olennaisen sisällön.
• Hakukoneoptimoinnin kannalta alt-tekstiä ei kannata ylikuormittaa avainsanoilla.

Yhteenveto

Alt-tekstit ja kuvan otsikot (title) ovat tärkeitä elementtejä niin saavutettavuuden kuin hakukoneoptimoinnin näkökulmasta. Kun muokkaat näitä tietoja WYSIWYG-editorissa ja tallennat ne HTML:ään, tiedot kääntyvät automaattisesti DeepL:n avulla, mikä helpottaa monikielisen sisällön ylläpitoa.