Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Landing Pages

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

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Kaikki tuotteet ja HubSpot-tilaukset

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, napsautakuvamoduulia ja napsauta sitten Korvaasivupalkkieditorissa 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 kuvaa .

Ennen kuvan lisäämistä voit optimoida kuvan latausaikaa tai resoluutiota napsauttamalla oikeassa paneelissa olevan kuvan kohdalla Tiedot. Napsauta sitten Kuvan optimointi-pudotusvalikkoa ja valitseoptimointivaihtoehto:

    • 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.
set-image-optimization-for-rich-text-content

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 kokoanapsauttamalla leveys- jakorkeus -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 sittenpoista roskakori-kuvaketta.
  • Jos haluat korvata rikkaan tekstin moduulissa olevan kuvan, napsauta kuvaa, napsauta sittenkorvaa korvaa korvaa-kuvaketta ja lisää uusi kuva.
edit-image-in-rich-text-module
  • 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 linkinkohde. Lisätietoja erityyppisistä linkeistä.
    • Kirjoita Alt-tekstikenttään teksti, jolla kuvaat hakukoneille ja ruudunlukijoille, mikä kuva on. Tämä parantaa sivustosi saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivuston saavutettavuudestakehittäjien dokumentaatiosta.

Huom: Alt-tekstin lisääminen kuvaan eilisä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.
    • Voit määrittää kuvien latauskäyttäytymisen napsauttamalla Kuvien lataus-pudotusvalikkoa ja valitsemalla vaihtoehdon:
      • 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 useampimää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 napsauttamallaKäytä.

add-link-and-alt-text-to-rich-text-image

  • Napsauta sisältöeditorin oikeassa yläkulmassaPäivitätaiJulkaise, 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-osiossaReplace ja lisäämällä sitten uuden kuvan.
  • Kirjoita Alt-tekstikenttään teksti, joka kuvaa hakukoneille ja ruudunlukijoille, mikä kuva on. Tämä parantaa sivustosi saavutettavuutta ja hakukoneoptimointia. Lue lisää verkkosivuston saavutettavuudestakehittäjien dokumentaatiostamme.

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

replace-or-remove-image-in-image-module
  • 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 tietty leveys- ja korkeuskenttiin määritettyleveysjakorkeus.
  • 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, kirjoitamääränpään URL-osoiteLinkki (valinnainen) -kenttään. Valitse Avaa linkki uudessa välilehdessä-valintaruutu, jos haluat ohjata kävijän kohde-URL-osoitteeseen uudessa selaimen välilehdessä.
set-size-link-and-loading-in-an-image-module
  • Ota muutokset käyttöön napsauttamalla sisältöeditorin oikeassa yläkulmassaPäivitätaiJulkaise.