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 Markkinointi > Verkkosivusto > Verkkosivuston sivut.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Blogi: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Blogi.
  • Knowledge Base: Siirry HubSpot-tililläsi kohtaan Asiakaspalvelu > Tietämyskanta.

• • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Sä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:
  • Voit lisätä kuvan rikkaan tekstin moduuliin napsauttamalla rikkaan tekstin moduulia ja napsauttamalla sitten rikkaan tekstin työkalurivin insertImage iciimage-kuvaketta .
  • Jos haluat lisätä kuvan kuvamoduuliin, napsauta kuvamoduulia ja napsauta sitten Korvaa sivupalkkieditorissa paikanvarauskuvan yläpuolella olevaa vaihtoehtoa.
• Valitse kuva:
  • Jos haluat lisätä olemassa olevan kuvan, napsauta kuvaa oikeassa paneelissa.

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

Ennen kuvan lisäämistä voit optimoida kuvan latausaikaa tai resoluutiota napsauttamalla oikeassa paneelissa olevan kuvan kohdalla Tiedot. 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.

Muokkaa kuvaa rikkaan tekstin moduulissa

• Siirry sisältöön:

  • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Blogi: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Blogi.
  • Knowledge Base: Siirry HubSpot-tililläsi kohtaan Asiakaspalvelu > Tietämyskanta.
  • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Sä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 rivin tasauskuvakkeita.

• • Voit säätää kuvan kokoa napsauttamalla leveys- ja korkeus -nuolia tai syöttämällä pikselin arvon.
  • Jos haluat säätää täytettä kuvan ympärillä, napsauta pudotusvalikkoa Spacing (Välykset ) ja syötä sitten pikselin arvot kuvan kuvakkeen reunojen ympärille.
• Jos haluat poistaa kuvan rikkaan tekstin moduulista, napsauta kuvaa ja napsauta sitten poista roskakori -kuvaketta.

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

• Jos haluat linkittää kuvan, lisätä alt-tekstin tai asettaa latauskäyttäytymisen, napsauta kuvaa ja napsauta sittenmuokkauskynäkuvaketta:
  • Jos haluat lisätä kuvaan linkin, napsautaponnahdusikkunan Linkki kohteeseen -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.

Huom: Alt-tekstin lisääminen kuvaan eieilisätä 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 latauskäyttäytymisen ja mukauttaa kuvan linkityypin hakukoneita varten, valitse Lisäasetukset.
  • Jos haluat määrittää kuvien latauskäyttäytymisen, napsauta Image loading (Kuvien lataus ) -pudotusvalikkoa ja valitse vaihtoehto:
    • Lazy: kuva latautuu vasta, kun kävijä saapuu sivun kyseiseen osaan. Tämä lyhentää sivun lataamiseen kuluvaa aikaa ja parantaa hakukoneoptimointia. Oletusarvoisesti kuvat latautuvat tällä asetuksella.
    • Eager: kuva latautuu heti, kun sivu latautuu.
    • Selaimen oletus: Kuvan latauskäyttäytyminen määräytyy kävijän selaimen asetusten mukaan.
  • Jos haluat mukauttaa kuvalinkkityyppiä, valitse Linkin tyyppi -osiossa yksi tai useampi määrite:
    
    • Tavallinen: Tämä linkki ei ole sponsoroitu.
    • 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ä.

• Napsauta sisältöeditorin oikeassa yläkulmassa Päivitä tai Julkaise, jos haluat tehdä muutokset näkyviin.

Kuvan muokkaaminen kuvamoduulissa

• Siirry sisältöön:

  • Verkkosivuston sivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Verkkosivuston sivut.
  • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Aloitussivut.
  • Blogi: Siirry HubSpot-tililläsi kohtaan Markkinointi > Verkkosivusto > Blogi.
  • Sähköposti: Siirry HubSpot-tililläsi kohtaan Markkinointi > Sä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.

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

• Aseta kuvan koko. Voit määrittää koon automaattisesti tai asettamalla mukautetun korkeuden ja leveyden:
  
  • Säädä automaattisesti: kuva skaalautuu sen koon mukaan, joka sopii laitteeseen, jolla sitä katsotaan.
  • Tarkka korkeus ja leveys: kuva näkyy samankokoisena kaikilla laitteilla.
• Aseta enimmäiskoko:
  • Kuvan alkuperäinen koko: kuva ei koskaan näy alkuperäistä kokoa suurempana.
  • Mukautettu: kuva ei koskaan näy suurempana kuin leveys- ja korkeuskenttiin määritetty tietty leveys ja korkeus.
• 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ä lyhentää sivun latausaikaa ja parantaa hakukoneoptimointia. Oletusarvoisesti kuvat latautuvat tällä asetuksella.

• • Selaimen oletus: Kuvan latauskäyttäytyminen määräytyy kävijän selaimen asetusten mukaan.
• 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-osoitteeseen uudessa selaimen välilehdessä.

• Ota muutokset käyttöön napsauttamalla sisältöeditorin oikeassa yläkulmassa Päivitä tai Julkaise.