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: mei 14, 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 en zo nieuwe bezoekers naar uw site te trekken. In de tool websitepagina's kunt u alle inhoud van uw site in HubSpot beheren.

Voordat u begint

  • Om eender welk type pagina-inhoud te bewerken, heeft u Schrijven-toegang nodig in uw gebruikerspermissies. Om een landing page of website pagina te publiceren, heeft u Publish-toegang nodig in uw gebruikersrechten.
  • Zorg ervoor dat het domein van je pagina is verbonden met HubSpot voor publicatie. Als je de gratis landing page builder gebruikt, bevat je account een HubSpot-gebrand domein dat klaar is voor publicatie.
  • Identificeer het onderwerp waarover u schrijft in termen van uw bredere contentstrategie. Door uw inhoud strategisch te organiseren en te koppelen, zult u hoger scoren in zoekmachines voor uw trefwoorden met hyperlinks. Lees meer over hoe u uw pagina kunt optimaliseren.

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 in uw HubSpot accountnaar uw landingspagina's of website pagina's.
  • Klik rechtsboven op het keuzemenu Create (Maken ) en selecteer Website page (Websitepagina ) of Landing page (Landingspagina).
  • Beweeg de muis over een sjabloon en klik op Voorbeeld in de rechterbovenhoek om te zien hoe het eruit zal zien op desktop of mobiel apparaat. Om een nieuwe pagina te maken met deze sjabloon, klik op Gebruiksjabloon 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:

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 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 beheren: selecteer een optie om de publiekstoegang voor deze pagina te beheren.
    • 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 op uw site te registreren 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 aan een HubDB-tabel toevoegen. 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: ukunt 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 je klembord te kopiëren om hem met je team te delen. Om de voorbeeldlink te kunnen bekijken, moeten je teamgenoten zijn aangemeld bij HubSpot.
  2. Slimme voorvertoning: klik op het vervolgkeuzemenu Voorvertoning als om een voorvertoning te zien van hoe uw pagina zal verschijnen 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 om te bekijken.
  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