Pagina's maken en aanpassen

• • Startsjablonen bevatten functies voor slepen en neerzetten en opties om lettertypen, kleuren en knopstijlen aan te passen.
  • Themasjablonen ondersteunen functies voor slepen en neerzetten , unieke themamodules en aanpasbare themastijl.
  • Aangepaste sjablonen worden gemaakt in de design manager, hetzij in de lay-out editor of met behulp van aangepaste code. Bewerkingsfuncties met slepen en neerzetten zijn alleen beschikbaar op aangepaste sjablonen met slepen en neerzetten.
• Begrijp hoeveel landings- en websitepagina's u kunt maken en welke sjablonen ze kunnen gebruiken. Dit wordt bepaald door uw Marketing Hub en CMS Hub abonnementen:

Pagina's maken

• 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.
• Klik rechtsboven op het dropdownmenuCreate en selecteerWebsite pageofLanding page.
• 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.

• In het selectiescherm voor sjablonen verschijnen de sjablonen van uw actieve thema bovenaan de pagina, terwijl alle andere sjablonen in de sectie Andere sjablonen onderaan staan. Als u geen actief thema hebt geselecteerd, ga dan met de muis over een thema en klik op Instellen als actief thema.
• Ga met de muis over een sjabloon en klik op Voorbeeld sjabloon om een voorbeeld te openen of Selecteer sjabloon omnaar de inhoudseditor te gaan.

• In de inhoudseditor zijn de beschikbare bewerkingsopties afhankelijk van het type pagina en de gebruikte modules. Meer informatie over het bewerken van pagina's met behulp van start- of themasjablonen, globale inhoud die meerdere pagina's beslaat, slepen en neerzetten van gebieden en modules met rijke tekst of afbeeldingen.
• Als u de pagina-instellingen wilt aanpassen, klikt u op het tabblad Instellingen boven in de inhoudseditor en bewerkt u de instellingen:

• • Om de interne naam van de pagina te wijzigen, voert u eennaam in het veld Interne paginanaam in. Deze naam is niet zichtbaar 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 beheer van meertalige pagina's.
  • Klik in het gedeelte Pagina-URL op het veld Content slug om van de paginatitel automatisch een URL-slug te maken. Om de URL aan te passen, voert u een nieuwe URL-slug in het veld Content slug in. Meer informatie over het bewerken van de URL van een pagina.

• • In het veld Metabeschrijving voert u een beschrijving van de inhoud van de pagina in die in de zoekresultaten onder de paginatitel wordt weergegeven.
  • Om de pagina te koppelen aan een campagne in HubSpot, klik je op het vervolgkeuzemenu Campagne en selecteer je een campagne. Als u een nieuwe campagne wilt maken, selecteert uNieuw toevoegen . Meer informatie over het werken met campagnes in HubSpot.
  • Om een uitgelichte afbeelding toe te voegen wanneer de pagina op sociale media wordt gedeeld, klikt u op om de schakelaar Uitgelichte afbeelding aan te zetten. Klik op Upload om een afbeelding van je computer te selecteren, of op Browse images om een afbeelding te selecteren uit de bestanden tool.

• • Om meer geavanceerde instellingen aan te passen, zoals de paginasjabloon, de zichtbaarheid en de HTML-kop, klikt u op om de sectie Geavanceerde opties uit te vouwen. Meer informatie over het aanpassen van geavanceerde opties.
• Om een onderwerp of subtopic trefwoord aan uw pagina te koppelen en SEO aanbevelingen te bekijken, klikt u op het tabblad Optimaliseren. 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 Plannen voor later . Selecteer in de velden die verschijnen een datum en tijd om uw pagina te publiceren.
  • Om in te stellen dat uw pagina in de toekomst automatisch niet wordt gepubliceerd, selecteert u het selectievakje Pagina op een specifieke datum niet publiceren. Stel in de velden die verschijnen een datum en tijd in om de pagina niet te publiceren en gebruik vervolgens het vervolgkeuzemenu om een pagina te selecteren waarop deze pagina moet worden doorgestuurd.
  • Voordat u uw pagina live zet, kunt u een voorbeeld bekijken door rechtsboven op Voorbeeld te klikken. Meer informatie over het bekijken van pagina's.

• Als u klaar bent om uw pagina live te zetten of de publicatie ervan te plannen, klikt u rechtsboven op Publiceren of Plannen .

Pagina's optimaliseren voor zoekmachines

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

