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: september 13, 2022

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 inschrijving Marketing Hub Starter Marketing Hub Professional/Onderneming

Geen CMS Hub abonnement

Landing pages: tot 20 pagina's, alleen starter templates

Website pagina's: tot 25 website pagina's met HubSpot branding, alle templates

Landing pages: tot 10.000 pagina's, alleen starter templates

Website pagina's: tot 25 website pagina's met HubSpot branding, alle templates

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

Website pagina's: tot 25 website pagina's met HubSpot branding, alle templates

CMS Hub Starter

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

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

Landingspagina's: tot 10.000 pagina's, alleen startersjablonen

Website pagina' s: tot 50 pagina's, alle templates

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

Website pagina's: tot 50 pagina's, alle templates

CMS Hub Professional/Onderneming

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

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

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

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

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

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

Pagina's maken

  • Navigeer naar uw inhoud:

    • Website pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: { local.navLandingPages }}
  • Klik rechtsboven op het vervolgkeuzemenu Create (Maken ) en selecteer Website page (Websitepagina ) of Landing page (Landingspagina).
  • Geef in het dialoogvenster een naam en domein op voor de pagina:
    • Klik op het vervolgkeuzemenu Website en selecteer een domein voor de URL van de pagina. Als u geen gekoppelde domeinen hebt, is het standaarddomein van uw account de enige optie.
    • Voer in het veld Paginanaam een interne naam voor de pagina in.
    • Klik op Pagina maken.

create-a-page-dialog-box

  • In het sjabloonselectiescherm verschijnen de sjablonen van uw actief thema bovenaan de pagina staan, terwijl alle andere sjablonen in de sectie Andere sjablonen onderaan staan. Als u nog geen actief thema hebt geselecteerd, ga dan met de muis over een thema en klik op Als actief thema instellen.
  • Beweeg de muis over een sjabloon en klik op Voorbeeld sjabloon om een voorbeeld te openen of Selecteer sjabloon om naar de inhoudseditor te gaan.

preview-or-select-template

  • In de inhoudseditor zijn de beschikbare bewerkingsopties afhankelijk van het sjabloontype van de pagina en de gebruikte modules. Meer informatie over het bewerken van pagina's met starter- of themasjablonen, globale inhoud die meerdere pagina's beslaat, drag-and-drop gebieden, en rijke tekst of afbeeldingsmodules.
  • Om de pagina-instellingen aan te passen, klikt u op het tabblad Instellingen bovenin de inhoudseditor en bewerkt u de instellingen:
    • Om de interne naam van de pagina te wijzigen, voert u een naam in het veld Interne paginanaam in. Deze naam zal niet zichtbaar zijn voor bezoekers.
    • Voer in het veld Paginatitel een externe naam voor 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 vervolgkeuzemenu Paginataal en selecteert u een taal. Meer informatie over het beheren van pagina's in meerdere talen.
    • Klik in de pagina-URL sectie op het Content slug veld om de paginatitel automatisch om te zetten in een URL slug. Om de URL aan te passen, voert u een nieuwe URL slug in het Content slug veld in. Meer informatie over het bewerken van de URL van een pagina.
edit-page-name-title-language-and-url
    • Voer in het veld Metabeschrijving een beschrijving van de inhoud van de pagina in die onder de paginatitel in de zoekresultaten wordt weergegeven.
    • Om de pagina te koppelen aan een campagne in HubSpot, klikt u op het vervolgkeuzemenu Campagne en selecteert u een campagne. Om in plaats daarvan een nieuwe campagne te maken, selecteert uNieuw toevoegen . 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 aan te zetten. Klik op Upload (Uploaden ) om een afbeelding van uw computer te selecteren, of op Browse images (Afbeeldingen bladeren ) om een afbeelding uit de bestandstool te selecteren.

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

    • Als u meer geavanceerde instellingen wilt aanpassen, zoals de paginasjabloon, zichtbaarheid en hoofd-HTML, klikt u op om het gedeelte Geavanceerde opties uit te vouwen. Meer informatie over het aanpassen van geavanceerde opties.
  • Klik op het tabblad Optimaliseren als u een trefwoord voor een onderwerp of subtopic aan uw pagina wilt koppelen en SEO-aanbevelingen wilt 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:
    • Als u de pagina nu wilt publiceren, selecteert u de optie Nu publiceren.
    • Als u uw pagina in de toekomst wilt publiceren, selecteert u de optie Plan voor later . In de velden die verschijnen, selecteert u een datum en tijd om uw pagina te publiceren.
    • Als u wilt instellen dat uw pagina in de toekomst automatisch wordt uitgepubliceerd, schakelt u het selectievakje Pagina op een specifieke datum uitpubliceren in. 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

  • Als u klaar bent om uw pagina live te zetten of het publiceren ervan te plannen, klikt u op Publiceren of Plannen in de rechterbovenhoek.
