Accelerated Mobile Pages (AMP) -tekniikan käyttö blogissa

AMP ( Accelerated Mobile Pages) on mobiililaitteille suunniteltu sivumuoto, joka latautuu mobiililaitteilla lähes välittömästi. Sisällön nopean lataamisen varmistamiseksi blogikirjoitustesi AMP-versioissa ei ladata JavaScript-tiedostoja, tyylitiedostoja, HubSpot-lomakkeita, HTML-otsikkokoodia eikä HTML-alatunnistekoodia.

Ennen kuin aloitat

Ennen kuin otat AMP:n käyttöön blogissasi, tutustu näihin vaatimuksiin ja huomioitaviin seikkoihin.

Tutustu rajoituksiin ja huomioitaviin seikkoihin

• AMP ei ole käytettävissä HubSpotin laskeutumissivuilla tai verkkosivujen sivuilla.
• AMP-toiminnon ollessa käytössä blogikirjoitustenesikuvien leveyden tulee olla vähintään 1200 pikseliä.
• AMP-toiminnon ollessa käytössä sisällön katselukertoja ei seurata kontaktin aikajanalla, koska AMP estää HubSpotin seurantakoodiin sisältyvän JavaScriptin toiminnan.
• Voit ottaa AMP:n käyttöön kaikissa blogin artikkeleissa tai vain tietyissä artikkeleissa.

Ota AMP käyttöön kaikissa blogin viesteissä

Käytä tätä vaihtoehtoa, jos haluat ottaa AMP:n käyttöön kaikissa nykyisissä ja tulevissa blogijulkaisuissa. Tämä on paras tapa, jos haluat, että AMP:tä sovelletaan yhdenmukaisesti koko blogissasi ilman, että joudut hallinnoimaan sitä julkaisukohtaisesti.

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 asetuskuvaketta.
2. Siirry vasemman sivupalkin valikosta 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 Google AMP -muotoiltujen sivujen käyttöönotto-kytkin päälle.

6. Mukauta Google AMP -sivujesi logoa, fonttia ja fontin väriä. Lue lisää Googlen suosituksista tämän sisällön osalta.
7. Kun olet valmis, napsauta Tallenna.

Käytä AMP:tä yksittäiseen blogikirjoitukseen

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

Huomaa: tämä vaihtoehto on käytettävissä vain, jos AMP:tä ei ole otettu käyttöön blogisi asetuksissa.

1. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Blogi. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Blogi.
2. Napsauta kirjoituksesi nimeä.
3. Napsauta sisältöeditorin oikeassa yläkulmassa olevaa Julkaise-painiketta.
4. Valitse valintaikkunassa valintaruutu Ota Google AMP käyttöön vain tässä blogikirjoituksessa ja napsauta sitten Julkaise.

HubSpot tarkistaa nyt tämän tietyn blogikirjoituksen. Kun Google seuraavan kerran indeksoi blogikirjoituksen, se tallentaa AMP-version välimuistiin. Jos AMP-versiossa on virheitä, Google ilmoittaa siitä sinulle suoraan sähköpostitse.

AMP-ongelmien vianmääritys

Jos Google Search Console ilmoittaa ongelmista AMP-sivuissasi, HubSpot suosittelee AMP-validaattorin käyttöä. Tämä työkalu antaa selkeitä virheilmoituksia ja paikantaa virheen sijainnin.

1. Avaa selaimessasi AMP-validaattori ja avaa sitten uusi välilehti, jotta pääset HubSpot-palveluun.
2. Napsauta HubSpot-tilissäsi Lisää ja siirry sitten kohtaan Sisältö > Blogi. Jos Lisää-kohtaa ei näy tilissäsi, siirry suoraan kohtaan Sisältö > Blogi.
3. Napsauta artikkelisi nimeä.
4. Napsauta Tiedosto-valikkoa ja valitse Blogin asetukset.
5. Napsauta Julkaisun URL-osoite -osiossa Kopioi linkki.
6. Liitä blogijulkaisun URL-osoite AMP-validaattorin URL-kenttään .

7. Kirjoita URL-osoitteen loppuun ?hs_amp=true ja napsauta sitten Vahvista.
8. Kun olet vahvistanut URL-osoitteesi, mahdolliset AMP-virheet näkyvät HTML-koodin alapuolella. AMP-virheitä voivat olla esimerkiksi:

• • Attribuutti 'style' ei esiinny <div>-tagissa: tämä johtuu usein Wistian upotuskoodista, jota ei vielä tueta AMP-sivuilla.
  • <script>-tagi ei ole sallittu paitsi tietyissä muodoissa: tämä johtuu usein Wistian upotuskoodista, jota ei vielä tueta AMP-sivuilla.
  • 'style'-attribuuttia ei näy <span>-tagissa: tämä johtuu usein Wistia -upotuskoodista, jota ei vielä tueta AMP-sivuilla.
  • Virheellinen URL '...' attribuutin 'href' kohdalla <a>-tagissa: linkin URL-osoite artikkelin tekstissä on muotoiltu virheellisesti.
  • Virheellinen URL-protokolla '...' <a>-tagin 'href'-attribuutissa: linkin URL-osoite artikkelin tekstissä on muotoiltu väärin.
  • Kuvien leveyden tulisi olla vähintään 1200 pikseliä AMP:ssä: blogikirjoituksessasi ei ole esikuvakuvaa, jonka leveys olisi vähintään 1200 pikseliä.