Käytä kuvia HubSpot-sisällössä

Voit lisätä kuvia HubSpot-sisällön rikkaisiin tekstimoduuleihin tai kuvamoduuleihin. Runsastekstimoduulit tukevat useita eri sisältötyyppejä (kuvia, tekstiä, CTA-kohteita jne.), kun taas kukin kuvamoduuli voi sisältää vain yhden kuvan.

Huomaa: tekstimoduulit ja mukautetut rikkaat tekstimoduulit raahaa ja pudota -sähköpostieditorissa eivät voi sisältää kuvia.

Kuvien lisääminen

• Siirry sisältöön:

  • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
  • Blogi: Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
  • Knowledge Base: Siirry HubSpot-tililläsi kohtaan Sisältö > Tietämyskanta.

• • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Markkinointisähköposti.
• Vie hiiren kursori sisällön päälle ja valitse Muokkaa.

Huomaa: markkinointisähköposteihin voi lisätä vain.png-,.ico,.bmp-,.jpg- ja.gif-kuvatiedostoja.

• Lisää kuva:
  • Jos haluat lisätä kuvan rikkaan tekstin moduuliin, napsauta rikkaan tekstin moduulia ja napsauta sitten rikkaan tekstin työkalurivin insertImage ici-kuvaketta .
  • Jos haluat lisätä kuvan kuvamoduuliin, napsauta kuvamoduulia ja napsauta sitten Korvaa sivupalkin editorissa paikanvarauskuvan yläpuolella.
• Valitse kuva:
  • Jos haluat lisätä olemassa olevan kuvan, napsauta kuvaa oikeassa paneelissa.

• • Jos haluat ladata uuden kuvan tietokoneelta tai tiedoston URL-osoitteen kautta, napsauta Lisää kuva oikeassa paneelissa. Jos haluat luoda uuden kuvan Canvan muokkaustyökaluilla, valitse Design with Canva. Lisää kuva sitten napsauttamalla sitä.

Ennen kuvan lisäämistä voit optimoida kuvan latausaikaa tai resoluutiota napsauttamalla kuvan yksityiskohtia oikeassa paneelissa. Napsauta sitten Kuvan optimointi -pudotusvalikkoa ja valitse optimointivaihtoehto:

• • Korkea: kuva latautuu korkeammalla resoluutiolla, mutta latausaika kasvaa.
  • Oletus: kuva optimoidaan sekä resoluution että latausajan osalta.
  • Matala: kuva latautuu pienemmällä resoluutiolla, mutta latausaika lyhenee. Lue lisää sivujen latausajan optimoinnista kehittäjien dokumentaatiosta.

Kuvien muokkaaminen

Kun olet lisännyt kuvan sisältöön, voit muokata sen kokoa, lisätä alt-tekstiä, lisätä linkin tai määrittää sen latauskäyttäytymisen.

Kuvan muokkaaminen rikkaan tekstin moduulissa

• Siirry sisältöön:

  • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
  • Blogi: Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
  • Knowledge Base: Siirry HubSpot-tililläsi kohtaan Sisältö > Tietämyskanta.
  • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Markkinointisähköposti.
• Vie hiiren kursori sisällön päälle ja valitse Muokkaa.
• Napsauta sisältöeditorissa kuvaa, jotta kuvankäsittelytyökalurivi tulee näkyviin.
• Muokkaa kuvaa:
  • Voit säätää, miten teksti kiertyy kuvan ympärille, napsauttamalla inline kohdistuskuvakkeita.

• • Voit säätää kuvan kokoa napsauttamalla leveys- ja korkeusnuolia tai syöttämällä pikselin arvon.
  • Jos haluat säätää kuvan ympärillä olevaa pehmustetta, napsauta pudotusvalikkoa Spacing (Välykset ) ja syötä sitten pikselin arvot kuvakuvakkeen reunojen ympärille.
• Voit poistaa kuvan rikkaan tekstin moduulista napsauttamalla kuvaa ja napsauttamalla sitten delete roskakorikuvaketta.

• Jos haluat korvata rikkaan tekstin moduulissa olevan kuvan, napsauta kuvaa, napsauta sitten replace replkorvaa-kuvaketta ja lisää uusi kuva.

• Jos haluat linkittää kuvan, lisätä alt-tekstin tai määrittää latauskäyttäytymisen, napsauta kuvaa ja napsauta sitten kynäkuvaketta edit:.
  • Jos haluat lisätä kuvaan linkin, napsautaponnahdusikkunassa olevaa Link to -pudotusvalikkoa ja valitse linkkiluokka. Kirjoita alla olevaan kenttään linkin kohde. Lisätietoja erityyppisistä linkeistä.

• • Kirjoita Alt-tekstikenttään teksti, jolla kuvaat hakukoneille ja ruudunlukijoille, mikä kuva on. Voit lisätä kuviin alt-tekstiä myös tiedostotyökalussa. Alt-tekstin lisääminen parantaa sivustosi saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivujen saavutettavuudesta kehittäjädokumentaatiostamme.

