Użyj Accelerated Mobile Pages (AMP) na swoim blogu

AMP, czyli Accelerated Mobile Pages, to format strony przeznaczony dla urządzeń mobilnych, który ładuje się na nich niemal natychmiast. Aby szybko załadować treść, w wersji AMP postów na blogu nie będą ładowane żadnepliki Javascript, arkusze stylów, formularze HubSpot, nagłówek HTML ani stopka HTML.

Istnieje kilka ograniczeń w korzystaniu z AMP:

• W tej chwili AMP nie jest dostępny dla stron docelowych HubSpot ani stron witryny.
• Featured images w postach na blogu z włączonym AMP powinny mieć szerokość co najmniej 1200 pikseli.
• Widoki treści z włączonym AMP będą nienie będą śledzone na osi czasu kontaktu, ponieważ AMP blokuje JavaScript zawarty w kodzie śledzenia HubSpot.

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

Zastosuj AMP we wszystkich postach na blogu

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

• W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
• W menu lewego paska bocznego przejdź do Strona internetowa > 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 strony sformatowane Google AMP .

• Dostosuj logo, czcionkę i kolor czcionki na swoich stronach Google AMP. Dowiedz się więcej o zaleceniach Google dotyczących tej treści.

• Kliknij przycisk Zapisz.

Zastosuj AMP do konkretnego wpisu na blogu

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

• W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
• Najedź na post na blogu i kliknij Edytuj.
• Przejdź do zakładki Opcje publikowania.
• W sekcji Google AMP zaznacz pole wyboru Włącz Google AMP tylko dla tego postu na blogu.

• W prawym górnym rogu kliknij Aktualizuj lub Opublikuj, aby wprowadzić zmiany na żywo.

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

Rozwiązywanie problemów z AMP

Jeśli Google Search Console zgłosi problemy ze stronami AMP, HubSpot zaleca sprawdzenie walidatora AMP. To narzędzie dostarcza opisowych komunikatów o błędach i zidentyfikuje lokalizację błędu .

• W przeglądarce otwórz walidator AMP, a następnie otwórz nową kartę, aby uzyskać dostęp do HubSpot.
• W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
• Najedź na post na blogu i kliknij Edytuj.
• W edytorze treści kliknij kartę Ustawienia .
• Obok adresu URL bloga kliknij opcję Kopiuj link.
• W walidatorze AMP wklej adres URL wpisu na blogu w polu URL .

• Na końcu adresu URL dodaj ?hs_amp=true, a następnie kliknij Validate.

• Atrybut 'style' nie pojawia się w tagu <div>: jest to często spowodowane przez kod embed Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
• Znacznik <script> jest niedozwolony z wyjątkiem określonych form: jest to często spowodowane przez kod embed Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
• Atrybut 'style' nie pojawia się w znaczniku <span>: jest to często spowodowane przezkod osadzony Wistia, który nie jest jeszcze obsługiwany na stronach AMP .
• Nieprawidłowy adresURL "..." dla atrybutu "href" w znaczniku <a>: adres URL linku w treści postu jest sformatowany nieprawidłowo.
• Invalid URL protocol "..." for attribute 'href' in <a> tag: link URL w treści postu jest sformatowany niepoprawnie.
• 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.