Gebruik AMP (Accelerated Mobile Pages) in je 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 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.

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

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.

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 .

• Voeg aan het einde van de URL ?hs_amp=true toe en klik vervolgens 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 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.