Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Website Pages

Pagina's maken en aanpassen

Laatst bijgewerkt: november 26, 2021

Geldt voor:

Alle producten en plannen

In HubSpot kunt u website- en landingspagina's maken voor uw website. U kunt pagina-inhoud en instellingen aanpassen, en pagina's optimaliseren voor zoekmachines.

Voordat u begint

  • Controleer of je de Schrijfrechten hebt voor het type pagina dat je wilt maken. Om pagina's te publiceren, heb je ook de Publiceer rechten nodig.
  • Zorg ervoor dat het domein van je pagina is verbonden met HubSpot voor publicatie. Als u de gratis tools van HubSpot gebruikt, bevat uw account een HubSpot-gebrandmerkt domein dat klaar is voor publicatie.
  • Begrijp de verschillende soorten paginasjablonen die beschikbaar zijn in HubSpot:
Geen Marketing Hub abonnement Marketing Hub Starter Marketing Hub Professioneel/Onderneming

Geen CMS Hub abonnement

Landingspagina's: tot 20 pagina's, alleen starter templates

Website pagina's: niet beschikbaar

Landingspagina's: tot 10.000 pagina's, alleen starter templates

Website pagina's: niet beschikbaar

Landingspagina's: tot 10.000 pagina's, alle sjablonen

Website pagina's: niet beschikbaar

CMS Hub Starter

Landingspagina's: tot 20 pagina's, alleen starter templates

Website pagina's: tot 15 pagina's, alle sjablonen

Landingspagina's: tot 10.000 pagina's, alleen starter templates

Website pagina's: tot 15 pagina's, alle sjablonen

Landingspagina's: tot 10.000 pagina's, alle sjablonen

Website pagina's: tot 15 pagina's, alle sjablonen

CMS Hub Professional/Enterprise

Landingspagina's: tot 10.000 pagina's, alle sjablonen

Website pagina's: tot 10.000 pagina's, alle sjablonen

Landingspagina's: tot 10.000 pagina's, alle sjablonen

Website pagina's: tot 10.000 pagina's, alle sjablonen

Landingspagina's: tot 10.000 pagina's, alle sjablonen

Website pagina's: tot 10.000 pagina's, alle sjablonen

Pagina's maken

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Klik rechtsboven op hetkeuzemenu Create (Maken) en selecteerWebsite page (Websitepagina) ofLanding page (Landingspagina).
  • Geef in het dialoogvenster een naam en domein op voor de pagina:
    • Klik op het Websitedropdown menu en selecteer een domeinvoor de URL van de pagina. Als u geen gekoppelde domeinen hebt, is het standaarddomein van uw account de enige optie.
    • Voer in het veldPaginanaam eeninterne naamvoor de pagina in.
    • Klik op Paginamaken.

create-a-page-dialog-box

  • In het sjabloonselectiescherm zullen sjablonen van uw actief thema bovenaan de pagina, terwijl alle andere sjablonen in de rubriek Andere sjablonen onderaan staan. Klik op een sjabloon. Als u nog geen actief thema hebt geselecteerd, wordt u gevraagd er een te selecteren of klik op Naar sjablonen overslaan om een bestaand sjabloon te kiezen.
  • Om de pagina te maken met de geselecteerde sjabloon, klik op Selecteer deze sjabloon in de rechterbovenhoek. Klik opVoorbeeld om de pagina op mobiel of desktop te bekijken.

select-a-template-to-create-page

  • Zodra je een sjabloon hebt gekozen, kom je in de inhoudseditor. De beschikbare bewerkingsopties zijn afhankelijk van het type sjabloon van de pagina en de gebruikte modules. Lees meer over het bewerken van pagina's met starter- of themasjablonen, over globale inhoud die meerdere pagina's beslaat, over drag-and-drop gebieden, en over rijke tekst of afbeeldingsmodules.
  • Om de pagina-instellingen aan te passen, klikt u op het tabblad Instellingen bovenaan de inhoudseditor, en bewerkt u vervolgens de instellingen:
    • Om de interne naam van de pagina te wijzigen, voert u eennaamin het veldInterne paginanaamin. Deze naam zal niet zichtbaar zijn voor bezoekers.
    • In het veldPaginatitelvoert u een externe naamvoor de pagina in. Deze naam verschijnt in het tabblad bovenaan de webbrowser van een bezoeker wanneer de pagina wordt geladen.
    • Om de taal van de pagina in te stellen, klikt u op het vervolgkeuzemenuPaginataalen selecteert u eentaal. Meer informatie over het beheren van pagina's in meerdere talen.
    • In depagina URLsectie, klik op hetContent slugveld om automatisch de pagina titel in een URL slug te veranderen. Om de URL aan te passen, voer een nieuweURL slug in hetContent slugveld in. Meer informatie over het bewerken van de URL van een pagina.
