Kuinka lisätä hyperlinkki kuvaan WordPressissä

Linkitetty kuva muuttaa staattisen visuaalin navigointityökaluksi. Sen sijaan, että pyydät kävijöitä klikkaamaan tekstilinkkiä tai painiketta, voit antaa heidän klikata tuotekuvaa, banneria, logoa tai huomio­kuvaa ja siirtyä suoraan sivulle, jonka haluat heidän näkevän.

Yrityssivustoilla tästä on erityistä hyötyä. Klikattava kuva voi ohjata ihmiset palvelusivulle, yhteydenottolomakkeelle, hinnoittelusivulle, blogikirjoitukseen tai rekisteröitymispolkuun. Oikein käytettynä se parantaa käytettävyyttä, tukee konversioita ja auttaa löytämään tärkeät sivut helposti.

Miksi kuva kannattaa linkittää?

Hyperlinkin lisääminen kuvaan on hyödyllistä monissa tavallisissa verkkosivujen rakenteissa:

• Hero-bannerit, jotka johtavat esiteltyyn tarjoukseen
• Palvelukortit, jotka avaavat tarkemmat sivut
• Logot, jotka palauttavat käyttäjät etusivulle
• Tuotekuvat, jotka johtavat tuotesivuille
• Kampanjagrafiikat, jotka ohjaavat kävijät kampanjan laskeutumissivulle
• Toimintakehotusosiot, jotka tarvitsevat visuaalisen klikkauskohdan

Klikattavat kuvat voivat tehdä sivusta helpommin silmäiltävän, erityisesti mobiililaitteilla, joissa visuaaliset vihjeet toimivat usein paremmin kuin pienet tekstilinkit.

Ennen kuin aloitat

Varmista, että sinulla on jo:

• Julkaistu tai luonnoksena oleva WordPress-sivu tai -artikkeli
• Kuva ladattuna mediakirjastoon tai valmiina lisättäväksi
• Kohdeosoite, johon kuvan haluat avautuvan

Jos linkität sisäiseen sivuun, kopioi sivun osoite ensin. Jos linkität ulkoiseen sivustoon, varmista, että kohde on luotettava ja relevantti.

Kuinka lisätä hyperlinkki kuvaan WordPressin lohkoeditorissa

Useimmat modernit WordPress-sivustot käyttävät lohkoeditoria, joka tunnetaan myös nimellä Gutenberg. Prosessi on suoraviivainen.

1. Avaa sivu tai artikkeli

Siirry WordPress-hallintapaneelissa sivulle tai artikkeliin, johon haluat kuvalinkin lisätä.

2. Lisää tai valitse kuvalohko

Jos kuva ei ole vielä sivulla:

• Klikkaa +-painiketta
• Valitse Image-lohko
• Lataa uusi kuva, valitse kuva mediakirjastosta tai lisää se osoitteesta, jos se on tarkoituksenmukaista

Jos kuva on jo sivulla, valitse lohko klikkaamalla sitä kerran.

3. Lisää linkki

Kun kuvalohko on valittuna, etsi linkkikuvake lohkon työkalupalkista.

• Klikkaa linkkipainiketta
• Liitä tai kirjoita kohdeosoite
• Paina Enter tai vahvista linkki

WordPressin versiosta ja teemasta riippuen saatat nähdä myös vaihtoehtoja, joilla kuva linkitetään seuraavaan:

• Medi­tiedostoon
• Liitesivuun
• Mukautettuun osoitteeseen
• Ei mihinkään

Useimmissa yrityskäyttötapauksissa Mukautettu osoite on paras valinta, koska se antaa täyden hallinnan siihen, minne kuva ohjaa.

4. Säädä linkin toimintaa tarvittaessa

Jotkin editorit antavat sinun valita, avautuuko linkki uudessa välilehdessä. Tämä on usein hyödyllistä ulkoisissa linkeissä, mutta sisäiset linkit toimivat yleensä parhaiten samassa välilehdessä.

Käytä uutta välilehteä vain silloin, kun se parantaa kävijäkokemusta. Vältä sitä, että kaikki linkit pakotetaan avautumaan uuteen välilehteen, sillä se voi tuntua hämmentävältä.

5. Tallenna tai päivitä sivu

Klikkaa Update, Publish tai Save Draft tallentaaksesi muutokset.

Kuinka linkittää kuva Classic Editorissa

Jos sivustosi käyttää yhä Classic Editoria, prosessi on hieman erilainen, mutta silti helppo.

1. Lisää kuva

Klikkaa Add Media ja sijoita kuva sisältöalueelle.

2. Valitse kuva

Klikkaa kuvaa niin, että muokkaustyökalut tulevat näkyviin.

3. Avaa linkkiasetukset

Valitse linkkivaihtoehto kuvatyökalupalkista tai kuvan tietopaneelista, riippuen asetuksistasi.

4. Syötä kohdeosoite

Liitä osoite linkkikenttään ja vahvista muutos.

5. Päivitä artikkeli tai sivu

Tallenna työsi, jotta linkitetty kuva aktivoituu live-sivustolla.

Parhaat käytännöt linkitetyille kuville

Kuvan hyperlinkki on hyödyllinen vain, jos kävijä ymmärtää heti, mitä tapahtuu klikatessa. Noudata näitä parhaita käytäntöjä, jotta käyttökokemus pysyy selkeänä ja tehokkaana.

Tee kohteesta selkeä

