YouTube-videoiden upottaminen WordPress-sivulle on erinomainen tapa elävöittää sisältöäsi, parantaa käyttäjäkokemusta ja lisätä vuorovaikutusta. Video voi toimia ohjeistuksena, tuotteen esittelynä tai tarinan kertojana, ja se voi kasvattaa sivustosi uskottavuutta sekä parantaa hakukonenäkyvyyttä.
Miksi YouTube-video kannattaa upottaa?
YouTube-videon upottaminen ei ainoastaan tee sisällöstä visuaalisesti kiinnostavampaa, vaan se myös pitää sivun latausajat nopeina. Koska itse video toistetaan YouTuben palvelimilta eikä omalta palvelimelta, säästät tilaa ja kaistaa.
Upottamalla videon voit:
-
Tarjota visuaalista lisäarvoa
-
Pitää käyttäjät pidempään sivullasi
-
Parantaa hakukonenäkyvyyttä (SEO)
-
Jakaa videosisältöä helposti useilla sivuilla
Perusmenetelmä: kopioi ja liitä URL
WordPressin Gutenberg-editorissa video on helppo upottaa. Toimi näin:
-
Avaa haluamasi WordPress-sivu tai -artikkeli muokattavaksi.
-
Kopioi YouTube-videon URL osoiteriviltä, esim.
https://www.youtube.com/watch?v=ABC123DEF. -
Liitä URL suoraan haluamaasi kohtaan sivulla.
WordPress tunnistaa automaattisesti YouTube-linkin ja upottaa sen videonäyttöön.
Käytä Gutenbergin YouTube-lohkoa
Voit myös käyttää valmista YouTube-lohkoa:
-
Napsauta ”+” lisätäksesi uuden lohkon.
-
Valitse YouTube.
-
Liitä videon URL ja paina ”Upota”.
Tämä tapa antaa enemmän säätömahdollisuuksia esimerkiksi keskittämiseen, koon säätöön ja upotusasetuksiin.
Videon upottaminen klassisessa editorissa
Jos käytät vielä klassista editoria, liitä vain YouTube-linkki omalle rivilleen tekstieditorissa. WordPress tunnistaa sen automaattisesti ja muuntaa upotetuksi videoksi.
Lisää säätöä oEmbed-parametreilla
Jos haluat hallita videon asetuksia tarkemmin (esimerkiksi piilottaa suositellut videot tai asettaa automaattisen toiston), voit käyttää iframe-upotusta.
Mene YouTubeen, paina videon alta Jaa → Upota ja kopioi iframe-koodi, esim:
<code><iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/ABC123DEF?rel=0&autoplay=1” frameborder=”0″ allowfullscreen></iframe></code>
Tämä koodi liitetään WordPressissä HTML-lohkoon tai Mukautettu HTML -blokkiin.
Vastaanottavat teemat ja responsiivisuus
Useimmat nykyaikaiset WordPress-teemat tekevät YouTube-upotuksista automaattisesti responsiivisia. Joskus kuitenkin iframe-koodi voi vaatia pientä CSS-säätöä. Voit lisätä tämän koodin oman teeman tyylitiedostoon:
<code>.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</code>
Lisää sitten YouTube-video tämän wrapper-divin sisälle.
YouTube-lisäosat ja laajennetut ominaisuudet
Jos haluat enemmän hallintaa ja ominaisuuksia videoille, voit asentaa lisäosia, kuten:
Nämä lisäosat tarjoavat mahdollisuuden käyttää esimerkiksi videolistoja, esikatselukuvia, laiskaa lataamista (lazy loading) ja yksityisyyttä parantavia asetuksia.
Vinkkejä SEO:n ja käytettävyyden kannalta
-
Lisää kuvaava otsikko videon yläpuolelle.
-
Kirjoita lyhyt tekstikuvaus videon sisällöstä.
-
Käytä ALT-tekstiä, jos video on osa kuvagalleriaa.
-
Optimoi sivun latausnopeus käyttämällä laiskaa lataamista.
-
Vältä liian montaa videota samalla sivulla, jotta latausaika ei pitene liikaa.
YouTube Shorts ja live-lähetykset
Voit upottaa myös YouTube Shorts -videoita ja live-lähetyksiä samalla tavalla. Jos käytät iframe-upotusta, varmista että Shorts-linkki muunnetaan oikeaan embed-muotoon.
Yhteenveto
YouTube-videoiden upottaminen WordPressiin on helppoa ja tehokasta. Voit tehdä sen yksinkertaisesti liittämällä linkin tai käyttämällä Gutenbergin YouTube-lohkoa. Jos haluat enemmän hallintaa, iframe ja lisäosat tarjoavat lisää vaihtoehtoja. Videoiden käyttö parantaa sisältöäsi visuaalisesti ja tekee sivustostasi mielenkiintoisemman sekä käyttäjälle että hakukoneille.