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:
- Laskeutumissivut:
- Blogi:
- Knowledge Base:
- Napsauta sisällön nimeä.
- Kuvan lisääminen sähköpostiin:
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:
- Laskeutumissivut:
- Blogi:
- Knowledge Base:
- 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ä.
Kuvan muokkaaminen kuvamoduulissa
-
Siirry sisältöön:
- Verkkosivut:
- Laskeutumissivut:
- Blogi:
- 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.