edit-page-name-title-language-and-url
    • In het veldMetabeschrijvingvoert u eenbeschrijvingvan de inhoud van de pagina in, die in de zoekresultaten onder de paginatitel verschijnt.
    • Om de pagina te koppelen aan een campagne in HubSpot, klik op het Campagnedropdown menu en selecteer eencampagne. Om in plaats daarvan een nieuwe campagne te maken, selecteert uNieuwtoevoegen. Meer informatie over het werken met campagnes in HubSpot.
    • Om een uitgelichte afbeelding toe te voegen die wordt opgenomen wanneer de pagina wordt gedeeld op sociale media, klikt u op om de schakelaar Uitgelichte afbeelding in te schakelen. Klik op Uploaden om een afbeelding van uw computer te selecteren, of op Afbeeldingen bladeren om een afbeelding uit de bestandstool te selecteren.

edit-meta-description-campaign-and-featured-image

    • Om meer geavanceerde instellingen aan te passen, zoals de paginasjabloon, zichtbaarheid en hoofd-HTML, klik je om de sectie Geavanceerde opties uit te vouwen. Meer informatie over het aanpassen van geavanceerde opties.
  • Klik op het tabblad Optimaliseren om een trefwoord voor een onderwerp of subtopic aan uw pagina te koppelen en de SEO-aanbevelingen te bekijken. Meer informatie over het optimaliseren van uw pagina's voor zoekmachines.
  • Zodra u de inhoud en instellingen van uw pagina hebt aangepast, klikt u op het tabblad Publicatieopties en stelt u uw publicatieopties in:
    • Om de pagina nu te publiceren, selecteert u de optie Nu publiceren.
    • Om uw pagina in de toekomst te publiceren, selecteert u de optie Plan voor later . Selecteer in de velden die verschijnen een datum en tijd om uw pagina te publiceren.
    • Als u wilt instellen dat uw pagina in de toekomst automatisch wordt uitgepubliceerd, selecteert u het selectievakje Pagina op een specifieke datum uitpubliceren. In de velden die verschijnen, stel een datum en tijd in waarop de pagina niet gepubliceerd mag worden, en gebruik vervolgens het dropdown menu om een pagina te selecteren waarnaar deze pagina moet worden doorgestuurd.
    • Voordat u uw pagina live zet, kunt u hem eerst bekijken door rechtsboven op Voorbeeld te klikken. Meer informatie over het bekijken van pagina's.

publishing-options-tab

  • Wanneer u klaar bent om uw pagina live te zetten of het publiceren ervan te plannen, klikt u rechtsboven op Publiceren of Plannen .

Om een bestaande pagina aan te passen, gaat u naar Marketing > Website > Website pagina's of Marketing > Landingspagina's. Beweeg met de muis over de pagina en klik op Bewerken. Wanneer u uw wijzigingen hebt aangebracht, klikt u op Bijwerken of Plannen.

edit-existing-page

Pagina's optimaliseren voor zoekmachines

Op het tabbladOptimaliserenvan de inhoudseditor kunt u de SEO-aanbevelingen van een pagina bekijken of deze aan een onderwerp koppelen.

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Ga met de muis over de pagina en klik opBewerken.
  • Klik in de inhoudseditor op het tabblad Optimaliseren.
  • Als de pagina is gekoppeld aan een onderwerp of subonderwerp, zullen ze verschijnen in de zijbalk editor. Leer hoe u een pagina aan een onderwerp of subonderwerp kunt koppelen.

topic-and-subtopic-menus

  • Om onvolledige SEO aanbevelingen te bekijken, klik op eencategoriemet een rode cirkel in de zijbalk editor. Elke voltooide aanbeveling zal een groen vinkje hebben. Elke onvoltooide aanbeveling zal een grijs vinkje hebben. Leer meer over SEO aanbevelingen.
optimize-tab-displaying-seo-recommendations

Geavanceerde pagina-opties aanpassen

In de sectieGeavanceerde opties van het tabbladInstellingenkunt u meer geavanceerde instellingen aanpassen, zoals het paginasjabloon, code snippets, en stylesheets.

