AMP( 가속 모바일 페이지)는 모바일 장치에서 거의 즉시 로드되는 모바일 전용 페이지 형식입니다. 콘텐츠를 빠르게 로드하기 위해 AMP 버전의 블로그 게시물은 자바스크립트 파일, 스타일시트, HubSpot 양식, 머리글 HTML 또는 바닥글 HTML을 로드하지 않습니다.
AMP 사용에는 몇 가지 제한 사항이 있습니다:
- 현재 HubSpot 랜딩 페이지 또는 웹사이트 페이지에는 AMP를 사용할 수 없습니다.
- AMP가 켜져 있는 블로그 게시물의추천 이미지는 너비가 1200픽셀 이상이어야 합니다.
- AMP가켜져 있는 콘텐츠의 조회수는 연락처의 타임라인에서 추적되지않는데, 이는 AMP가 HubSpot 추적 코드에 포함된 JavaScript를 차단하기 때문입니다.
블로그의 모든 글에 대해 AMP를 사용 설정하거나 특정 글에 대해서만 AMP를 사용 설정할 수 있습니다.
블로그의 모든 글에 AMP 적용
참고: 여러 HubSpot 호스팅 블로그에 AMP를 사용 설정하려면 각 블로그에 대해 이 단계를 반복해야 합니다.
- HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
- 왼쪽 사이드바 메뉴에서 콘텐츠 > 블로그로 이동합니다.
- 블로그가 여러 개 있는 경우 수정할 블로그 선택 드롭다운 메뉴를 클릭하고 블로그를 선택합니다.
- Google AMP 탭으로 이동합니다.
- 클릭하여 Google AMP 서식 페이지 켜기 스위치를 켭니다.
- Google AMP 페이지의 로고, 글꼴 및 글꼴 색상을 맞춤 설정합니다. 이 콘텐츠에 대한 Google의 권장 사항에 대해 자세히 알아보세요.
HubSpot이 블로그 템플릿에 대한 각 블로그 게시물의 유효성을 검사합니다. 다음에 Google이 블로그 게시물을 크롤링할 때 AMP 버전을 캐시합니다. AMP 버전에 오류가 있는 경우 Google에서 직접 이메일을 보내 알려드립니다.
특정 블로그 글에 AMP 적용
참고: 이 옵션은 블로그 설정에서 AMP가 켜져 있지 않은 경우에만 사용할 수 있습니다.
- HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 글 이름을 클릭합니다.
- 콘텐츠 편집기에서 오른쪽 상단의 발행을 클릭합니다.
- 대화 상자에서 이 블로그 게시물에만 Google AMP 사용 확인란을 선택한 다음 지금 게시를 클릭합니다.
이제 HubSpot이 이 특정 블로그 게시물의 유효성을 검사합니다. 다음에 Google이 블로그 게시물을 크롤링할 때 AMP 버전을 캐시합니다. AMP 버전에 오류가 있는 경우 Google에서 직접 이메일을 보내 알려 드립니다.
AMP 문제 해결
Google Search Console에서 AMP 페이지 관련 문제를 보고하는 경우 HubSpot은 AMP 유효성 검사기를 확인하는 것이 좋습니다. 이 도구는 설명적인 오류 메시지를 제공하고 오류의 위치를 식별합니다.
- 브라우저에서 AMP 유효성 검사기를 연 다음 새 탭을 열어 HubSpot에 액세스합니다.
- HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 게시물 이름을 클릭합니다.
- 파일 메뉴를 클릭하고 블로그 설정을 선택합니다.
- 게시물 URL 섹션에서 링크 복사를 클릭합니다.
- AMP 유효성 검사기의 URL 필드에 블로그 게시물의 URL을 붙여넣습니다.
- URL 끝에 ?hs_amp=true를 추가한 다음 유효성 검사를 클릭합니다.
URL 유효성 검사를 마치면 모든 AMP 오류가 HTML 아래에 표시됩니다. AMP 오류에는 다음이 포함될 수 있습니다:
- '스타일' 속성이 <div> 태그에 표시되지 않음: 이 오류는 주로 AMP 페이지에서 아직 지원되지 않는 Wistia 임베드 코드로 인해 발생합니다.
- 특정 양식을 제외하고 <script> 태그가 허용되지 않음: 이 오류는 아직 AMP 페이지에서 지원되지 않는 Wistia 임베드 코드로 인해 발생하는 경우가 많습니다.
- '스타일' 속성이 <span> 태그에 표시되지 않음: 아직 AMP 페이지에서 지원되지 않는 Wistia 임베드 코드로 인해 발생하는 경우가 많습니다.
- <a> 태그의 '...' 속성에 대한 잘못된 URL '...': 글 본문에 있는 링크 URL의 형식이 잘못되었습니다.
- <a> 태그의 '...' 속성에 대한 잘못된 URL 프로토콜 '...': 게시물 본문의 링크 URL 형식이 잘못되었습니다.
- AMP용 이미지는 너비가 1200픽셀 이상이어야 합니다: 블로그 게시물에 너비가 1200픽셀 이상인 추천 이미지가 없습니다.
Blog
Account Management
