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 AMP (Accelerated Mobile Pages) na swoim blogu

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

AMP, czyli Accelerated Mobile Pages, to format strony przeznaczony dla urządzeń mobilnych, który ładuje się niemal natychmiast na urządzeniach mobilnych. Aby szybko załadować treść, wersja AMP Twoich postów na blogu nie będzie ładować żadnychplików Javascript, arkuszy stylów, formularzy HubSpot, nagłówka HTML ani stopki HTML.

Istnieje kilka ograniczeń w korzystaniu z AMP:

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 Google AMP.

enable-amp

  • Dostosuj logo, czcionkę i kolor czcionki na swoich stronach Google AMP. Dowiedz się więcej o zaleceniach Google dla tej zawartości.
  • Kliknij przycisk Zapisz.
HubSpot zatwierdzi każdy post na blogu dla Twojego szablonu bloga. Następnym razem, gdy Google będzie indeksować wpis na blogu, zbuforuje wersję AMP. Jeśli wystąpią błędy z wersją AMP, Google wyśle Ci wiadomość e-mail bezpośrednio, aby Cię o tym powiadomić.

Zastosuj AMP do konkretnego wpisu na blogu

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


  • W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Najedź kursorem na post na blogu i kliknij 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 na żywo.

HubSpot będzie teraz zatwierdzać ten konkretny post na blogu. Następnym razem, gdy Google będzie indeksować ten post na blogu, zbuforuje wersję AMP. Jeśli wystąpią błędy z wersją AMP, Google wyśle wiadomość e-mail bezpośrednio do użytkownika, aby poinformować go o tym.

Rozwiązywanie problemów z AMP

Jeśli Google Search Console zgłasza problemy z Twoimistronami AMP, HubSpot zaleca sprawdzenie walidatora AMP.Narzędzie to dostarcza opisowe komunikaty o błędach i identyfikuje lokalizację błędu.

Będziesz musiał wprowadzić wersję AMP adresu URL (z parametrem hs_amp=true) do pola adresu URL. Aby znaleźć adres URL podglądu AMP postu na blogu:

  • W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Kliknij nazwęwpisu na blogu.
  • Na stronie szczegółów postu kliknij przycisk Wyświetl szczegóły.
  • W prawym panelu przewiń w dół do sekcji Podgląd AMP .

AMP%20preview

Oto przyczyny niektórych z najczęstszych błędów AMP:

  • 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 przez kod osadzonyWistia, który nie jest jeszcze obsługiwany na stronach AMP.
  • Nieprawidłowy adresURL '...' 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.
  • 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.