AMP(가속화된 모바일 페이지)란 무엇인가요?
AMP(가속 모바일 페이지)는 모바일 기기에 최적화된 간결하고 빠른 로딩 버전의 웹 페이지를 만들기 위해 Google에서 만든 오픈 소스 HTML 프레임워크입니다. Google에서 밝힌 바와 같이 AMP는 순위 결정 요소가 아닙니다.
AMP 작동 방식
AMP는 더 빠른 성능을 위해 특별히 설계된 간소화되고 능률화된 버전의 HTML, CSS, 자바스크립트를 사용하여 작동합니다. AMP가 빠른 속도를 구현하는 방법은 다음과 같습니다:
- 간소화된 HTML AMP HTML은 페이지 로드 시간을 늦출 수 있는 특정 태그와 기능을 제거한 표준 HTML의 제한된 버전입니다.
- 제한된 자바 스크립트 AMP 페이지에서는 비동기 자바스크립트만 허용되므로 어떤 자바스크립트도 페이지 렌더링을 차단하지 못합니다.
- 최적화된 CSS AMP를 사용하려면 크기가 50KB 미만이어야 하는 인라인 CSS가 필요합니다. 이렇게 하면 스타일시트가 페이지 렌더링을 지연시키지 않습니다.
AMP 캐시
AMP의 독특한 측면은 캐싱, 특히 AMP 캐시와 관련이 있습니다. 구글, 빙, 트위터 등 AMP를 사용하는 주요 플랫폼은 AMP 문서를 캐싱하여 더 빠르게 로드하는 프록시 기반 콘텐츠 전송 네트워크(CDN)인 AMP 캐시를 활용합니다. 이러한 플랫폼은 AMP 페이지에 링크할 때 AMP 캐시에 있는 버전으로 연결하는 경우가 많습니다.
AMP 캐시의 이점
- 로드 시간 단축 AMP 캐시는 캐시된 버전의 AMP 페이지를 제공함으로써 로드 시간을 크게 단축하여 사용자 경험을 개선합니다.
- 향상된 성능 캐시된 페이지는 사용자와 더 가까운 서버에서 미리 렌더링되어 전달되므로 전반적인 성능이 향상됩니다.
AMP 사용의 이점
- 향상된 사용자 경험 로딩 시간이 빨라지면 모바일 디바이스에서 이탈률이 낮아지고 참여도가 높아집니다.
- 모바일 SEO 개선 AMP가 직접적인 순위 요소는 아니지만 페이지 로딩 속도가 빨라지고 사용자 경험이 개선되면 모바일 검색 순위에 긍정적인 영향을 미칠 수 있습니다.
- AMP 페이지의광고 실적 개선은 로딩 시간이 단축되고 콘텐츠 전송이 최적화되어 광고 조회율이 향상되는 경우가 많습니다.
AMP 구현하기
AMP를 구현하려면 웹 페이지의 AMP 버전을 별도로 만들어야 합니다. 기본 단계는 다음과 같습니다:
- AMP HTML만들기 AMP HTML 사양을 사용하여 기존 HTML의 간소화된 버전을 만들 수 있습니다.
- AMP 컴포넌트 추가 표준 HTML 태그를 성능에 최적화된 AMP 전용 컴포넌트로 교체합니다.
- AMP 페이지 유효성 검사 AMP 유효 성 검사기를 사용하여 페이지가 AMP 표준을 충족하는지 확인하세요.
- 게시 및 테스트 AMP 페이지를 게시하고 구글 검색 콘솔과 같은 도구를 사용하여 테스트하여 성능 및 색인 생성을 모니터링하세요.
AMP에 대한 자세한 내용과 구현 방법은 AMP 프로젝트 및 Google의 AMP 가이드와 같은 공신력 있는 출처를 참조하세요.
AMP를 이해하고 구현하면 모바일 웹 페이지의 성능을 크게 향상시켜 사용자에게 더 나은 경험을 제공하고 잠재적으로 검색 순위를 높일 수 있습니다.
