Käytä nopeutettuja mobiilisivuja (AMP) blogissa

AMP eli Accelerated Mobile Pages on mobiililaitteille suunniteltu sivumuoto, joka latautuu mobiililaitteissa lähes välittömästi. Sisällön nopean lataamisen vuoksi blogikirjoitustesi AMP-versio ei lataa mitään JavaScript-tiedostoja, tyylilomakkeita, HubSpot-lomakkeita, otsikko- tai alatunnisteen HTML:ää.

Ymmärrä rajoitukset ja näkökohdat

• AMP ei ole käytettävissä HubSpotin laskeutumissivuille tai verkkosivuston sivuille.
• Kun AMP on otettu käyttöön, blogipostaustennäkyvien kuvien leveyden tulisi olla vähintään 1200 pikseliä.
• Sisällön katseluja, joissa AMP on käytössä , ei seurata kontaktin aikajanalla, koska AMP estää HubSpotin seurantakoodiin sisältyvän JavaScriptin.
• Voit ottaa AMP:n käyttöön kaikissa blogin viesteissä tai vain tietyissä viesteissä.

AMP:n käyttäminen kaikissa blogin viesteissä

Tällä vaihtoehdolla voit ottaa AMP:n käyttöön kaikissa olemassa olevissa ja tulevissa blogipostauksissa. Tämä lähestymistapa on paras, jos haluat AMP:tä sovellettavan johdonmukaisesti koko blogissasi ilman, että sitä hallinnoidaan postauskohtaisesti.

Huomaa: jos haluat ottaa AMP:n käyttöön useissa HubSpotin isännöimissä blogeissa, sinun on toistettava nämä vaiheet jokaisessa blogissa.

1. Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
2. Siirry vasemman sivupalkin valikossa kohtaan Sisältö > Blogi.
3. Jos sinulla on useita blogeja, napsauta Nykyinen näkymä -pudotusvalikkoa ja valitse blogi.
4. Napsauta Google AMP -välilehteä.
5. Kytke päälle kytkin Turn on Google AMP formatted pages (Ota Google AMP -muotoillut sivut käyttöön ).

6. Mukauta Google AMP -sivujen logo, fontti ja fontin väri. Lue lisää Googlen suosituksista tälle sisällölle.
7. Kun olet valmis, valitse Tallenna.

AMP:n soveltaminen tiettyyn blogikirjoitukseen

Käytä tätä vaihtoehtoa, jos haluat ottaa AMP:n käyttöön vain tietyissä blogikirjoituksissa. Tämä on hyödyllistä, jos testaat AMP:tä tai tarvitset sitä vain valittuun sisältöön.

Huomaa: tämä vaihtoehto on käytettävissä vain, jos AMP ei ole käytössä blogiasetuksissa.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
2. Napsauta viestisi nimeä.
3. Napsauta sisältöeditorissa oikeassa yläkulmassa Julkaise.
4. Valitse valintaikkunassa Ota Google AMP käyttöön vain tässä blogikirjoituksessa -valintaruutu ja napsauta sitten Julkaise.

HubSpot validoi nyt tämän tietyn blogikirjoituksen. Kun Google seuraavan kerran indeksoi blogikirjoituksen, se tallentaa AMP-version välimuistiin. Jos AMP-versiossa on virheitä, Google lähettää sinulle suoraan sähköpostiviestin, jossa se ilmoittaa asiasta.

AMP-ongelmien vianmääritys

Jos Google Search Console ilmoittaa ongelmista AMP-sivujesi kanssa, HubSpot suosittelee tarkistamaan AMP-validointiohjelman. Tämä työkalu antaa kuvaavia virheilmoituksia ja löytää virheen sijainnin.

1. Avaa selaimessasi AMP-validaattori ja avaa sitten uusi välilehti HubSpotiin.
2. Siirry HubSpot-tililläsi kohtaan Sisältö > Blogi.
3. Napsauta viestisi nimeä.
4. Napsauta Tiedosto-valikkoa ja valitse Blogiasetukset.
5. Napsauta Postin URL-osio -kohdassa Kopioi linkki.
6. Liitä AMP-validaattorissa blogipostauksen URL-osoite URL-kenttään .

7. Kirjoita URL-osoitteen loppuun ?hs_amp=true ja napsauta sitten Validoi.
8. Kun olet validoinut URL-osoitteen, mahdolliset AMP-virheet näkyvät HTML-koodin alla. AMP-virheitä voivat olla mm:

• • Attribuutti 'style' ei näy <div>-tagissa: tämä johtuu usein Wistian upotuskoodista, jota ei vielä tueta AMP-sivuilla.
  • <script>-tagi ei ole sallittu paitsi tietyissä lomakkeissa: tämä johtuu usein Wistian upotuskoodista, jota ei vielä tueta AMP-sivuilla.
  • 'style'-attribuutti ei näy <span>-tagissa: tämä johtuu usein Wistia embed -koodista, jota ei vielä tueta AMP-sivuilla.
  • Väärin muotoiltu URL-osoite '...' attribuutille 'href' <a>-tagissa: viestin rungossa oleva linkin URL-osoite on muotoiltu väärin.
  • Virheellinen URL-protokolla '...' attribuutille 'href' <a>-tagissa: postauksen rungossa oleva linkin URL-osoite on muotoiltu väärin.
  • Kuvien tulisi olla vähintään 1200 pikseliä leveitä AMP:tä varten: blogikirjoituksessasi ei ole esillä olevaa kuvaa , joka on vähintään 1200 pikseliä leveä.