Gebruik afbeeldingen in HubSpot-content

Je kunt afbeeldingen toevoegen aan rich text modules of image modules in HubSpot content. Rijke tekst modules ondersteunen meerdere soorten content (afbeeldingen, tekst, CTA's, etc.), terwijl elke afbeeldingsmodule slechts één afbeelding kan bevatten.

Let op: tekstmodules en aangepaste rich text modules in de drag and drop e-mail editor kunnen geen afbeeldingen bevatten.

Afbeeldingen toevoegen

• Navigeer naar uw inhoud:

  • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
  • Blog: Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Kennisbank: Navigeer in uw HubSpot account naar Service > Kennisbank.

• • Email: Navigeer in uw HubSpot-account naar Marketing > E-mail.
• Ga met de muis over uw inhoud en klik op Bewerken.

Let op: alleen.png,.ico,.bmp,.jpg en.gif afbeeldingsbestanden kunnen worden toegevoegd aan marketing e-mails.

• Voeg een afbeelding in:
  • Om een afbeelding aan een rijke tekstmodule toe te voegen, klikt u op de rijke tekstmodule en vervolgens op hetpictogram Afbeelding invoegen op de werkbalk voor rijke tekst.
  • Als u een afbeelding aan een afbeeldingsmodule wilt toevoegen, klikt u op de afbeeldingsmodule en vervolgens op Vervangen in de zijbalkeditor boven de plaatshouderafbeelding.
• Selecteer een afbeelding:
  • Om een bestaande afbeelding in te voegen, klikt u op de afbeelding in het rechterpaneel.

• • Om een nieuwe afbeelding te uploaden vanaf uw computer of via een bestands-URL, klikt u op Afbeelding toevoegen in het rechterpaneel. Om een nieuwe afbeelding te maken met Canva's bewerkingstoolsklikt u op Ontwerpen met Canva. Klik vervolgens op de afbeelding om deze in te voegen.

Voordat u een afbeelding invoegt, kunt u de afbeelding optimaliseren voor laadtijd of resolutie door in het rechterpaneel op Details van de afbeelding te klikken. Klik vervolgens op hetvervolgkeuzemenu Afbeelding optimaliseren en selecteer een optimalisatieoptie:

• • Hoog: de afbeelding wordt geladen met een hogere resolutie, maar met een verhoogde laadtijd.
  • Standaard: de afbeelding wordt geoptimaliseerd voor zowel de resolutie als de laadtijd.
  • Laag: de afbeelding wordt geladen met een lagere resolutie, maar met een kortere laadtijd. Lees meer over het optimaliseren van pagina's voor laadtijd in onze documentatie voor ontwikkelaars.

Afbeeldingen bewerken

Zodra u een afbeelding aan uw inhoud hebt toegevoegd, kunt u de grootte ervan bewerken, alt-tekst toevoegen, een link toevoegen of het laadgedrag ervan instellen.

Een afbeelding bewerken in een rijke tekstmodule

• Navigeer naar uw inhoud:

  • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
  • Blog: Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Kennisbank: Navigeer in uw HubSpot account naar Service > Kennisbank.
  • Email: Navigeer in uw HubSpot-account naar Marketing > E-mail.
• Beweeg de muis over uw inhoud en klik op Bewerken.
• Klik in de inhoudseditor op de afbeelding om de werkbalk voor het bewerken van afbeeldingen weer te geven.
• Bewerk de afbeelding:
  • Klik op de pictogrammen voor inline uitlijning om aan te passen hoe de tekst om de afbeelding wordt gewikkeld.

• • Om degrootte van de afbeelding aan te passen, klikt u opdepijlen breedte en hoogte of voert u een pixelwaarde in.
  • Om de opvulling rond uw afbeelding aan te passen, klikt u op het keuzemenu Afstand en voert u vervolgens pixelwaarden in rond de randen van het afbeeldingspictogram.
• Om een afbeelding uit een rijke tekstmodule te verwijderen, klik je op de afbeelding en vervolgens op hetpictogram Prullenbak verwijderen .

• Om een afbeelding in een rijke tekstmodule te vervangen, klik je op de afbeelding en vervolgens op hetvervangen-vervangen-pictogram en voeg je een nieuwe afbeelding toe.

• Om de afbeelding te koppelen, alt-tekst toe te voegen of laadgedrag in te stellen, klikt u op de afbeelding en vervolgens op het potloodpictogram bewerken:
  • Om een link aan de afbeelding toe te voegen, klik jein het pop-upvenster op hetkeuzemenu Link naar enselecteer je een linkcategorie. Voer in het onderstaande veld de bestemming van de link in. Meer informatie over de verschillende soorten links.

• • In het veld Alt-tekst voert u tekst in om zoekmachines en schermlezers te beschrijven wat de afbeelding is. U kunt ook alt-tekst toevoegen aan afbeeldingen in de bestandstool. Het toevoegen van alt-tekst verbetert de toegankelijkheid en SEO van uw site. Meer informatie over website-toegankelijkheid vindt u in onze documentatie voor ontwikkelaars.

Let op: alt-tekst toevoegen aan een afbeeldingnietgeen titeltekst toevoegen. Alt-tekst beïnvloedt de zoekmachineranking en de toegankelijkheid, terwijl de titeltekst verschijnt wanneer een bezoeker met de muis over de afbeelding beweegt.

• Om het laadgedrag van de afbeelding in te stellen en het type afbeeldingslink voor zoekmachines aan te passen, klikt u op Geavanceerd.
  • Om het laadgedrag van afbeeldingen in te stellen, klikt u op het vervolgkeuzemenu Laden van afbeeldingen en selecteert u een optie:
    • Lazy: de afbeelding wordt pas geladen als de bezoeker dat deel van de pagina bereikt. Dit verkort de laadtijd van uw pagina en verbetert de SEO. Standaard worden afbeeldingen met deze instelling geladen.
    • Gretig: de afbeelding wordt geladen zodra de pagina wordt geladen.
    • Browser standaard: het laadgedrag van de afbeelding wordt bepaald door de browserinstellingen van de bezoeker.
  • Om het type afbeeldingslink aan te passen, selecteert u in de sectie Linktype een of meer attributen:
    
    • Normaal: deze link wordt niet gesponsord.
    • No follow: deze link is niet geassocieerd met uw website.
    • Gesponsord: deze link is een gesponsorde link of een advertentie.
    • Door gebruiker gegenereerde inhoud: deze link leidt naar door gebruikers gegenereerde inhoud, zoals een blogcommentaar of een forumdiscussie.
• Klik op Toepassen om uw wijzigingen toe te passen op de afbeelding.

• Klik rechtsboven in de inhoudseditor op Bijwerken of Publiceren om uw wijzigingen live te zetten.

Een afbeelding bewerken in een afbeeldingsmodule

• Navigeer naar uw inhoud:

  • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
  • Landingspagina's: Navigeer in uw HubSpot-account naar Marketing > Landingspagina's.
  • Blog: Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Email: Navigeer in uw HubSpot-account naar Marketing > E-mail.
• Ga met de muis over uw inhoud en klik op Bewerken.
• Klik in de inhoudseditor op de afbeeldingsmodule.
• Om de huidige afbeelding te verwijderen, klikt u op Verwijderen in het gedeelte Afbeelding van de zijbalkeditor. Dit verwijdert de huidige afbeelding uit de afbeeldingsmodule, maar verwijdert de module niet van de pagina.

• Om de huidige afbeelding te vervangen klikt u op Vervangen in de sectie Afbeelding van de zijbalkeditor en voegt u een nieuwe afbeelding toe.
• In het veld Alt-tekst voert u tekst in om zoekmachines en schermlezers te beschrijven wat de afbeelding is. U kunt ook alt-tekst aan afbeeldingen toevoegen in de bestandstool. Het toevoegen van alt-tekst verbetert de toegankelijkheid en SEO van uw site. Meer informatie over website-toegankelijkheid vindt u in onze documentatie voor ontwikkelaars.

Let op: alt-tekst toevoegen aan een afbeeldingnietgeen titeltekst toevoegen. Alt-tekst beïnvloedt de zoekmachineranking en de toegankelijkheid, terwijl de titeltekst verschijnt wanneer een bezoeker met de muis over de afbeelding beweegt.

• Stel de grootte van de afbeelding in. U kunt de grootte automatisch instellen of door een aangepaste hoogte en breedte in te stellen:
  
  • Automatisch aanpassen: de grootte van de afbeelding wordt aangepast aan het apparaat waarop deze wordt bekeken.
  • Exacte hoogte en breedte: de afbeelding wordt op alle apparaten even groot weergegeven.
• Stel een maximale grootte in:
  • Oorspronkelijk formaat afbeelding: de afbeelding wordt nooit groter weergegeven dan het oorspronkelijke formaat.
  • Aangepast: de afbeelding zal nooit groter verschijnen dan een specifieke breedte en hoogte ingesteld in de breedte en hoogte velden.
• Om het laadgedrag van de afbeelding in te stellen, klikt u op het dropdownmenu voor het laden van afbeeldingen en selecteert u een optie:
  • Lui: de afbeelding wordt pas geladen als de bezoeker dat deel van de pagina bereikt. Dit verkort de laadtijd van uw pagina en verbetert de SEO. Standaard worden afbeeldingen met deze instelling geladen.

• • Browser standaard: het laadgedrag van de afbeelding wordt bepaald door de browserinstellingen van de bezoeker.
• Om een link aan de afbeelding toe te voegen, voert u in het veld Link (optioneel) een bestemmings-URL in. Schakel het selectievakje Link openen in nieuw tabblad in om de bezoeker in een nieuw browsertabblad naar de bestemmings-URL te leiden.

• Klik rechtsboven in de inhoudseditor op Bijwerken of Publiceren om uw wijzigingen live te zetten.