Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Blog

Wykorzystaj przyspieszone strony mobilne (AMP) na swoim blogu

Data ostatniej aktualizacji: czerwca 16, 2022

Dotyczy:

Wszystkie produkty i plany

AMP, czyli Accelerated Mobile Pages (przyspieszone strony mobilne), 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 są ładowane żadnepliki Javascript, arkusze stylów, formularze HubSpot, nagłówki HTML ani stopki HTML.

Korzystanie z AMP ma kilka ograniczeń:

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 pozycjiWitryna >Blog.
  • Jeśli masz wiele blogów, kliknij menu rozwijane Wybierz blog do modyfikacjii wybierz blog.
  • Przejdź do karty Google AMP.
  • Kliknij, aby włączyć przełącznik Włącz strony sformatowane w Google AMP .

turn-on-google-amp

  • Dostosuj logo, czcionkę i kolor czcionki na swoich stronach Google AMP. Dowiedz się więcej o zaleceniach Googledotyczących tej zawartości.
  • Kliknij przycisk Zapisz.
HubSpot dokona walidacji każdego wpisu w szablonie bloga. Następnym razem, gdy Google będzie indeksować wpis na blogu, zbuforuje wersję AMP. Jeśli wystąpią błędy w wersji AMP, Google wyśle wiadomość e-mail bezpośrednio do użytkownika, aby go o tym powiadomić.

Zastosuj AMP do konkretnego wpisu na blogu

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


  • W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Najedź kursorem na post na blogu i kliknij przycisk Edytuj.
  • Przejdź do zakładki Harmonogram.
  • W sekcji Google AMP zaznacz pole wyboruWłącz Google AMP tylko dla tego posta na blogu.

enable-google-amp-for-this-post

  • W prawym górnym rogu kliknij przycisk AktualizujlubOpublikuj, aby wprowadzić zmiany.

HubSpot dokona teraz walidacji tego konkretnego wpisu na blogu. Następnym razem, gdy Google będzie przeszukiwać ten wpis, zbuforuje on wersję AMP. Jeśli wystąpią błędy w wersji AMP, Google wyśle wiadomość e-mail bezpośrednio do użytkownika, aby go o tym powiadomić.

Rozwiązywanie problemów z AMP

Jeśli Google Search Console zgłasza problemy zestronami AMP, HubSpot zaleca sprawdzenie walidatora AMP.Narzędzie to dostarcza 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.
  • W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Najedź kursorem na post na blogu i kliknij przyciskEdytuj.
  • W edytorze treści kliknij kartęUstawienia .
  • Obokadresu URL blogakliknij opcjęKopiuj łącze.
  • W walidatorze AMP wklej adres URL posta na blogu w polu adresu URL.

enter-url-in-amp-validator

  • Na końcu adresu URL dodaj ?hs_amp=true, a następnie kliknij przycisk Sprawdźpoprawność.
Po sprawdzeniu poprawności adresu URL, wszelkie błędy AMP pojawią się poniżej kodu HTML. Błędy AMP mogą obejmować:
  • Atrybut 'style' nie pojawia się w znaczniku <div>: jest to często spowodowane przez kod osadzony 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 osadzony 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 osadzonyWistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Nieprawidłowosformatowanyadres URL"..." dla atrybutu "href" w znaczniku <a>: adresURL linku w treści postu jest sformatowany nieprawidłowo.
  • Nieprawidłowy protokół URL "..." dla atrybutu "href" w znaczniku <a>: adres URL linku w treści postu jest sformatowany niepoprawnie.
  • Obrazki powinny mieć co najmniej 1200 pikseli szerokości dla AMP: Twój wpis nie ma wyróżnionego obrazka o szerokości co najmniej 1200 pikseli.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.