Accelerated Mobile Pages (AMP) gebruiken in een blog

AMP, oftewel Accelerated Mobile Pages, is een speciaal voor mobiele apparaten ontworpen paginaformaat dat vrijwel onmiddellijk wordt geladen op mobiele apparaten. Om de inhoud snel te kunnen laden, worden in de AMP-versie van je blogberichten geen JavaScript-bestanden, stylesheets, HubSpot-formulieren, HTML-kopteksten of HTML-voetteksten geladen.

Voordat je aan de slag gaat

Bekijk deze vereisten en overwegingen voordat je AMP voor je blog gaat gebruiken.

Beperkingen en aandachtspunten

• AMP is niet beschikbaar voor HubSpot-landingspagina's of webpagina's.
• Uitgelichte afbeeldingen in blogberichten waarbij AMP is ingeschakeld, moeten minimaal 1200 pixels breed zijn.
• Weergaven van content waarbij AMP is ingeschakeld, worden niet 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 meest geschikt als je AMP consistent op je hele blog wilt toepassen zonder dit per bericht te hoeven beheren.

Let op: als je AMP wilt inschakelen voor meerdere door HubSpot gehoste blogs, moet je deze stappen voor elke blog herhalen.

1. Klik in je HubSpot-account op het instellingen-pictogram in de bovenste navigatiebalk.
2. Ga in het menu aan de linkerkant naar Content > Blog.
3. Als je meerdere blogs hebt, klik je op het vervolgkeuzemenu Huidige weergave en selecteer je een blog.
4. Klik op het tabblad Google AMP.
5. Zet de schakelaar 'Google AMP-geformatteerde pagina's inschakelen' aan.

6. Pas het logo, het lettertype en de tekstkleur van je 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 afzonderlijk blogbericht

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

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

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Content > Blog. Als Meer niet in je account verschijnt, navigeer dan direct naar Content > Blog.
2. Klik op de naam van je bericht.
3. Klik in de inhoudseditor rechtsboven op 'Publiceren '.
4. Vink in het dialoogvenster het selectievakje ‘Google AMP alleen voor dit blogbericht inschakelen ’ aan en klik vervolgens op ‘Publiceren’.

HubSpot zal dit specifieke blogbericht nu valideren. De volgende keer dat Google het blogbericht crawlt, wordt de AMP-versie in de cache opgeslagen. Als er fouten in de AMP-versie zitten, stuurt Google je direct een e-mail om je hiervan op de hoogte te stellen.

Problemen met AMP oplossen

Als Google Search Console problemen met je AMP-pagina’s meldt, raadt HubSpot aan om de AMP-validator te raadplegen. Deze tool geeft duidelijke foutmeldingen en lokaliseert de fout.

1. Open de AMP-validator in uw browser en open vervolgens een nieuw tabblad om naar HubSpot te gaan.
2. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Content > Blog. Als Meer niet in je account verschijnt, navigeer dan direct naar Content > Blog.
3. Klik op de naam van je bericht.
4. Klik op het menu Bestand en selecteer Bloginstellingen.
5. Klik in het gedeelte 'URL van bericht ' op 'Link kopiëren'.
6. Plak de URL van het blogbericht in het URL-veld van de AMP-validator.

7. Voer aan het einde van de URL ?hs_amp=true in en klik vervolgens op Valideren.
8. Zodra je je URL hebt gevalideerd, worden eventuele AMP-fouten onder de HTML weergegeven. AMP-fouten kunnen onder meer zijn:

• • Het attribuut 'style' komt niet voor in de <div>-tag: dit wordt vaak veroorzaakt door een Wistia -insluitcode, die nog niet wordt ondersteund op AMP-pagina's.
  • De <script>-tag is niet toegestaan, behalve in specifieke vormen: dit wordt vaak veroorzaakt door een Wistia -insluitcode, die nog niet wordt ondersteund op AMP-pagina's.
  • Het 'style'-attribuut komt niet voor in de <span>-tag: dit wordt vaak veroorzaakt door een Wistia -insluitcode, die nog niet wordt ondersteund in AMP-pagina's.
  • Onjuist opgebouwde URL '...' voor het 'href'-attribuut in de <a>-tag: een link-URL in de hoofdtekst van het bericht is onjuist opgemaakt.
  • Ongeldig URL-protocol '...' voor het 'href'-attribuut in de <a>-tag: een link-URL in de tekst van het bericht is onjuist opgemaakt.
  • Afbeeldingen moeten voor AMP minimaal 1200 pixels breed zijn: je blogbericht heeft geen uitgelichte afbeelding die minimaal 1200 pixels breed is.