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.

Poznaj ograniczenia i uwagi

• 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 AMP niebę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

Użyj tej opcji, aby włączyć AMP dla wszystkich istniejących i przyszłych postów na blogu. To podejście jest najlepsze, jeśli chcesz, aby AMP było stosowane konsekwentnie na całym blogu bez konieczności zarządzania nim post po poście.

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

1. Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
2. W menu na lewym pasku bocznym przejdź do sekcji Treść > Blog.
3. Jeśli masz wiele blogów, kliknij menu rozwijane Bieżący widok i wybierz blog.
4. Kliknij kartę Google AM P.
5. Włącz przełącznik Włącz sformatowane strony Google AMP .

6. Dostosuj logo, czcionkę i kolor czcionki na stronach Google AMP. Dowiedz się więcej o zaleceniach Google dotyczących tej zawartości.
7. Po zakończeniu kliknij Zapisz.

Zastosowanie AMP do konkretnego wpisu na blogu

Użyj tej opcji, jeśli chcesz włączyć AMP tylko dla określonych postów na blogu. Jest to przydatne, jeśli testujesz AMP lub potrzebujesz go tylko dla wybranych treści.

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

1. Na swoim koncie HubSpot przejdź do Treści > Blog.
2. Kliknij nazwę swojego wpisu.
3. W edytorze treści kliknij przycisk Opublikuj w prawym górnym rogu.
4. W oknie dialogowym zaznacz pole wyboru Włącz Google AMP tylko dla tego wpisu na blogu, a następnie kliknij Opublikuj.

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. Narzędzie to wyświetla opisowe komunikaty o błędach i znajduje lokalizację błędu.

1. W przeglądarce otwórz walidator AMP, a następnie otwórz nową kartę, aby uzyskać dostęp do HubSpot.
2. Na swoim koncie HubSpot przejdź do Treści > Blog.
3. Kliknij nazwę swojego wpisu.
4. Kliknij menu Plik i wybierz opcję Ustawienia bloga.
5. W sekcji Adres URL posta kliknij opcję Kopiuj link.
6. W walidatorze AMP wklej adres URL posta na blogu w polu URL .

7. Na końcu adresu URL wpisz ?hs_amp=true, a następnie kliknij Zatwierdź.
8. 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.