Accelerated Mobile Pages
"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
목차
1. 개요
Accelerated Mobile Pages (AMP)는 모바일 웹 성능 향상을 목표로 구글이 개발한 프로젝트이다. 2015년 발표 이후 트위터, 핀터레스트 등 여러 기술 회사와 뉴스 발행인이 참여했으며, 2016년부터 구글 모바일 검색 결과에 AMP 페이지가 표시되기 시작했다. AMP는 모바일 친화적으로 설계되었지만 데스크톱 및 태블릿에서도 작동하며, 2018년에는 워드프레스 플러그인이 출시되기도 했다. 그러나 2021년부터 트위터 등 일부 플랫폼에서 지원이 중단되었고, 구글은 검색 결과에서 AMP를 SEO 기준으로 제거했다. 2022년에는 브레이브 브라우저와 덕덕고가 AMP 페이지 우회 기능을 도입했으며, 2023년에는 고스트 블로깅 플랫폼이 AMP 제거를 발표했다. AMP는 AMP HTML, AMP JS, AMP Cache로 구성되며, 웹 페이지를 빠르게 로드하기 위해 설계되었다. AMP는 페이스북 인스턴트 아티클, 애플 뉴스 등과 비교되며, 구글의 통제, 사전 렌더링 문제, 수익 창출, 악의적 목적 악용 등 여러 비판을 받았다.
더 읽어볼만한 페이지
- 모바일 웹 - 모바일 인터넷 디바이스
모바일 인터넷 디바이스(MID)는 인텔이 아톰 프로세서를 탑재하고 무선 인터넷 기능을 강조하여 2007년부터 2014년까지 여러 플랫폼으로 출시한 UMPC의 일종이다. - 모바일 웹 - I-모드
1999년 일본 NTT 도코모에서 시작된 i-모드는 피처폰 기반 모바일 데이터 서비스로, HTTP와 HTML을 사용하여 인터넷 접속, 이메일, 애플리케이션 등 다양한 기능을 제공하며 한때 세계적으로 확산되었으나 스마트폰의 등장으로 쇠퇴하여 2026년 서비스 종료 예정이다. - 워드프레스 - 워드프레스닷컴
워드프레스닷컴은 오토매틱에서 2005년 출시한 블로그 호스팅 서비스로, 무료 및 유료 요금제를 제공하며 블로그 운영을 위한 가입이 필요하지만 2024년 사용자 데이터 판매 논란이 있었다. - 워드프레스 - 그라바타
그라바타는 이메일 주소를 기반으로 사용자의 아바타를 웹 상에서 표시하는 서비스로, 다양한 플랫폼에서 지원되며 여러 메타데이터 표준을 통해 프로필 데이터를 제공한다. - HTML - Alt 속성
`alt` 속성은 HTML의 `img` 및 `area` 태그에서 이미지를 로드할 수 없을 때 대체 텍스트를 지정하며, 스크린 리더 및 SEO에 영향을 미치고, W3C 지침에 따라 이미지의 의미를 전달하거나 장식용 이미지는 빈 문자열로 지정해야 한다. - HTML - 폰트 패밀리 (HTML)
폰트 패밀리(HTML)는 CSS 스타일 시트, 인라인 CSS, HTML `font` 태그를 통해 웹 페이지 글꼴을 지정하는 방법으로, 사용자 기기에 설치된 글꼴에 따라 표현이 달라지며, CSS의 `font-family` 속성은 글꼴 모양을 식별하고 제네릭 폰트와 글꼴 대체 메커니즘을 통해 일관된 글꼴 표현을 가능하게 한다.
| Accelerated Mobile Pages - [IT 관련 정보]에 관한 문서 | |
|---|---|
| 개요 | |
| 이름 | Accelerated Mobile Pages (AMP) |
| 유형 | 오픈 소스 HTML 프레임워크 |
| 설명 | 빠른 로딩 속도를 제공하는 모바일 페이지 구축을 위한 프레임워크 |
| 개발 | 구글 |
| 최초 출시일 | 2015년 10월 7일 |
| 현재 상태 | 온라인 |
| 웹사이트 | AMP 공식 웹사이트 |
| 깃허브 | AMP 깃허브 저장소 |
| 기술 정보 | |
| 목표 | 모바일 웹 페이지 로딩 속도 향상 |
| 특징 | HTML, JavaScript, CSS 제한 AMP HTML, AMP JS, AMP Cache 사용 |
| AMP 캐시 제공 업체 | Cloudflare (클라우드플레어) Bing (빙) |
| 배경 및 역사 | |
| 개발 배경 | 느린 모바일 웹 페이지 로딩 속도 문제 해결 Apple News (애플 뉴스), Facebook Instant Articles (페이스북 인스턴트 아티클) 등 경쟁 서비스 등장 |
| 오픈소스화 | AMP 프로젝트는 오픈 거버넌스 모델을 채택하고 OpenJS Foundation (오픈JS 재단)으로 이전됨 |
| 논란 및 비판 | |
| 주요 비판 | 구글의 웹 표준 독점 심화 검색 결과 우선 노출을 위한 강제적인 사용 유도 |
| 구글의 입장 | AMP는 개방형 웹 표준을 준수하며, 모든 웹사이트에 적용 가능 빠른 로딩 속도는 사용자 경험 향상에 기여 |
| 기타 | |
| 관련 기사 | Google의 모바일 웹 지배력에 대한 경쟁 당국의 우려 (Politico) |
2. 역사
AMP 프로젝트는 2015년 10월 7일 구글에 의해 발표되었다.[13][14] 이는 디지털 뉴스 이니셔티브(DNI)의 파트너 및 전 세계의 다른 뉴스 발행인 및 기술 회사와 모바일 웹의 성능 향상에 대한 논의를 거친 후 이루어졌다. 트위터, 핀터레스트, 링크드인, 워드프레스를 포함한 30개 이상의 뉴스 발행인과 여러 기술 회사가 AMP 프로젝트의 협력사로 참여했다. AMP는 원래 PCU(Portable Content Unit)라고 불렸다.[16]
2. 1. 발표 및 출시
AMP 프로젝트는 2015년 10월 7일 구글에 의해 발표되었으며, 이는 디지털 뉴스 이니셔티브(DNI)의 파트너 및 전 세계의 다른 뉴스 발행인 및 기술 회사와 모바일 웹의 성능 향상에 대한 논의를 거친 후 이루어졌다. 트위터, 핀터레스트, 링크드인, 워드프레스를 포함한 30개 이상의 뉴스 발행인과 여러 기술 회사가 AMP 프로젝트의 협력사로 참여했다.[13][14]2016년 2월, 구글은 모바일 검색 결과에 AMP 페이지를 처음으로 공개했다. 초기에는 AMP 페이지 링크가 구글 모바일 검색 결과의 "주요 뉴스" 섹션에 한정되었으나, 2016년 9월부터 구글은 주요 모바일 검색 결과 영역에서 AMP 콘텐츠로 연결하기 시작했다.[15] 당시 구글 검색은 AMP 링크를 아이콘으로 구분했다.
AMP 프로젝트 공동 창립자 중 한 명인 말테 우블에 따르면, AMP는 원래 PCU(Portable Content Unit)라고 불렸다.[16]
2. 2. 성장 및 확장
마이크로소프트는 2016년 9월 iOS 및 안드로이드용 빙 앱에서 AMP 지원을 발표했다.[17]어도비는 2017년 2월, AMP가 공개된 지 1년 만에 AMP 페이지가 미국의 주요 게시자의 전체 웹 트래픽의 7%를 차지한다고 보고했다.[18]
2017년 5월, 구글은 90만 개의 웹 도메인이 AMP 페이지를 게시하고 있으며 전 세계적으로 20억 개 이상의 AMP 페이지가 게시되었다고 보고했다.[19]
2017년 6월, 트위터는 iOS 및 안드로이드 앱에서 AMP 페이지로 연결하기 시작했다.[20]
2018년 9월, 마이크로소프트는 자체 빙 AMP 뷰어 및 AMP 캐시를 출시하기 시작했다.[21]
2018년 12월 7일, AMP는 공식 워드프레스 플러그인을 발표하여 워드프레스 웹사이트에서 AMP 지원 페이지를 포함할 수 있게 했다.[22]
AMP의 기술 책임자인 말테 우블(Malte Ubl)이 AMP Conf '19에서 발표했듯이, AMP는 이제 AMP일 뿐 더 이상 "Accelerated Mobile Pages"의 약자가 아니다.[23] AMP는 모바일 친화적으로 설계되었지만 모바일 전용은 아니다. 데스크톱 및 태블릿을 포함한 다양한 장치 유형에서 작동하며 유용한 반응형 디자인 기능을 제공한다.[24]
2. 3. 쇠퇴
2021년부터 트위터 등 일부 앱에서 AMP 지원이 중단되었다. 11월에 트위터는 개발자 가이드라인을 업데이트하여 "이 기능에 대한 지원을 중단하는 과정에 있습니다."라고 밝혔으며, 안드로이드 및 iOS용 트위터 모바일 앱은 AMP가 아닌 웹페이지 버전을 로드한다.[25] 2021년 4월, 구글은 페이지 로딩 속도 및 기타 "페이지 경험" 지표를 선호하여 AMP를 SEO 기준에서 제거했다. 검색 결과에서 속보 목록은 더 이상 AMP 페이지로 제한되지 않으며, AMP 페이지는 더 이상 아이콘으로 구분되지 않는다.[26]2022년 4월 20일, 브레이브 브라우저는 AMP 페이지를 자동으로 우회하는 새로운 기능을 출시했다.[27] 같은 날, 덕덕고는 덕덕고 브라우저 및 덕덕고 개인 정보 보호 필수 브라우저 확장 프로그램에서 AMP 페이지를 자동으로 우회할 것이라고 발표했다.[28]
2023년 11월 29일, 고스트(블로깅 플랫폼)는 향후 업데이트에서 AMP를 제거할 것이라고 발표했다. 제거 이유로는 웹 개발이 AMP를 필요로 하는 수준을 넘어섰고, 구글이 더 이상 순위 요소로 사용하지 않으며, 사용자 경험이 좋지 않고, 채택이 감소했기 때문이다.[29][30]
3. AMP 프레임워크
AMP 프레임워크는 AMP HTML, AMP JS, AMP Cache의 세 가지 주요 구성 요소로 이루어져 있다[80].
- AMP HTML: 웹 페이지를 기술하기 위한 마크업 언어로, 일반적인 HTML의 하위 집합이다. 이미지 표시 등에 HTML과 다른 전용 태그를 사용하며, 일부 HTML 기능은 사용이 제한된다.
- AMP JS: AMP HTML을 빠르고 정확하게 표시하기 위한 JavaScript 라이브러리이다. AMP JS는 AMP HTML 전용 기능과 일반 HTML만 지원하는 웹 브라우저 사이의 다리 역할을 한다. AMP HTML에서는 이 라이브러리를 호출하여 사용한다.
- AMP Cache: AMP 페이지를 캐시하여 배포하는 CDN으로, AMP 대응 웹 페이지의 성능을 더욱 향상시킨다. 사용자가 검색 엔진에서 AMP 대응 웹 페이지를 열람할 때 최적화된 캐시에 접속하게 된다. 구글(Google)에서 제공하는 Google AMP Cache|구글 AMP 캐시영어가 있다[80].
3. 1. AMP HTML
AMP HTML은 웹 컴포넌트를 포함한 표준 HTML 마크업이다. 일반적인 웹 페이지에서 사용되는 HTML의 아종으로, 이미지 등을 표시할 때 HTML과 다른 전용 태그를 사용하며, HTML의 일부 기능은 사용이 제한된다.AMP HTML의 많은 부분은 HTML과 유사하게 작성할 수 있다. 확장자는 HTML과 마찬가지로
.html이지만, 구분을 위해 .amp.html로 하기도 한다.[81]AMP HTML의 자세한 사양은 AMP 프로젝트 웹사이트에서 공개된다. AMP HTML의 첫 부분은 다음과 같다.
```html
```
DOCTYPE 선언은 일반적인 HTML5와 완전히 동일하다. AMP HTML에서는 `` 시작 태그를 `` 또는 이모지를 사용한 ``로 한다.
`` 태그에는 `charset` 및 `viewport` 메타 태그, 정형화된 `