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.

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 Palvelu > Tietämyskanta.
  • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
• Napsauta sisällön nimeä.

• Kuvan lisääminen sähköpostiin:
  
  • Runsastekstimoduuli: Klassista editoria käyttävissä sähköposteissa napsauta insertImage ici-kuvaketta rikkaan tekstin työkalurivillä.Raahaa ja pudota -sähköpostieditorintekstimoduulit ja mukautetut rikkaan tekstin moduulit eivät voi sisältää kuvia.
  • Kuvamoduuli: sähköposteissa, joissa käytetään vedä ja pudota -sähköpostieditoria, napsauta kuvamoduulia ja napsauta sitten Korvaa sivupalkin editorissa paikanhaltijakuvan yläpuolella.

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

• Kuvan lisääminen sivulle, viestiin tai artikkeliin:
  • Rikastekstimoduuli: napsauta rikatekstimoduulia ja napsauta sitten rikatekstityökalurivin insertImage ici-kuvaketta .
  • Kuvamoduuli: napsauta kuvamoduulia ja napsauta sitten Korvaa sivupalkkieditorissa sijoituskuvan 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. Vie hiiren kursori kuvan päälle oikeassa paneelissa ja valitse Tiedot.
• Napsauta sitten Kuvan optimointi -pudotusvalikkoa ja valitse optimointivaihtoehto :
  • Korkea: kuva latautuu suuremmalla 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.
    

Muokkaa kuvia

Kun olet lisännyt kuvan sisältöön, voit muokata sen kokoa, lisätä alt-tekstin, 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 Palvelu > Tietämyskanta.
  • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Sähköposti.
• Napsauta sisällön nimeä.
• 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:

  • Verkkosivut: 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 > Sähköposti.
• Napsauta sisällön nimeä.
• 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 Kuva-osiossa Korvaa 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.