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.

Gebruik AMP (Accelerated Mobile Pages) in je blog

Laatst bijgewerkt: juni 28, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Alle producten en plannen

AMP, of Accelerated Mobile Pages, is een mobiel-specifieke pagina-indeling die vrijwel direct laadt op mobiele apparaten. Om de inhoud snel te laden, laadt de AMP-versie van je blogberichten geen Javascript bestanden, stylesheets, HubSpot formulieren, hoofd HTML of voettekst HTML.

Er zijn een paar beperkingen aan het gebruik van AMP:

  • Op dit moment is AMP niet beschikbaar voor HubSpot landingspagina's of websitepagina's.
  • Uitgelichte afbeeldingen op blogberichten met AMP ingeschakeld moeten minimaal 1200 pixels breed zijn.
  • Het bekijken van inhoud met AMP ingeschakeld wordtniet bijgehouden op de tijdlijn van een contactpersoon omdat AMP het JavaScript blokkeert dat is opgenomen in de HubSpot-trackingcode.

Je kunt AMP inschakelen voor alle berichten op een blog of alleen voor specifieke berichten.

AMP toepassen op alle berichten op een blog

Let op: als je AMP voor meerdere door HubSpot gehoste blogs wilt inschakelen, moet je deze stappen voor elk blog herhalen.

  • Klik in je HubSpot account op het settings instellingen-pictogram in de hoofdnavigatiebalk.
  • Navigeer in het linker zijbalkmenu naar Website > Blog.
  • Als je meerdere blogs hebt, klik dan op het Select a blog to modify dropdown menu en selecteer een blog.
  • Navigeer naar het tabblad Google AMP.
  • Klik op om de schakelaar Zet Google AMP opgemaakte pagina's aan te zetten.

turn-on-google-amp

  • Pas het logo, lettertype en letterkleur van uw Google AMP-pagina's aan. Meer informatie over de aanbevelingen van Google voor deze inhoud.
  • Klik op Opslaan.
HubSpot zal elke blogpost valideren voor je blogtemplate. De volgende keer dat Google de blogpost crawlt, wordt de AMP-versie gecached. Als er fouten zijn met de AMP-versie, stuurt Google je direct een e-mail om je dit te laten weten.

AMP toepassen op een specifieke blogpost

Let op: deze optie is alleen beschikbaar als AMP niet is ingeschakeld in je bloginstellingen.


  • Ga in je HubSpot account naar Marketing > Website > Blog.
  • Ga met de muis over een blogbericht en klik op Bewerken.
  • Klik in de inhoudseditor rechtsboven op Publiceren.
  • Schakel in het dialoogvenster het selectievakje Google AMP alleen voor deze blogpost inschakelen in en klik vervolgens op Nu publiceren.

publish-post-with-google-amp

HubSpot zal nu deze specifieke blogpost valideren. De volgende keer dat Google de blogpost crawlt, wordt de AMP-versie gecached. Als er fouten zijn met de AMP-versie, stuurt Google je direct een e-mail om je dat te laten weten.

Problemen met AMP oplossen

Als Google Search Console problemen meldt met je AMP-pagina's, raadt HubSpot aan om de AMP-validator te controleren. Deze tool geeft beschrijvende foutmeldingen en zal de locatie van de fout identificeren.

  • Open in je browser de AMP-validator en open vervolgens een nieuw tabblad om HubSpot te openen.
  • Ga in je HubSpot account naar Marketing > Website > Blog.
  • Ga met de muis over een blogbericht en klik op Bewerken.
  • Klik op het menu Bestand en selecteer Bloginstellingen.
  • Klik in het gedeelte Post URL op Link kopiëren.
  • Plak in de AMP-validator de URL van het blogbericht in het URL-veld .

enter-url-in-amp-validator

  • Voeg aan het einde van de URL ?hs_amp=true toe en klik vervolgens op Valideren.
Zodra je de URL hebt gevalideerd, worden eventuele AMP-fouten onder de HTML weergegeven. AMP-fouten kunnen zijn:
  • Het attribuut 'style' verschijnt niet in <div> tag: dit wordt vaak veroorzaakt door een Wistia embed code, die nog niet wordt ondersteund in AMP pagina's.
  • De tag <script> is niet toegestaan, behalve in specifieke vormen: dit wordt vaak veroorzaakt door een Wistia embed-code, die nog niet wordt ondersteund in AMP-pagina's.
  • Het 'style' attribuut verschijnt niet in de <span> tag: dit wordt vaak veroorzaakt door een Wistia embed code, die nog niet wordt ondersteund in AMP pagina's.
  • Misvormde URL '...' voor attribuut 'href' in <a> tag: een link URL in de post body is verkeerd geformatteerd.
  • Ongeldig URL-protocol '...' voor attribuut 'href' in <a>-tag: een URL-link in de hoofdtekst van het bericht is onjuist geformatteerd.
  • Afbeeldingen moeten minstens 1200 pixels breed zijn voor AMP: je blogbericht heeft geen uitgelichte afbeelding die minstens 1200 pixels breed is.
Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.