• 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.
• Ga met de muis over de pagina en klik op Bewerken.
• Klik in de inhoudseditor op het tabblad Optimaliseren .
• Als de pagina aan een onderwerp of subonderwerp is gekoppeld, verschijnen ze in de zijbalkeditor. Leer hoe u een pagina aan een onderwerp of subonderwerp kunt koppelen.

• Om onvolledige SEO-aanbevelingen te bekijken, klikt u op een categorie met een rode cirkel in de zijbalk-editor. Elke voltooide aanbeveling heeft een groen vinkje. Elke onvolledige aanbeveling heeft een grijs vinkje. Meer informatie over SEO-aanbevelingen.

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 startsjablonen.

• 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.
• 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 Controle publiekstoegang voor pagina :
  • Selecteer Openbaar om de inhoud van de pagina beschikbaar te maken voor elke bezoeker.
  • Selecteer Privé - Wachtwoord vereist om een vereist wachtwoord toe te voegen voor bezoekers om toegang te krijgen tot de inhoud van de pagina.
  • In een CMS Hub Enterprise-account kuntu ook Privé - Registratie vereist selecteren ombezoekers te verplichten zich bij uw site te registreren om deze inhoud te bekijken.
• Om codefragmenten toe te voegen aan de hoofd- of voettekst HTML van deze pagina, klikt u op het veld Hoofd HTML of Voettekst HTML en voert u uw codefragment in. Om in plaats daarvan codeknipsels toe te voegen aan alle pagina's op een domein, gaat u naar uw website-instellingen.

• Om van deze pagina een dynamische pagina te maken, klik je op het keuzemenu Gegevensbron en selecteer je een HubDB-tabel of -eigenschap. Meer informatie over het werken met dynamische pagina's.
• In het onderdeel Sjabloon kunt u de sjabloon die deze pagina gebruikt bewerken of een andere sjabloon voor de pagina selecteren:
  • Om een andere sjabloon te selecteren, klikt u op Andere sjabloon gebruiken. Als u de sjabloon van een gepubliceerde pagina wijzigt, zorg er dan voor dat u op Bijwerken klikt om eventuele ongepubliceerde wijzigingen live te zetten. Anders kunnen deze wijzigingen verloren gaan wanneer u van sjabloon verandert.
  • Selecteer een thema in het themakeuzescherm.
  • Selecteer een sjabloon in het selectiescherm.
  • Voorbeeld hoe uw pagina eruit zal zien met de nieuwe sjabloon, klik dan op Sjabloon gebruiken om het wisselen van de sjabloon te voltooien of op Terug om een andere sjabloon te selecteren.

• In de sectie Stylesheets kun je de stylesheets beheren die aan de pagina zijn gekoppeld. Meer informatie over het werken met stylesheets in HubSpot.
  • Domein Stylesheets: in je website instellingen kun je stylesheets toevoegen die aan alle pagina's op één domein worden gekoppeld. Standaard worden domein stylesheets toegepast op een pagina. Om domeinstijlen voor een bepaalde pagina uit te schakelen, klikt u op het dropdownmenu en selecteert u Uitgeschakeld. Meer informatie over het werken met domein stylesheets.
  • Sjabloonstijlen: hier verschijnen alle stijlbladen die op het sjabloon van de pagina zijn toegepast. Standaard worden op een pagina opmaakmodellen toegepast. Om template stylesheets voor een bepaalde pagina uit te schakelen, klik je op het dropdown menu en selecteer je Uitgeschakeld. Deze sectie verschijnt niet voor pagina's die thematische sjablonen gebruiken.
  • Pagina-stylesheets: klik op Voeg een stylesheet toe. Als ook domein- en template-stylesheets worden gebruikt, krijgt de styling daarvan voorrang.

• 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.

Voorbeeldpagina's

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

• 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.
• Ga met de muis over de pagina en klik op Bewerken.
• Klik in de inhoudseditor rechtsboven op Voorbeeld .
• Om een preview van de volledige pagina te bekijken, klik je rechtsboven op In nieuw venster openen . Om deze voorbeeldpagina te delen met andere gebruikers in je HubSpot-account, klik je op de link Delen kopiëren op de voorbeeldpagina. Gebruikers moeten bij HubSpot zijn ingelogd om deze preview te bekijken.
• Om de pagina op een ander apparaat te bekijken, klikt u rechtsboven in de voorbeeldpagina op het pictogram voor een mobiel apparaat .

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