Gebruik Accelerated Mobile Pages (AMP) in uw blog

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 blog posts geenJavascript bestanden, stylesheets, HubSpot formulieren, head HTML, of footer HTML.

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 blogberichten met AMP ingeschakeld moeten minimaal 1200 pixels breed zijn.
• Bekeken content met AMP ingeschakeld zal nietworden gevolgd op de tijdlijn van een contactpersoon, omdat AMP het JavaScript in de HubSpot-trackingcode blokkeert.

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 uw HubSpot-account op de settingsinstellingenpictogram 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 om de schakelaar Zet Google AMP opgemaakte pagina's aan te zetten.

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

AMP toepassen op een specifieke blogpost

Let op:deze optie is alleen beschikbaar als AMPnietis ingeschakeld in uw bloginstellingen.

• Navigeer in uw HubSpot account naar Marketing > Website > Blog.
• Ga met de muis over een blogbericht en klik op Bewerken.
• Navigeer naar het tabblad Publiceeropties.
• Schakel in de sectie Google AMP het selectievakje Google AMP alleen voor dit blogbericht inschakelen in.

• Klik rechtsboven op Bijwerken of Publiceren om je wijzigingen live te zetten.

HubSpot zal nu deze specifieke blogpost valideren. De volgende keer dat Google de blogpost crawlt, zullen ze de AMP-versie cachen. 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 met je AMP-pagina's meldt, raadt HubSpot aan 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.
• Navigeer in uw HubSpot account naar Marketing > Website > Blog.
• Ga met de muis over een blogpost en klik op Bewerken.
• Klik in de inhoudseditor op het tabblad Instellingen .
• Klik naast de Blog URL op Link kopiëren.
• Plak in de AMP-validator de URL van het blogbericht in het URL-veld .

• Voeg aan het einde van de URL ?hs_amp=true toe en klik op Valideren.

• 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 <script> tag 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 embedcode, 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 link URL in de post body is onjuist geformatteerd.
• Afbeeldingen moeten minstens 1200 pixels breed zijn voor AMP: je blogbericht heeft geen uitgelichte afbeelding die minstens 1200 pixels breed is.