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

Een pagina maken en publiceren

Laatst bijgewerkt: oktober 4, 2021

Geldt voor:

Alle producten en plannen

Leer hoe u een nieuwe pagina maakt, optimaliseert voor zoekmachines, en publiceert op uw website. U kunt een landingspagina gebruiken om een inhoudsaanbod te presenteren om nieuwe bezoekers naar uw site te trekken. In de tool websitepagina's kunt u alle inhoud van uw site beheren in HubSpot.

Voordat u begint

Soorten paginasjablonen

De bewerkingsopties voor de inhoud, de lay-out en de stijlen van uw pagina hangen af van het type sjabloon dat u gebruikt.

Let op: alle starter-sjablonen hebben dezelfde opties binnen de pagina-editoren het tabblad Ontwerp. Gecodeerde sjablonen, lay-outsjablonen, themasjablonen en sjablonen die op de marktplaats zijn gekocht, hebben alle stijlopties die door de ontwikkelaar zijn toegevoegd.

Navigeer naar de pagina editor

Maak een nieuwe pagina

Om een nieuwe landingspagina of websitepagina vanaf nul te maken:

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Klik rechtsboven op het keuzemenu 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 Websiteen 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

  • Beweeg de muis over een sjabloon en klik op Voorbeeld in de rechterbovenhoek om te zien hoe het eruit zal zien op desktop- of mobiele apparaten. Om een nieuwe pagina te maken met deze sjabloon, klik op Gebruik sjabloon in de rechterbovenhoek.
  • Geef uw pagina een interne paginanaam en klik op Pagina maken.

Let op: u zult uw pagina een publieke titel moeten geven in uw instellingen voordat u hem publiceert.

Een bestaande pagina bewerken

Om een bestaande pagina te bewerken:

  • Navigeer naar je inhoud:

    • Website pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
  • Ga met de muis over een bestaande pagina in uw dashboard en klik op Bewerken.

Wijzig de inhoud van uw pagina

In de pagina-editor kunt u de inhoud van elke module in uw sjabloon bewerken. Om de lay-out van uw pagina te bewerken of nieuwe modules toe te voegen binnen de pagina-editor, werkt u samen met uw webontwikkelaar om een drag-and-drop gebied aan uw paginasjabloon toe te voegen.

Inhoud van een module bewerken

In het tabblad Inhoud aan de linkerkant kunt u alle modules in uw paginasjabloon bekijken en bewerken. Als uw pagina globale inhoud bevat, zoals een paginakoptekst, dan bewerkt u deze in uw pagina binnen de globale inhoudseditor.

Let op: inhoudsopties voor elke module kunnen verschillen op basis van de manier waarop uw sjabloon door uw ontwikkelaar werd gecodeerd.

Om de inhoud van een module te bewerken, ga met de muis over de module en klik op het bewerken potloodicoon.

edit-modules-in-page-editor

Sommige module types, zoals kopteksten, kunnen inline bewerkt worden, direct op het paginavoorbeeld. Door op een module te klikken, worden ook de bewerkingsopties geopend in het linkerpaneel.Meer informatie over veelgebruikte inhoudsopties voor elk moduletype.

edit-module-options

Om een volledige lijst van alle modules op uw pagina te bekijken, klikt u op de tab Inhoud in het linkerpaneel. Klik vervolgens op een specifieke module in de lijst om de inhoudsopties ervan te bewerken.

Als uw sjabloon een drag-and-drop gebied of flexibele kolommen bevat, kunt u uw modules toevoegen of herschikken in de pagina-editor.

Om een actie in de pagina-editor ongedaan te maken of opnieuw uit te voeren, klikt u linksboven op het pictogram ongedaan maken of het pictogram opnieuw uitvoeren.

Let op: alleen bewerkingen die u tijdens de huidige sessie in uw webbrowser hebt gemaakt, kunt u ongedaan maken of opnieuw uitvoeren. Als u de pagina-editor vernieuwt, zullen uw eerdere bewerkingen niet langer beschikbaar zijn.

Wijzig stijlen toegepast op uw modules

Modules die meerdere malen op uw pagina worden herhaald, zoals knoppen of koppen, hebben meestal standaard stijlen die gebaseerd zijn op de stylesheet van uw sjabloon of de instellingen van uw websitethema. Wijzigingen in deze stijlen hebben meestal gevolgen voor andere pagina's die dezelfde template gebruiken.

Let op: destijlopties die beschikbaar zijn voor elke module kunnen verschillen, afhankelijk van uw paginasjabloon.

Klik op een module om deze in de editor te selecteren.Klik in het linkerpaneel op het tabblad Stijlen voor toegang tot de stylingmogelijkheden voor die specifieke module. Meer informatie over hoe stijl je modules binnen elk type van paginasjabloon.

edit-styles-in-page

Optimaliseer uw pagina voor zoekmachines

In de top navigatie, klik op de Optimaliseren tab om naar de SEO optimizer tool te gaan. Hier kunt u uw pagina aan een van uw onderwerpen koppelen en aanbevelingen bekijken om uw inhoud te verbeteren.

optimize-your-page-in-the-editor

Wijzig uw pagina-instellingen

