Korzystanie z przyspieszonych stron mobilnych (AMP) na blogu

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ń:

• Obecnie AMP nie jest dostępny dla stron docelowych HubSpot ani stron witryny.
• Wyróżnione obrazy w postach na blogu z włączonym AMP powinny mieć co najmniej 1200 pikseli szerokości.
• Wyświetlenia treści z włączonym AMPnie będą śledzone na osi czasu kontaktu, ponieważ AMP blokuje JavaScript zawarty w kodzie śledzenia HubSpot.

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.

• Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
• 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.

Zastosowanie AMP do konkretnego wpisu na blogu

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

• Na swoim koncie HubSpot przejdź do Treści > Blog.
• Najedź kursorem na wpis na blogu i kliknij Edytuj.
• W edytorze treści kliknij Publikuj 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.
• Na swoim koncie HubSpot przejdź do Treści > Blog.
• Najedź kursorem na wpis na blogu i kliknij Edytuj.
• 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ź.

• 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.