애드센스 광고 생성 시 보이는 “HTML” 모드와 “AMP” 모드의 a to z
애드센스 광고 생성 시 보이는 “HTML” 모드와 “AMP” 모드의 차이는 블로그나 웹사이트의 기술 구조에 따라 달라집니다.
✅ HTML vs AMP 모드의 차이
| 항목 | HTML | AMP |
|---|---|---|
| 사용 대상 | 일반적인 워드프레스 블로그, 대부분의 웹사이트 | AMP (Accelerated Mobile Pages)를 사용하는 사이트 |
| 광고 코드 형태 | <script> 포함된 일반 JavaScript 광고 |
AMP용 <amp-ad> 태그 사용, AMP 제한사항 적용 |
| 사용 범위 | 대부분의 환경에서 사용 가능 | AMP 페이지에서만 사용 가능 |
| 속도 최적화 | 일반 속도 | 초고속 로딩 페이지에 최적화 |
| 광고 제약 | 없음 (정상 작동) | 일부 형식 제한, 기능 제약 있음 |
🔍 쉽게 말해서:
✅ HTML 모드
- 당신의 블로그가 일반 워드프레스(AMP 기능 미사용) 라면, HTML 모드만 사용하면 됩니다.
- 지금 복사한 코드처럼
<script>가 포함된 것이 일반 HTML 코드이며, 글 본문, 사이드바, 위젯 등 어디든 삽입 가능해요.
⚠️ AMP 모드
- AMP는 구글이 만든 “초경량 모바일 페이지 포맷”으로, 일부 블로그 테마나 뉴스 사이트에서만 사용해요.
- AMP 모드를 사용하는 경우 일반 광고 코드가 작동하지 않기 때문에, 이 모드로 만든 AMP 전용 광고 코드를 써야 합니다.
- 사용하지 않는다면 신경 안 쓰셔도 됩니다.
✅ 당신에게 맞는 선택은?
지금 보고 계신 블로그 구조가 일반 워드프레스 + Ad Inserter + HTML 편집 삽입 방식이라면,
👉 HTML 모드로 생성한 코드만 사용하시면 100% OK입니다!
✅ AMP 대응 광고를 써야 할지 체크리스트
| 체크 항목 | 설명 | 내 사이트 적용 여부 |
|---|---|---|
| ✅ AMP 플러그인 설치 여부 | AMP for WordPress, Reader Mode 등 설치돼 있나요? |
◻ 예 / ◻ 아니오 |
| ✅ AMP 주소 형태 존재 여부 | 글 URL에 /amp/ 또는 ?amp=1 붙는 AMP 전용 페이지가 있나요? |
◻ 예 / ◻ 아니오 |
| ✅ 검색 결과에 AMP 아이콘 표시 | 모바일 구글 검색 시, AMP 로고(⚡)가 보이나요? | ◻ 예 / ◻ 아니오 |
| ✅ 애드센스에 AMP 광고 트래픽 보고됨 | 애드센스 보고서 → 페이지 유형별 광고 → AMP 페이지 트래픽 있음? | ◻ 예 / ◻ 아니오 |
| ✅ 초고속 페이지 로딩을 위해 AMP 정책 적용 | 페이지가 아주 단순하고 빠르게 로딩되도록 설계되었나요? | ◻ 예 / ◻ 아니오 |
📌 진단 기준:
- 3개 이상 ‘예’ → AMP 광고 코드도 함께 사용 필요!
- → AMP 페이지에선 일반 HTML 광고 코드가 작동 안 하므로 AMP 전용
<amp-ad>코드를 써야 합니다. - 0~2개 ‘예’ → 일반 HTML 코드만 사용하면 충분!
- → 대부분의 워드프레스 블로그는 AMP를 사용하지 않으며, 애드센스 수익에도 문제 없음.
🎯 AMP 광고 코드를 써야 하는 상황 예시:
- 뉴스 사이트, 매거진 사이트, 구글 뉴스 최적화 중
- 속도 최적화 우선 정책을 가진 퍼블리싱
- AMP URL이 별도로 노출되는 구조
🧩 AMP 광고 코드 예시:
html
<amp-adwidth="100vw"height=320type="adsense"data-ad-client="ca-pub-XXXXXXX"data-ad-slot="XXXXXXX"data-auto-format="rspv"data-full-width=""> <divoverflow></div> </amp-ad> ※ HTML 광고 코드와는 완전히 다르기 때문에, AMP 페이지엔 반드시 이 코드를 따로 써야 함
댓글 쓰기
0댓글