Let op: geavanceerde instellingen zijn niet beschikbaar voor pagina's die gebruik maken van starter templates.

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Ga met de muis over de pagina en klik opBewerken.
  • Klik in de inhoudseditor op het tabblad Instellingen en vervolgens opGeavanceerde opties.
  • Om de zichtbaarheid van de pagina te wijzigen, selecteert u een optiein de sectiePubliekstoegang voor pagina controleren:
    • SelecteerOpenbaar om de inhoud van de pagina beschikbaar te maken voor elke bezoeker.
    • Selecteer Privé - Wachtwoord vereist om een wachtwoord toe te voegen dat bezoekers nodig hebben om toegang te krijgen tot de inhoud van de pagina.
    • In een CMS Hub Ondernemingaccount kunt u ook Privaat - Registratie vereistselecteren om bezoekers te verplichten zich te registreren op uw site om deze inhoud te bekijken.
  • Om code snippets toe te voegen aan de head of footer HTML van deze pagina, klik op de Head HTMLofFooter HTMLveld, voer dan uwcode snippet. Om in plaats daarvan codeknipsels aan alle pagina's op een domein toe te voegen, gaat u naar uw website-instellingen.

edit-page-advanced-options

  • Om van deze pagina een dynamische pagina te maken, klik op hetData sourcedropdown menu en selecteer een HubDB tabel of eigenschap. Leer meer over het werken met dynamische pagina's.
  • In de sectieSjabloonkunt u het sjabloon dat deze pagina gebruikt bewerken of een ander sjabloon voor de pagina selecteren:
    • Om een ander sjabloon te kiezen, klik opAnder sjabloon gebruiken. Als u de sjabloon van een gepubliceerde pagina wijzigt, zorg er dan voor dat u op Bijwerkenklikt om alle nog niet gepubliceerde wijzigingen over te nemen. Anders kunnen deze wijzigingen verloren gaan wanneer u van sjabloon verandert.
    • Selecteer eenthema in het themaselectiescherm.
    • Selecteer eensjabloon in het sjabloonselectiescherm.
    • Bekijk hoe uw pagina eruit zal zien met het nieuwe sjabloon, klik dan opGebruik sjabloon om het wisselen van sjabloon te voltooien of opTerugom een ander sjabloon te kiezen.

  • In de sectieStylesheets kunt u de stylesheets beheren die aan de pagina zijn gekoppeld. Leer meer over het werken met stylesheets in HubSpot.
    • Domein Stylesheets: in uw website instellingen, kunt u stylesheets toevoegen die aan alle pagina's op een enkel domein worden gekoppeld. Standaard zullen domein stylesheets worden toegepast op een pagina. Om domein stylesheets uit te schakelen voor een bepaalde pagina, klikt u op hetdropdown menuen selecteert uUitgeschakeld. Leer meer over het werken met domein stylesheets.
    • Sjabloon stylesheets:alle stylesheets die zijn toegepast op het sjabloon van de pagina zullen hier verschijnen. Standaard worden template stylesheets toegepast op een pagina. Om template stylesheets voor een bepaalde pagina uit te schakelen, klik op het dropdown menuen selecteerUitgeschakeld. Deze sectie zal niet verschijnen voor pagina's die gebruik maken van thema sjablonen.
    • PaginaStylesheets:klik op Voeg een stylesheet toe. Als domein- en sjabloonstijlen ook worden gebruikt, heeft hun opmaak voorrang.
HubSpot Help article screenshot

Voorbeeld pagina's

Voordat u een pagina publiceert, kunt u deze op verschillende apparaattypen bekijken en slimme inhoud en personalisatie testen. Meer informatie over het aanpassen van het uiterlijk van een pagina voor mobiele apparaten.

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Ga met de muis over de pagina en klik opBewerken.
  • In de inhoudseditor, klik opVoorbeeldin de rechterbovenhoek.
  • Om toegang te krijgen tot een volledige pagina preview, klik opOpen in nieuw vensterin de rechterbovenhoek. Om deze voorbeeldpagina te delen met andere gebruikers in uw HubSpot-account, klikt u op Deelbare link kopiëren op de voorbeeldpagina. Gebruikers moeten ingelogd zijn in HubSpot om deze preview te bekijken.
  • Als u de pagina op een ander apparaat wilt bekijken, klikt u op hetpictogram voor mobieleapparatenrechtsboven op de voorbeeldpagina.

select-device-to-preview

  • Om een voorbeeld te zien van personalisatie of slimme inhoud, klikt u op het vervolgkeuzemenuVoorbeeld als:
    • SelecteerContactom een voorbeeld te zien van de personalisatie van de pagina. Klik dan op het tweede dropdown menuen selecteer eencontactom een voorbeeld te zien van hoe de pagina er voor dat contact uit zou zien.
    • SelecteerSlimme regelom een voorbeeld te zien van de slimme inhoud van de pagina. Klik vervolgens op het tweede vervolgkeuzemenuen selecteereen of meerslimme regelsom een voorbeeld te bekijken van hoe de pagina zou worden weergegeven voor een bezoeker die aan deze regels voldoet.

select-smart-rule-or-personalization