콘텐츠로 건너뛰기
HubSpot 기술 자료
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

블로그에서 AMP(Accelerated Mobile Pages) 사용하기

마지막 업데이트 날짜: 2026년 9월 22일

명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.

AMP( Accelerated Mobile Pages)는 모바일 기기에서 거의 즉시 로드되는 모바일 전용 페이지 형식입니다. 콘텐츠를 빠르게 로드하기 위해, 블로그 게시물의 AMP 버전에서는 자바스크립트 파일, 스타일시트, HubSpot 양식, 헤더 HTML 및 푸터 HTML을 전혀 로드하지 않습니다.

시작하기 전에

블로그에 AMP를 적용하기 전에 다음 요구 사항 및 고려 사항을 확인하십시오.

권한 필요 블로그의 어느 부분에 AMP를 적용하느냐에 따라 다음과 같은 권한이 필요합니다.

제한 사항 및 고려 사항 이해하기

  • AMP는 HubSpot 랜딩 페이지나 웹사이트 페이지에서는 사용할 수 없습니다.
  • AMP가 활성화된 블로그 게시물의대표 이미지는 너비가 1200픽셀 이상이어야 합니다.
  • AMP가 활성화된 콘텐츠의 조회수는 연락처 타임라인에서 추적되지않습니다. AMP가 HubSpot 추적 코드에 포함된 JavaScript를 차단하기 때문입니다.
  • 블로그의 모든 게시물에 대해 AMP를 활성화하거나 특정 게시물에만 활성화할 수 있습니다.

블로그의 모든 게시물에 AMP 적용하기

이 옵션을 사용하면 기존 및 향후 게시될 모든 블로그 게시물에 대해 AMP를 활성화할 수 있습니다. 게시물별로 일일이 관리하지 않고 블로그 전체에 일관되게 AMP를 적용하고자 할 때 이 방법이 가장 적합합니다.

참고: HubSpot에서 호스팅되는 여러 블로그에 AMP를활성화하려면 각 블로그마다 이 단계를 반복해야 합니다.

  1. HubSpot 계정의 상단 탐색 모음에서 설정 아이콘을 클릭합니다.
  2. 왼쪽 사이드바 메뉴에서 ‘콘텐츠’ > ‘블로그’로 이동합니다.
  3. 블로그가 여러 개인 경우, ‘현재 보기’ 드롭다운 메뉴를 클릭하고 블로그를 선택하세요.
  4. 'Google AMP' 탭을 클릭합니다.
  5. 'Google AMP 형식 페이지 켜기' 스위치를 켭니다.

The content settings for blog are displayed. A box is placed around the Google AMP tab and an arrow points to the on/off toggle for Turn on Google AMP formatted pages.

  1. Google AMP 페이지의 로고, 글꼴 및 글꼴 색상을 사용자 지정하세요. 이 콘텐츠에 대한 Google의 권장 사항에 대해 자세히 알아보세요.
  2. 완료되면 ‘저장’을 클릭하세요.
HubSpot은 블로그 템플릿에 포함된 각 블로그 게시물을 검증합니다. Google이 다음에 해당 블로그 게시물을 크롤링할 때 AMP 버전을 캐시에 저장합니다. AMP 버전에 오류가 있는 경우, Google에서 직접 이메일을 보내 알려드립니다.

개별 블로그 게시물에 AMP 적용하기

개별 블로그 게시물에만 AMP를 활성화하려는 경우 이 옵션을 사용하세요. AMP를 테스트 중이거나 특정 콘텐츠에만 AMP가 필요한 경우 유용합니다.

참고: 이 옵션은 블로그 설정에서 AMP가 활성화되어 있지 않은 경우에만 사용할 수 있습니다.


  1. HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 블로그로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 블로그로 이동하세요.
  2. 게시물 제목을 클릭하세요.
  3. 콘텐츠 편집기에서 오른쪽 상단의 '게시'를 클릭하세요.
  4. 표시되는 대화 상자에서 ‘이 블로그 게시물에만 Google AMP 활성화 ’ 확인란을 선택한 다음 ‘게시’를 클릭하세요.

In the content editor for a blog post, the Ready to publish dialog box is displayed. An arrow points to the Enable Google AMP just for this blog post.

이제 HubSpot에서 이 특정 블로그 게시물의 유효성을 확인합니다. Google이 다음에 이 블로그 게시물을 크롤링할 때 AMP 버전을 캐시하게 됩니다. AMP 버전에 오류가 있는 경우, Google에서 직접 이메일을 보내 알려드립니다.

AMP 문제 해결

Google Search Console에서 AMP 페이지에 문제가 있다고 보고하는 경우, HubSpot은 AMP 검증기를 확인해 볼 것을 권장합니다. 이 도구는 상세한 오류 메시지를 제공하며 오류가 발생한 위치를 찾아줍니다.

  1. 브라우저에서 AMP 유효성 검사기를 연 다음, 새 탭을 열어 HubSpot에 접속하세요.
  2. HubSpot 계정에서 더 보기를 클릭한 다음 콘텐츠 > 블로그로 이동하세요. 더 보기가 계정에 표시되지 않으면 바로 콘텐츠 > 블로그로 이동하세요.
  3. 게시물 제목을 클릭하세요.
  4. '파일' 메뉴 를 클릭 하고 '블로그 설정'을 선택하세요.
  5. '게시물 URL' 섹션 에서 '링크 복사'를 클릭하세요.
  6. AMP 유효성 검사기에서 URL 필드에 블로그 게시물의 URL을 붙여넣으세요.

The AMP validator page is displayed. A box is placed around the URL field.

  1. URL 끝에 ?hs_amp=true 를 입력한 다음 ‘검증’을 클릭하세요.
  2. URL을 검증하면 HTML 아래에 AMP 오류가 표시됩니다. AMP 오류에는 다음이 포함될 수 있습니다:
    • <div> 태그에 ‘style’ 속성이 없습니다. 이는 AMP 페이지에서 아직 지원되지 않는 Wistia 임베드 코드로 인해 자주 발생하는 문제입니다.
    • <script> 태그는 특정 양식을 제외하고 사용이 허용되지 않습니다: 이는 AMP 페이지에서 아직 지원되지 않는 Wistia 임베드 코드로 인해 자주 발생합니다.
    • <div> 태그에 'style' 속성이 나타나지 않습니다: 이는 AMP 페이지에서 아직 지원되지 않는 Wistia 임베드 코드로 인해 자주 발생합니다.
    • <a> 태그의 'href' 속성에 형식이 잘못된 URL '...'이 있습니다: 게시물 본문의 링크 URL 형식이 올바르지 않습니다.
    • <a> 태그의 'href' 속성에 잘못된 URL 프로토콜 '...'이 있습니다. 게시물 본문의 링크 URL 형식이 올바르지 않습니다.
    • AMP의 경우 이미지의 너비는 1200픽셀 이상이어야 합니다: 블로그 게시물에 너비가 1200픽셀 이상인 대표 이미지가 없습니다.
이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.
목차 메뉴

관련 콘텐츠

New call-to-action