HubSpot Baza wiedzy

Korzystanie z przyspieszonych stron mobilnych (AMP) na blogu

Autor: HubSpot Support | Oct 18, 2021 4:33:02 PM

AMP, czyli Accelerated Mobile Pages, to specyficzny dla urządzeń mobilnych format strony, który ładuje się niemal natychmiast na urządzeniach mobilnych. Aby szybko załadować zawartość, wersja AMP postów na blogu nie ładuje żadnych plików Javascript, arkuszy stylów, formularzy HubSpot, nagłówka HTML ani stopki HTML.

Korzystanie z AMP ma kilka ograniczeń:

AMP można włączyć dla wszystkich postów na blogu lub tylko dla określonych postów.

Zastosowanie AMP do wszystkich postów na blogu

Uwaga: jeśli chcesz włączyć AMP dla wielu blogów hostowanych przez HubSpot, musisz powtórzyć te kroki dla każdego bloga.

  • W menu na lewym pasku bocznym przejdź do sekcji Zawartość > Blog.
  • Jeśli masz wiele blogów, kliknij menu rozwijane Wybierz blog do modyfikacji i wybierz blog.
  • Przejdź do karty Google AMP.
  • Kliknij, aby włączyć przełącznik Włącz sformatowane strony Google AM P.

  • Dostosuj logo, czcionkę i kolor czcionki na stronach Google AMP. Dowiedz się więcej o zaleceniach Google dotyczących tej zawartości.
  • Kliknij przycisk Zapisz.
HubSpot zweryfikuje każdy wpis na blogu pod kątem szablonu bloga. Następnym razem, gdy Google zaindeksuje wpis na blogu, zbuforuje wersję AMP. Jeśli w wersji AMP wystąpią błędy, Google wyśle Ci bezpośrednio wiadomość e-mail, aby Cię o tym poinformować.

Zastosowanie AMP do konkretnego wpisu na blogu

Uwaga: ta opcja jest dostępna tylko wtedy, gdy AMP nie jest włączone w ustawieniach bloga.


  • Kliknij nazwę swojego wpisu.
  • W edytorze treści kliknij przycisk Opublikuj w prawym górnym rogu.
  • W oknie dialogowym zaznacz pole wyboru Włącz Google AMP tylko dla tego wpisu na blogu, a następnie kliknij Opublikuj teraz.

HubSpot zweryfikuje teraz ten konkretny wpis na blogu. Następnym razem, gdy Google zaindeksuje wpis na blogu, zbuforuje wersję AMP. Jeśli w wersji AMP wystąpią błędy, Google wyśle Ci bezpośrednio wiadomość e-mail, aby Cię o tym poinformować.

Rozwiązywanie problemów z AMP

Jeśli Google Search Console zgłasza problemy ze stronami AMP, HubSpot zaleca sprawdzenie walidatora AMP. To narzędzie zapewnia opisowe komunikaty o błędach i identyfikuje lokalizację błędu.

  • W przeglądarce otwórz walidator AMP , a następnie otwórz nową kartę, aby uzyskać dostęp do HubSpot.
  • Kliknij nazwę swojego wpisu.
  • Kliknij menu Plik i wybierz opcję Ustawienia bloga.
  • W sekcji Adres URL posta kliknij opcję Kopiuj link.
  • W walidatorze AMP wklej adres URL posta na blogu w polu URL .

  • Na końcu adresu URL dodaj ?hs_amp=true, a następnie kliknij Zatwierdź.
Po zweryfikowaniu adresu URL wszelkie błędy AMP pojawią się pod kodem HTML. Błędy AMP mogą obejmować:
  • Atrybut "style" nie pojawia się w znaczniku <div>: jest to często spowodowane przez kod osadzania Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Znacznik <script> jest niedozwolony z wyjątkiem określonych formularzy: jest to często spowodowane przez kod osadzania Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Atrybut "style" nie pojawia się w znaczniku <span>: jest to często spowodowane przez kod osadzania Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Nieprawidłowy adres URL "..." dla atrybutu "href" w znaczniku <a>: adres URL linku w treści posta jest nieprawidłowo sformatowany.
  • Nieprawidłowy protokół URL "..." dla atrybutu "href" w znaczniku <a>: adres URL linku w treści posta jest nieprawidłowo sformatowany.
  • Obrazy powinny mieć co najmniej 1200 pikseli szerokości dla AMP: Twój wpis na blogu nie ma wyróżnionego obrazu o szerokości co najmniej 1200 pikseli.