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

Gebruik Accelerated Mobile Pages (AMP) in uw blog

Laatst bijgewerkt: augustus 3, 2021

Geldt voor:

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

AMP, of Accelerated Mobile Pages, is een mobiel-specifiek paginaformaat dat bijna onmiddellijk laadt op mobiele toestellen. Om de inhoud snel te laden, zal de AMP versie van uw blog posts geen Javascriptbestanden, 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 website pagina'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 elke blog herhalen.

  • { local.navSettings }}
  • In het linker zijbalk menu, navigeer naarWebsite > Blog.
  • Als u meerdere blogs heeft, klik op het Selecteer een blog om aan te passen dropdownmenu en selecteer 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 Google voor deze inhoud.
  • Klik op Opslaan.
HubSpot zal elke blog post valideren voor uw blog template. 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.

AMP toepassen op een specifieke blog post

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


  • { local.navBlog }}
  • Beweeg de muis over een blogbericht en klik op Bewerken.
  • Navigeer naar het tabblad Schema.
  • In de Google AMP sectie, selecteer het selectievakjeGoogle AMP inschakelenalleen voor dit blogbericht.

enable-google-amp-for-this-post

  • Klik rechtsboven op Update ofPublish 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 je direct een e-mail sturen om je 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 eenblog post.
  • Op de detailpagina van de post, 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.