Käytä kuvia, jotka visuaalisesti viittaavat toimintaan tai sisältöön kuvan takana. Palvelukuvaan pitäisi johtaa siihen liittyvä palvelusivu. Kampanjagrafiikan pitäisi johtaa itse kampanjaan.

Käytä kuvaavaa alt-tekstiä

Alt-teksti auttaa ruudunlukijoita ymmärtämään kuvan ja tukee saavutettavuutta. Se antaa myös kontekstia, jos kuva ei lataudu.

Jos kuva on puhtaasti koristeellinen, hyperlinkkiä ei välttämättä tarvita lainkaan.

Varmista, että tärkeät kuvat ovat klikattavia mobiilissa

Mobiilikävijät luottavat napautuskohteisiin. Varmista, että kuva on riittävän suuri, jotta sitä voi napauttaa mukavasti ilman vahinkoklikkauksia.

Vältä linkittämästä epäolennaista sisältöä

Älä ohjaa kävijöitä yhdestä aiheesta täysin eri asiaan. Epäyhtenäiset linkit heikentävät luottamusta ja konversioita.

Käytä linkitettyjä kuvia harkiten

Liian moni klikattava kuva voi tehdä sivusta sekavan. Käytä niitä vain silloin, kun ne tuovat todellista arvoa.

Yhdistä kuvat tukevaan tekstiin

Lyhyt otsikko tai kuvateksti kuvan lähellä auttaa kävijää ymmärtämään seuraavan askeleen. Tämä on erityisen tärkeää markkinointi- ja palvelusivuilla.

Yleisiä käyttötapoja yrityssivustoilla

Linkitetyt kuvat voivat tukea pienen yrityksen sivuston tavoitteita monin tavoin.

Etusivun navigointi

Logo tai esittelykuva voi ohjata käyttäjiä tärkeille sivuille, kuten palveluihin, hinnoitteluun tai yhteystietoihin.

Tuote- ja palvelumarkkinointi

Laskeutumissivujen kuvat voivat viedä kävijöitä syvemmälle myyntisuppiloon.

Blogisivuston sitouttaminen

Esittelykuvat voivat linkittää aiheeseen liittyviin resursseihin, tapaustutkimuksiin tai sisäisiin artikkeleihin.

Liidien kerääminen

Banneri tai merkki-ikuva voi ohjata rekisteröitymislomakkeelle, konsultaatiosivulle tai tarjous­sivulle.

Luottamuksen rakentaminen

Tunnistusmerkit, kumppanilogot tai suosittelugrafiikat voivat linkittää tukisivuille, joilla on lisätietoa.

Yleisten ongelmien vianmääritys

Jos linkitetty kuva ei toimi odotetulla tavalla, tarkista seuraavat asiat:

Väärä osoite syötettiin

Varmista, että kohdeosoite on täydellinen ja oikea. Puuttuva osoitteen alku tai rikkinäinen sisäinen linkki voi estää kuvan toimimisen oikein.

Kuva on linkitetty liitesivuun oikean sivun sijaan

WordPress käyttää joskus oletuksena media- tai liitesivulinkkejä. Vaihda ne täsmälliseen kohteeseen, jonka haluat.

Editorin muutoksia ei tallennettu

Jos kuvalinkki ei näy live-sivulla, varmista, että klikkasit Update tai Publish muokkauksen jälkeen.

Lisäosa tai teema häiritsee toimintaa

Jotkin sivunrakentajat, optimointilisäosat tai räätälöidyt teemat voivat muuttaa sitä, miten kuvalinkit toimivat. Tarvittaessa testaa sivua väliaikaisesti poistetuilla lisäosilla staging-ympäristössä.

Kuva näyttää klikattavalta, mutta mitään ei tapahdu

Tämä voi johtua siitä, että jokin toinen elementti peittää kuvan tai että mukautettu koodi vaikuttaa sivun rakenteeseen. Tarkista sivun rakenne ja testaa toisella selaimella.

Linkkistrategian vinkit parempaan sivuston suorituskykyyn

Linkitetyn kuvan pitäisi tukea laajempaa sisältöstrategiaa, eikä vain toimia koristeena.

• Linkitä vain silloin, kun kuva auttaa käyttäjää ottamaan hyödyllisen seuraavan askeleen
• Yhdistä kuvat sivuihin, jotka vastaavat käyttäjän tarkoitusta
• Käytä selkeitä kuvatekstejä ja lähellä olevaa toimintakehotustekstiä
• Tarkista klikkausten suorituskyky analytiikasta, jos mahdollista
• Päivitä vanhat kuvalinkit, kun sivujen osoitteet muuttuvat

Yrityksen verkkosivustolla nämä pienet parannukset voivat tehdä navigoinnista sujuvampaa ja vähentää kitkaa käyttäjäpolulla.

Loppupäätelmä

Hyperlinkin lisääminen kuvaan WordPressissä on yksinkertainen tehtävä, mutta se voi vaikuttaa merkittävästi käytettävyyteen ja konversioihin, kun se tehdään tarkoituksella. Linkitätpä sitten logon, bannerin, palvelukuvan tai kampanjagrafiikan, tärkeintä on pitää kohde relevanttina ja toiminto selkeänä.

Jos hallinnoit yrityksen verkkosivustoa, käsittele jokaista klikattavaa kuvaa osana sivustosi rakennetta. Parhaat kuvallinkit ohjaavat kävijät luontevasti seuraavaan vaiheeseen, tukevat sisältöäsi ja tekevät käyttökokemuksesta helpomman sekä työpöydällä että mobiilissa.