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

Gebruik Accelerated Mobile Pages (AMP) in uw blog

Laatst bijgewerkt: april 30, 2021

Geldt voor:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

AMP, of Accelerated Mobile Pages, is een specifiek formaat voor mobiele pagina's dat bijna onmiddellijk laadt op mobiele toestellen. Om de inhoud snel te laden, zal de AMP-versie van uw blogberichten geenJavascript-bestanden, stylesheets, HubSpot formulieren, head HTML, of footer HTML laden.

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 AMP-enabled blog posts moeten ten minste 1200 pixels breed zijn.
  • Het bekijken van AMP-enabled inhoud zal nietworden bijgehouden op de tijdlijn van een contactpersoon omdat AMP het JavaScript blokkeert dat is opgenomen in de HubSpot tracking code.

U 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 u AMP wilt inschakelen voor meerdere HubSpot-gehoste blogs, moet u deze stappen voor elk blog herhalen.

  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • In de linker zijbalk menu, navigeert u naarWebsite > Blog.
  • Als u meerdere blogs hebt, klikt u op het vervolgkeuzemenu Selecteer een blog om aan te passenen selecteert u een blog.
  • Navigeer naar het tabblad Google AMP.
  • Klik om de Enable Google AMP geformatteerde pagina'sschakelaar aan te zetten.

enable-amp

  • Pas het logo, het lettertype en de letterkleur van uw Google AMP-pagina's aan. Meer informatie over de aanbevelingen van Googlevoor deze inhoud.
  • Klik op Opslaan.
HubSpot zal elk blogbericht voor uw blogtemplate valideren. De volgende keer dat Google het blogbericht crawlt, zullen ze de AMP-versie cachen. Als er fouten zijn met de AMP-versie, zal Google u direct een e-mail sturen om u dit te laten weten.

AMP toepassen op een specifieke blog post

Let op:deze optie is alleen beschikbaar als AMP isnietingeschakeld is in uw bloginstellingen.


  • Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Beweeg de muis over een blogbericht en klik op Bewerken.
  • Navigeer naar het tabblad Schema.
  • In de Google AMP sectie, selecteer hetGoogle AMP inschakelenalleen voor deze blog post checkbox.

enable-google-amp-for-this-post

  • Klik rechtsboven op Bijwerken ofPubliceren om uw wijzigingen live tezetten.

HubSpot zal nu deze specifieke blog post valideren. De volgende keer dat Google de blog post crawlt, zullen ze de AMP versie cachen. Als er fouten zijn met de AMP-versie, zal Google u direct een e-mail sturen om u dit te laten weten.

Problemen met AMP oplossen

Als Google Search Console problemen meldt met uw AMPpagina's, raadt HubSpot aan om de AMP validator te controleren. Deze toolgeeft beschrijvende foutmeldingen en zal de locatie van de fout identificeren.

U moet de AMP-versie van de URL (met de parameter hs_amp=true) in het URL-veld invoeren. Om de AMP preview URL van een blog post te vinden:

  • Navigeer in uw HubSpot account naar Marketing > Website > Blog.
  • Klik op de naam van eenblogbericht.
  • Op de detailpagina van het bericht, klik op Bekijk details.
  • In het rechter paneel, scroll naar beneden naar de AMP preview sectie.

AMP%20preview

Hier zijn oorzaken voor enkele van de meest voorkomende AMP fouten:

  • 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,dienog nietwordt ondersteund in AMPpagina's.
  • Misvormde URL '...' voor attribuut 'href' in <a> tag: een link URLin de post body is verkeerd geformatteerd.
  • Ongeldig URL-protocol '...' voor het kenmerk 'href' in de <a>-tag: de URL van een link in het bericht is onjuist opgemaakt.
  • Afbeeldingen moeten minstens 1200 pixels breed zijn voor AMP: uw blogbericht heeft geen uitgelichte afbeelding die minstens 1200 pixels breed is.