Om wijzigingen in een bestaande pagina aan te brengen:
  • Ga in uw HubSpot-account naar Marketing > Website > Website Pages of Marketing > Landing Pages.
  • Ga met de muis over de pagina en klik op Bewerken.
  • Klik in de inhoudseditorrechtsboven op Bijwerken of Plannen als uw bewerkingen klaar zijn.

use-edit-clone-and-more-page-menus

Pagina's optimaliseren voor zoekmachines

Op het tabblad Optimaliseren van 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 op Bewerken.
  • 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 een categorie met 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 sectie Geavanceerde opties van het tabblad Instellingen kunt 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 op Bewerken.
  • Klik in de inhoudseditor op het tabblad Instellingen en vervolgens op Geavanceerde opties.
  • Om de zichtbaarheid van de pagina te wijzigen, selecteert u een optie in de sectie Publiekstoegang voor pagina's beheren :
    • Selecteer Openbaar 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 vereist selecteren 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 HTML of Footer HTML veld, voer dan uw code 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 het Data source dropdown menu en selecteer een HubDB tabel of eigenschap. Leer meer over het werken met dynamische pagina's.
  • In de sectie Sjabloon kunt u het sjabloon dat deze pagina gebruikt bewerken of een ander sjabloon voor de pagina selecteren:
    • Om een ander sjabloon te kiezen, klik op Ander sjabloon gebruiken. Als u de sjabloon van een gepubliceerde pagina wijzigt, zorg er dan voor dat u op Bijwerken klikt om alle nog niet gepubliceerde wijzigingen over te nemen. Anders kunnen deze wijzigingen verloren gaan wanneer u van sjabloon verandert.
    • Selecteer een thema in het themaselectiescherm.
    • Selecteer een sjabloon in het sjabloonselectiescherm.
    • Bekijk hoe uw pagina eruit zal zien met het nieuwe sjabloon, klik dan op Gebruik sjabloon om het wisselen van sjabloon te voltooien of op Terug om een ander sjabloon te kiezen.

  • In de sectie Stylesheets 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, klik op het dropdown menu en selecteer Uitgeschakeld. 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 menu en selecteer Uitgeschakeld. 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
  • Om een aangepaste canonieke URL toe te voegen, voert u de URL in het veld Aanpassen canonieke URL in. Meer informatie over het gebruik van canonieke URL's.

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 op Bewerken.
  • In de inhoudseditor, klik op Voorbeeld in de rechterbovenhoek.
  • Om toegang te krijgen tot een volledige pagina preview, klik op Open in nieuw venster in 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 het pictogram voor mobiele apparaten rechtsboven op de voorbeeldpagina.

select-device-to-preview

  • Om een voorbeeld te zien van personalisatie of slimme inhoud, klikt u op het vervolgkeuzemenu Voorbeeld als :
    • SelecteerContact om een voorbeeld te zien van de personalisatie van de pagina. Klik dan op het tweede dropdown menu en selecteer een contact om een voorbeeld te zien van hoe de pagina er voor dat contact uit zou zien.
    • Selecteer Slimme regel om een voorbeeld te zien van de slimme inhoud van de pagina. Klik vervolgens op het tweede vervolgkeuzemenu en selecteer een of meer slimme regels om een voorbeeld te bekijken van hoe de pagina zou worden weergegeven voor een bezoeker die aan deze regels voldoet.

select-smart-rule-or-personalization

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.