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

Begrijp beperkingen & overwegingen

• AMP is niet beschikbaar voor HubSpot landingspagina's of websitepagina's.
• Uitgelichte afbeeldingen op blogberichten met AMP ingeschakeld moeten minimaal 1200 pixels breed zijn.
• Views van content met AMP ingeschakeld wordenniet 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

Gebruik deze optie om AMP in te schakelen voor alle bestaande en toekomstige blogberichten. Deze aanpak is het beste als je AMP consistent wilt toepassen op je hele blog zonder het post voor post te beheren.

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

1. Klik in je HubSpot-account op het settings instellingen-pictogram in de bovenste navigatiebalk.
2. Navigeer in het linker zijbalkmenu naar Inhoud > Blog.
3. Als je meerdere blogs hebt, klik dan op het vervolgkeuzemenu Huidige weergave en selecteer een blog.
4. Klik op het tabblad Google AMP.
5. Schakel de optie Google AMP opgemaakte pagina's inschakelen in.

6. Pas het logo, lettertype en letterkleur van uw Google AMP-pagina's aan. Lees meer over de aanbevelingen van Google voor deze inhoud.
7. Klik op Opslaan als je klaar bent.

AMP toepassen op een specifieke blogpost

Gebruik deze optie als je AMP alleen wilt inschakelen voor specifieke blogberichten. Dit is handig als je AMP aan het testen bent of het alleen nodig hebt voor bepaalde inhoud.

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

1. Ga in je HubSpot-account naar Inhoud > Blog.
2. Klik op de naam van je bericht.
3. Klik in de inhoudseditor rechtsboven op Publiceren.
4. Schakel in het dialoogvenster het selectievakje Google AMP alleen voor deze blogpost inschakelen in en klik vervolgens op Publiceren.

HubSpot zal nu deze specifieke blogpost valideren. De volgende keer dat Google het blogbericht 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 vindt de locatie van de fout.

1. Open in je browser de AMP-validator en open vervolgens een nieuw tabblad om HubSpot te openen.
2. Ga in je HubSpot-account naar Inhoud > Blog.
3. Klik op de naam van je bericht.
4. Klik op het menu Bestand en selecteer Bloginstellingen.
5. Klik in het gedeelte Post URL op Link kopiëren.
6. Plak in de AMP-validator de URL van het blogbericht in het URL-veld .

7. Voer aan het einde van de URL ?hs_amp=true in en klik vervolgens op Valideren.
8. 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.