Huomaa: alt-tekstin lisääminen kuvaan ei lisää otsikkotekstiä. Alt-teksti vaikuttaa hakukoneiden sijoituksiin ja saavutettavuuteen, kun taas otsikkoteksti tulee näkyviin, kun kävijä vie kuvan päälle.

• Jos haluat määrittää kuvien latauskäyttäytymisen ja mukauttaa hakukoneita varten käytettävän kuvalinkkityypin, valitse Lisäasetukset.
  • Voit määrittää kuvan latauskäyttäytymisen napsauttamalla Kuvan lataus -pudotusvalikkoa ja valitsemalla vaihtoehdon:
    • Laiska: kuva latautuu vasta, kun kävijä saapuu sivun kyseiseen osaan. Tämä vähentää sivun latautumiseen kuluvaa aikaa ja parantaa hakukoneoptimointia. Oletusarvoisesti kuvat latautuvat tällä asetuksella.

• • • Selaimen oletus: Kuvan latauskäyttäytyminen määräytyy kävijän selaimen asetusten mukaan.
    • Innokas: kuva latautuu heti, kun sivu latautuu.

• • Jos haluat mukauttaa kuvalinkkityyppiä, valitse Linkin tyyppi -osiossa yksi tai useampi määrite:
    
    • Tavallinen: tätä linkkiä ei sponsoroida.
    • Ei seuraa: tämä linkki ei liity verkkosivustoosi.
    • Sponsoroitu: tämä linkki on sponsoroitu linkki tai mainos.
    • Käyttäjän luoma sisältö: tämä linkki johtaa käyttäjän luomaan sisältöön, kuten blogikommenttiin tai foorumikeskusteluun.
• Sovelletaan muutokset kuvaan napsauttamalla Käytä.

• Voit ottaa muutokset käyttöön valitsemalla oikeassa yläkulmassa Julkaise tai Päivitä ja napsauttamalla sitten valintaikkunassa Julkaise tai Päivitä .

Kuvan muokkaaminen kuvamoduulissa

• Siirry sisältöön:

  • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Verkkosivuston sivu.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
  • Blogi: Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
  • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Markkinointisähköposti.
• Vie hiiren kursori sisällön päälle ja valitse Muokkaa.
• Napsauta sisältöeditorissa kuvamoduulia.
• Voit poistaa nykyisen kuvan napsauttamalla sivupalkkieditorin Kuva-osiossa Poista. Tämä poistaa nykyisen kuvan kuvamoduulista, mutta ei poista moduulia sivulta.

• Voit korvata nykyisen kuvan valitsemalla sivupalkkieditorin Image-osiossa Replace ja lisäämällä sitten uuden kuvan.
• Kirjoita Alt-tekstikenttään teksti, joka kuvaa hakukoneille ja ruudunlukijoille, mikä kuva on. Voit lisätä kuviin alt-tekstiä myös tiedostotyökalussa. Alt-tekstin lisääminen parantaa sivustosi saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivujen saavutettavuudesta kehittäjien dokumentaatiostamme.

Huomaa: alt-tekstin lisääminen kuvaan ei lisää otsikkotekstiä. Alt-teksti vaikuttaa hakukoneiden sijoituksiin ja saavutettavuuteen, kun taas otsikkoteksti tulee näkyviin, kun kävijä vie kuvan päälle.

• Jos haluat määrittää kuvan koon eri laitteille, napsauta Koko-pudotusvalikkoa ja valitse vaihtoehto:
  
  • Säädä automaattisesti: Kuvan koko skaalautuu sen mukaan, millä laitteella sitä katsotaan.
  • Tarkka korkeus ja leveys: kuva näkyy samankokoisena kaikilla laitteilla.
• Jos haluat asettaa kuvan koolle rajoituksen, napsauta pudotusvalikkoa Maksimikoko ja valitsevaihtoehto :
  • Kuvan alkuperäinen koko: kuva ei koskaan näy alkuperäistä kokoa suurempana.
  • Mukautettu: kuva ei koskaan näy suurempana kuin tietty leveys- ja korkeuskenttiin määritetty leveys ja korkeus.
• Jos haluat määrittää kuvan latauskäyttäytymisen, napsauta Image loading (Kuvan lataus) -pudotusvalikkoa ja valitse vaihtoehto:
  • Selaimen oletus: Kuvan latauskäyttäytyminen määräytyy kävijän selaimen asetusten mukaan.

• • Lazy (Laiska): kuva latautuu vasta, kun kävijä saapuu sivun kyseiseen osaan. Tämä lyhentää sivun latautumisaikaa ja parantaa hakukoneoptimointia. Oletusarvoisesti kuvat latautuvat tällä asetuksella.

• • Innokas: kuva latautuu mahdollisimman pian.
• Jos haluat lisätä kuvaan linkin, kirjoita määränpään URL-osoite Linkki (valinnainen) -kenttään. Valitse Avaa linkki uudessa välilehdessä -valintaruutu, jos haluat ohjata kävijän kohde-URL:ään uudessa selaimen välilehdessä.

• Voit ottaa muutokset käyttöön napsauttamalla Julkaise tai Päivitä oikeassa yläkulmassa.