Om uw pagina-instellingen te bewerken en wat basis pagina-informatie toe te voegen, klikt u op het tabblad Instellingen bovenaan de pagina-editor:

  • Interne paginanaam: de interne paginanaam is de naam die u toevoegde toen u de pagina voor het eerst aanmaakte en waarnaar verwezen wordt in het dashboard. Hij wordt niet getoond aan bezoekers.
  • Paginatitel: de titel die in het tabblad bovenaan uw webbrowser wordt weergegeven wanneer de pagina wordt geladen.
  • URL van de pagina: de URL voor uw pagina. Deze verschijnt in de URL balk in de browser wanneer bezoekers naar deze pagina navigeren. U kunt de URL van uw pagina bewerken, zelfs nadat deze is gepubliceerd.
  • Pagina toevoegen aan een menu: voeg de huidige websitepagina waaraan u werkt toe aan een nieuw of bestaand geavanceerd menu in uw inhoudsinstellingen.
  • Meta description: de inhoud die in de zoekresultaten onder de paginatitel verschijnt.
  • Campagne: koppel uw pagina aan een HubSpot campagne. Selecteer Nieuw toevoegen om een nieuwe campagne aan te maken.
  • Uitgelichte afbeelding: klik om deze schakelaar aan te zetten zodat een specifieke afbeelding wordt uitgelicht wanneer uw pagina wordt gedeeld op sociale media. Klik op Uploaden om een afbeelding van uw computer te selecteren of op Afbeeldingen bladeren om een afbeelding uit uw bestandstool te selecteren.

Geavanceerde Opties

Let op: deGeavanceerde Opties sectie is niet beschikbaar in starter templates.

Klik op Geavanceerde Opties om meer instellingen voor uw pagina aan te passen. Deze instellingen zijn niet nodig om uw pagina te publiceren.

  • Pagina op een specifieke datum laten verlopen: vink het vakjeaan om te plannen dat uw pagina op een specifieke datum verloopt en wordt omgeleid.
  • Publiekstoegang voor pagina controleren: selecteer een optie om de publiekstoegang voor deze pagina te controleren.
    • Selecteer Privé - Wachtwoord vereist om een verplicht wachtwoord toe te voegen voor bezoekers om toegang te krijgen tot de inhoud van uw pagina.
    • Selecteer Privé - Registratie vereist om bezoekers toe te staan zich te registreren op uw site voordat ze de pagina kunnen bekijken( alleenCMS Hub Enterprise). Meer informatie over het beheren van publiekstoegang.
  • Extra code snippets: voeg code snippets toe in de Head HTML of Footer HTML velden. Dit is handig om ruwe HTML of tracking code toe te voegen aan de <head> of <footer> tag van uw pagina.

  • HubDB: als uw webontwikkelaar een HubDB-tabel heeft opgezet voor dynamische database-inhoud, kunt u hier uw pagina toevoegen aan een HubDB-tabel. Klik op Selecteer een tabel en selecteer de tabel om deze pagina aan een database toe te voegen.
  • Sjabloon: bekijk de sjabloon die op uw pagina is toegepast. Klik op Ander sjabloon gebruiken om een nieuw sjabloon op uw pagina toe te passen, of op Dit sjabloon bewerken om uw sjabloon te bewerken.

Let op:u kunt alleen sjablonen van hetzelfde sjabloontype omwisselen.

  • Stylesheets: beheer de stylesheets die aan uw pagina zijn gekoppeld. Om te selecteren of de standaard stylesheets moeten worden ingeschakeld, uitgeschakeld, of de standaard instellingen moeten volgen, klik op het dropdown menu en een optie. Klik op Voeg een stylesheet toe en selecteer een bestaande stylesheet om aan je pagina te koppelen. Stylesheets zijn niet van toepassing op themasjablonen.

HubSpot Help article screenshot

Bekijk een voorbeeld van uw pagina

Klik rechtsboven op Voorbeeld om te zien hoe uw pagina er op verschillende soorten apparaten uitziet voor bezoekers van uw website. U kunt ook personalisatie en slimme inhoud testen in de voorvertoning. Ontdek hoe u de weergave van uw pagina op een mobiel apparaat kunt aanpassen.

  1. Apparaatvoorbeeld: klik op Openen in nieuw venster om een live voorbeeld van uw pagina te zien in een nieuw tabblad in uw browser. Deze preview link werkt voordat uw pagina daadwerkelijk is gepubliceerd. Klik op Deelbare link kopiëren om de link naar uw klembord te kopiëren om deze met uw team te delen. Om de preview link te bekijken, moeten uw teamgenoten ingelogd zijn in HubSpot.
  2. Slimme voorvertoning: klik op het vervolgkeuzemenu Voorvertoning als om te bekijken hoe uw pagina eruit zal zien voor verschillende contactpersonen in uw database.
    • Selecteer een contactpersoon om een voorbeeld te zien van hoe de personalisatie zal worden weergegeven op basis van de waarden van de eigenschappen van die specifieke contactpersoon. Klik op het tweede vervolgkeuzemenu om een specifieke contactpersoon uit uw database te selecteren.
    • Selecteer een slimme regel om te bekijken hoe slimme inhoud op uw pagina wordt weergegeven voor contactpersonen die aan de criteria voldoen. Klik op het tweede vervolgkeuzemenu om een specifieke slimme regel te selecteren als voorbeeld.
  3. Type apparaat: klik op Mobiel + Tablet om een live preview te zien van uw pagina op een telefoon of tablet. Klik op Desktop om een voorbeeld te zien van hoe uw pagina er op een webbrowser uit zal zien.
preview-a-page

Publiceer of plan uw pagina

Nadat u uw inhoud hebt toegevoegd, geoptimaliseerd voor zoekmachines, en een preview hebt gemaakt van hoe het er voor bezoekers uit zal zien, bent u klaar om uw pagina te publiceren.

  • Klik op het tabblad Publiceren of plannen en selecteer Nu publiceren om onmiddellijk te publiceren, of Plan voor later om deze pagina op een toekomstige datum en tijd te publiceren.
  • Als er verplichte items ontbreken op uw pagina, ziet u een waarschuwing in de rechterbovenhoek van de knop Publiceren.
  • Als u klaar bent met het invullen van alle vereiste items voor uw pagina, klikt u op Publiceren.

publish-a-landing-page