Wykorzystaj technologię Accelerated Mobile Pages (AMP) na blogu

AMP ( Accelerated Mobile Pages) to format stron przeznaczony specjalnie dla urządzeń mobilnych, który ładuje się niemal natychmiast na urządzeniach mobilnych. Aby zapewnić szybkie ładowanie treści, wersja AMP wpisów na blogu nie ładuje żadnych plików JavaScript, arkuszy stylów, formularzy HubSpot ani sekcji nagłówkowej i stopkowej kodu HTML.

Zanim zaczniesz

Zanim zaczniesz korzystać z AMP na swoim blogu, zapoznaj się z poniższymi wymaganiami i wskazówkami.

Zapoznaj się z ograniczeniami i kwestiami, które należy wziąć pod uwagę

• AMP nie jest dostępne dla stron docelowych HubSpot ani stron internetowych.
• Zdjęcia wyróżnione w postach na blogu z włączoną funkcją AMP powinny mieć co najmniej 1200 pikseli szerokości.
• Wyświetlenia treści z włączoną obsługą AMP nie będą śledzone na osi czasu kontaktu, ponieważ AMP blokuje kod JavaScript zawarty w kodzie śledzenia HubSpot.
• Możesz włączyć AMP dla wszystkich wpisów na blogu lub tylko dla wybranych wpisów.

Zastosuj AMP do wszystkich wpisów na blogu

Użyj tej opcji, aby włączyć AMP dla wszystkich istniejących i przyszłych wpisów na blogu. To podejście jest najlepsze, jeśli chcesz, aby AMP był stosowany spójnie na całym blogu bez konieczności zarządzania nim dla każdego wpisu z osobna.

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

1. Na koncie HubSpot kliknij ikonę ustawień w górnym pasku nawigacyjnym.
2. W menu po lewej stronie 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 AMP ”.
5. Włącz przełącznik „Włącz strony sformatowane w Google AMP ”.

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

Zastosuj AMP do pojedynczego wpisu na blogu

Skorzystaj z tej opcji, jeśli chcesz włączyć AMP tylko dla poszczególnych wpisów na blogu. Jest to przydatne, jeśli testujesz AMP lub potrzebujesz go tylko dla określonych treści.

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

1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Blog. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Blog.
2. Kliknij nazwę swojego wpisu.
3. W edytorze treści kliknij opcję „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 przeprowadzi teraz weryfikację tego konkretnego wpisu na blogu. Gdy Google ponownie zindeksuje ten wpis, wersja AMP zostanie zapisana w pamięci podręcznej. Jeśli w wersji AMP wystąpią błędy, Google wyśle Ci bezpośrednią wiadomość e-mail z informacją o tym.

Rozwiązywanie problemów z AMP

Jeśli Google Search Console zgłasza problemy z Twoimi stronami AMP, HubSpot zaleca sprawdzenie narzędzia do walidacji AMP. Narzędzie to wyświetla opisowe komunikaty o błędach i wskazuje lokalizację błędu.

1. W przeglądarce otwórz narzędzie do sprawdzania poprawności AMP, a następnie otwórz nową kartę, aby przejść do serwisu HubSpot.
2. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Blog. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Blog.
3. Kliknij nazwę swojego wpisu.
4. Kliknij menu Plik i wybierz opcję Ustawienia bloga.
5. W sekcji „Adres URL wpisu ” kliknij opcję „Kopiuj link”.
6. W walidatorze AMP wklej adres URL wpisu na blogu w polu „URL ”.

7. Na końcu adresu URL wpisz ?hs_amp=true, a następnie kliknij „Sprawdź poprawność”.
8. Po zweryfikowaniu adresu URL wszelkie błędy AMP pojawią się poniżej kodu HTML. Błędy AMP mogą obejmować:

• • Atrybut „style” nie występuje w tagu <div>: jest to często spowodowane kodem osadzania Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Tag <script> jest niedozwolony, z wyjątkiem określonych form: często jest to spowodowane kodem osadzania serwisu Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Atrybut „style” nie występuje w tagu <span>: jest to często spowodowane kodem osadzania Wistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Nieprawidłowy adres URL „...” dla atrybutu „href” w tagu <a>: adres URL linku w treści wpisu jest nieprawidłowo sformatowany.
  • Nieprawidłowy protokół adresu URL „...” dla atrybutu „href” w tagu <a>: adres URL linku w treści wpisu jest nieprawidłowo sformatowany.
  • Obrazy w formacie AMP powinny mieć co najmniej 1200 pikseli szerokości: Twój wpis na blogu nie zawiera obrazu wyróżnionego o szerokości co najmniej 1200 pikseli.