고스트 블로그(Ghost CMS)는 빠른 속도와 콘텐츠 중심 구조 덕분에 애드센스 수익화와 SEO 최적화에 모두 유리한 플랫폼입니다. 본 글에서는 두 가지 핵심 기술을 다룹니다: ① 애드센스 광고 코드 삽입법, ② SEO 최적화 설정. 실전에서 바로 적용 가능한 방법을 알려드립니다.
1. 고스트 블로그에 애드센스 코드 삽입하는 방법
① 애드센스 가입 후 코드 발급 받기
구글 애드센스 공식 사이트(adsense.google.com)에서 가입 후 사이트를 등록하면, 확인용 코드 스니펫이 생성됩니다. 보통 다음과 같은 형태입니다:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
② 코드 삽입 위치: default.hbs 파일
Ghost는 테마 기반 구조로 작동합니다. 광고 코드를 삽입하려면 테마 파일
중 default.hbs
또는 post.hbs
를 수정해야 합니다.
- 관리자 페이지 → Settings → Design → Change theme → Download theme
-
ZIP 압축을 해제 후
default.hbs
파일 열기 -
<head>
태그 안 또는<body>
하단에 애드센스 코드 삽입 - 수정한 테마 ZIP 파일로 다시 업로드
또는, 광고를 본문 중간에 넣고 싶다면 post.hbs
파일에서 {{content}}
태그 위에 코드를 삽입하면 됩니다.
③ 광고 블록 삽입 위치 예시
<body> {{! header 코드 }} <!-- 애드센스 광고 코드 시작 --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="1234567890" data-ad-format="auto"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> <!-- 애드센스 광고 코드 끝 --> {{! 나머지 콘텐츠 }} </body>
④ 적용 후 확인
업로드한 테마를 적용한 뒤 사이트에 접속해 HTML 소스 보기(Ctrl+U)를 통해 코드 삽입 여부를 확인합니다. 승인 전에는 광고가 표시되지 않아도 무방합니다.
2. 고스트 블로그 SEO 설정 최적화
① 기본 SEO 기능 설명
Ghost는 자체적으로 메타태그, 오픈그래프, 트위터 카드, sitemap.xml, robots.txt를 자동 생성합니다. 별도 플러그인 없이도 상당 수준의 SEO 구성이 가능합니다.
② 포스트별 메타데이터 설정
- 글 작성 시 오른쪽 패널의 “Post Settings” → Meta data에서
- Title, Description, Canonical URL 등을 개별 설정 가능
- Open Graph 이미지도 포스트별로 지정 가능
③ 전체 사이트 구조 최적화
- Site description: 블로그 소개를 구체적이고 키워드 중심으로 작성
- Navigation: 카테고리 기반으로 구조화된 메뉴 구성
- Post URL 구조: “slug”에 키워드 포함
④ Google Search Console 등록
- https://search.google.com/search-console 접속
- 도메인 또는 URL 등록 → 소유권 확인
- sitemap.xml: 기본 경로는 https://yourdomain.com/sitemap.xml
검색엔진에 빠르게 노출되도록 하기 위해 Search Console 등록은 필수입니다.
결론: 코드 삽입과 SEO는 고스트의 장점
고스트 블로그는 테마 기반 코드 수정이 가능해 애드센스 광고 위치 조절이 자유롭고, 기본 내장된 SEO 기능도 매우 강력합니다. 수익화와 검색 노출을 함께 고려하는 사용자에게 최적의 플랫폼입니다.