Median Lisääminen Julkaisuihin
Pyyhkäise näyttääksesi valikon
Media, kuten kuvat ja videot, tekevät sisällöstäsi dynaamisempaa ja kiinnostavampaa. Tässä oppitunnissa opit parhaat käytännöt median lataamiseen WordPress-julkaisuihin, tiedostojen optimointiin sekä alt-tekstin ja kuvatekstien käyttöön saavutettavuuden ja hakukoneoptimoinnin (SEO) parantamiseksi.
Mediaa voidaan lisätä julkaisuun käyttämällä lohkoja. Alla on lyhyt yhteenveto olennaisista lohkotyypeistä:
- Käytä Kuvakohdan lohkoa ladataksesi valokuvia tai valitaksesi niitä mediakirjastosta;
- Käytä Videolohkoa vain, jos sinun on ehdottomasti ladattava vide tiedosto palvelimellesi (ei suositeltavaa);
- Käytä Upotuslohkoa lisätäksesi YouTube-, Vimeo- tai muita ulkoisia videoita liittämällä videolinkin.
On suositeltavaa käyttää ulkoisia alustoja, kuten YouTubea tai Vimeota, videoiden tallentamiseen. Tämä johtuu seuraavista syistä:
- Palvelintilasi on rajallinen: videot vievät paljon tilaa;
- Videot kuluttavat paljon kaistanleveyttä: jokainen katselukerta käyttää dataa palvelintilastasi;
- Suuret tiedostot hidastavat sivustoasi: tämä voi heikentää kävijöiden käyttökokemusta ja vaikuttaa negatiivisesti hakukoneoptimointiin.
Upottamalla videoita esimerkiksi YouTubesta sivustosi latautuu nopeammin, eikä palvelimesi resursseja kulu turhaan.
Myös suuret kuvat voivat hidastaa verkkosivustoasi. Latausaikojen parantamiseksi:
- Käytä JPEG- tai WebP-muotoa; nämä tarjoavat hyvän laadun pienemmällä tiedostokoolla;
- Muuta kuvien kokoa ennen lataamista; vältä täysikokoisten tiedostojen lataamista suoraan kamerasta tai puhelimesta;
- Käytä pakkaustyökaluja, kuten TinyPNG tai ImageOptim pienentääksesi tiedostokokoa.
On suositeltavaa pitää kuvien tiedostokoko alle 200–300 KB aina kun mahdollista, sillä tämä nopeuttaa sivujen latautumista erityisesti hitaammilla internet-yhteyksillä.
Alt-tekstin (vaihtoehtoinen teksti) ja kuvatekstien lisääminen kuviin parantaa sekä saavutettavuutta että hakukoneoptimointia (SEO).
Alt-teksti on kirjallinen kuvaus kuvastasi. Se on tärkeä ruudunlukuohjelmien käyttäjille, esimerkiksi näkövammaisille. Ruudunlukuohjelma lukee alt-tekstin ääneen, jotta käyttäjä tietää, mitä näytöllä on.
Alt-tekstiä käyttävät myös Google ja muut hakukoneet ymmärtääkseen, mitä kuvasi esittää; tämä auttaa kuviasi näkymään Google Kuvahaussa ja tuo lisää kävijöitä sivustollesi.
Kuvatekstit näkyvät sivulla kuvan alla; ne auttavat selittämään tai antamaan lisätietoa kuvasta kaikille käyttäjille.
Esimerkki:
Jos lataat blogikirjoitukseen kuvan salaatista, alt-teksti voisi olla:
"Tuore vihersalaatti, jossa kirsikkatomaatteja ja fetajuustoa". Tämä kertoo Googlelle ja ruudunlukijoille tarkalleen, mitä kuvassa on.
Kun lataat kuvan WordPressiin, tarkista kuvan asetuspaneeli oikealla. Löydät kentät sekä alt-tekstille että kuvatekstille.
Täytä nämä kentät huolellisesti, erityisesti alt-teksti. Pyri sisällyttämään aiheeseesi liittyviä avainsanoja, mutta vältä liiallista avainsanojen käyttöä.
Tämän tiedon lisääminen parantaa:
- Saavutettavuutta kaikille käyttäjille;
- Sisältösi SEO-sijoitusta;
- Mahdollisuutta, että kuvasi näkyvät Google Kuvissa ja tuovat lisää liikennettä sivustollesi.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme