GeneratePress 테마는 뛰어난 로딩 속도 덕분에 워드프레스 블로그 운영자들 사이에서 널리 사용되는 테마입니다. 높은 커스터마이징 자유도 덕분에 복잡한 구조의 사이트를 구축하려는 고급 사용자들에게도 적합한 선택지입니다. 이 블로그 역시 현재 GeneratePress 테마를 기반으로 운영되고 있습니다.
워드프레스 사이트를 구글 서치 콘솔이나 네이버 서치어드바이저에 등록할 때, GeneratePress 테마에 사이트 소유권 확인 코드를 삽입하는 방법을 궁금해하는 분들이 계셔서, 이 글에서는 구글 및 네이버 소유권 확인 코드는 물론, 애드센스 자동 광고 코드 등 각종 스크립트를 GeneratePress 테마에 추가하는 방법을 살펴보겠습니다.
구글 서치 콘솔과 네이버 서치어드바이저에서 사이트 소유권 확인 코드 복사하기
구글 서치 콘솔에서 사이트 소유권 확인 코드 복사하기
구글 서치 콘솔(구글 검색 콘솔)에서는 여러 가지 방법으로 사이트 소유 확인이 가능합니다.
- 도메인 속성으로 등록하는 경우 DNS 레코드를 추가하여 사이트 소유 확인이 가능합니다.
- URL 접두어 속성
- HTML 파일 업로드 방식
- HTML 태그 방식
속성을 추가할 때 URL 접두어 유형을 선택하는 경우:
크게 HTML 파일과 HTML 태그 방식으로 소유권 확인이 가능합니다.
FTP/SFTP 접속이 가능하고 FTP/SFTP 서버에 접속하여 파일을 업로드하는 데 어려움이 없다면 HTML 파일 방식을 추천합니다. HTML 파일을 다운로드하여 FTP/SFTP 서버에 접속한 후에 루트 폴더에 HTML 파일을 업로드하면 됩니다.
FTP/SFTP에 대해 잘 알지 못하거나 FTP/SFTP에 접속하는 데 어려움을 겪는 경우에는 HTML 태그 방식을 선택합니다. 이외에도 구글 애널리틱스, 구글 태그 관리자 방법이 있지만 일반적으로 사용되지 않는 것 같습니다. (👉 도메인 속성을 추가한 경우에는 URL 접두어 속성을 추가하면 자동으로 사이트 소유 확인이 되므로 사이트 소유권 확인 과정이 필요하지 않습니다.)
위와 같은 화면에서 HTML 태그 섹션의 코드를 복사 버튼을 눌러 복사합니다. 구글 서치 콘솔의 사이트 소유권 확인 HTML 메타태그는 다음과 같은 형식으로 되어 있습니다.
<meta name="google-site-verification" content="AbC1dE2fG3hI4jK5lM6nO7pQ8rS9tU0vW_xY-zA" />이 코드를 복사한 후에 워드프레스 관리자 페이지에서 몇 가지 방법으로 사이트의 헤더 섹션에 추가할 수 있습니다.
네이버 서치어드바이저(웹마스터 도구)에서 사이트 소유 확인 코드 복사하기
네이버 서치어드바이저에서는 HTML 파일 업로드 방식과 HTML 태그 방식으로 사이트 소유확인이 가능합니다.
마찬가지로 FTP/SFTP 사용에 어려움이 없다면 HTML 파일 업로드 방법을 선택한 후에 HTML 파일을 다운로드하여 루트 디렉터리로 업로드할 수 있습니다.
FTP/SFTP 사용에 익숙하지 않거나 워드프레스닷컴(가입형 워드프레스)을 이용하고 있는 경우 HTML 태그 방법을 선택하고 메태 태그를 복사합니다. 네이버 사이트 소유확인 코드는 다음과 같은 형식으로 되어 있습니다.
<meta name="naver-site-verification" content="abcdef1234567890abcdef1234567890abcdef12" />이 코드를 복사하여 워드프레스 알림판에서 몇 가지 방법으로 헤더 섹션(<head>...</head> 사이)에 추가할 수 있습니다.
애드센스 자동 광고 코드 복사하기
워드프레스에서는 Ad Inserter와 같은 플러그인을 사용하여 애드센스 광고를 수동으로 정교하게 배치하는 것이 가능합니다.
자동 광고를 표시하고 싶은 경우에는 애드센스 코드를 복사하여 사이트의 헤더 섹션에 추가하면 됩니다.
애드센스 사이트에 로그인한 다음, 광고 » 사이트 기준에서 사이트 광고 관리 섹션의 애드센스 코드 복사 버튼을 누르면 애드센스 코드가 팝업 창에 표시됩니다.
팝업 창에서 복사하기 버튼을 눌러 코드를 복사합니다.
코드는 다음과 같은 형식으로 되어 있습니다. (pub-코드는 실제 코드로 변경해 주세요.)
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456"
crossorigin="anonymous"></script>수동으로 광고를 배치한 경우에는 위의 코드를 헤더 섹션에 추가하지 않아도 자동 광고가 활성화되어 있으면 자동 광고도 함께 표시됩니다.
워드프레스 GeneratePress 테마에서 구글, 네이버 사이트 소유권 확인 코드, 애드센스 코드 추가하기
구글과 네이버의 사이트 소유권 확인 코드(HTML 메타 태그)와 애드센스 광고 스크립트, 애널리틱스 코드 등은 모두 사이트의 헤더 섹션(<head>...</head> 사이)에 추가해야 합니다.
차일드 테마의 함수 파일에 코드 추가하기 (고급 사용자)
워드프레스를 사용하는 경우 차일드 테마를 만들어서 차일드 테마의 함수 파일(functions.php)에 다음과 같은 형식으로 구글과 네이버 사이트 소유 확인 코드를 추가할 수 있습니다. 아래와 같이 코드를 추가하면 전면 페이지(홈)에만 구글과 네이버 사이트 소유 확인 메타태그가 헤더 섹션에 추가됩니다.
add_action( 'wp_head', 'add_site_verification_meta_tags' );
function add_site_verification_meta_tags() {
// 전면 페이지(Front page)인지 확인합니다.
if ( is_front_page() ) {
echo '<meta name="google-site-verification" content="AbC1dE2fG3hI4jK5lM6nO7pQ8rS9tU0vW_xY-zA" />' . "\n";
echo '<meta name="naver-site-verification" content="abcdef1234567890abcdef1234567890abcdef12" />' . "\n";
}
}애드센스 코드나 애널리틱스 추적 코드는 사이트 전체에서 헤더 섹션에 추가되어야 합니다. 예시:
add_action( 'wp_head', 'insert_adsense_auto_ads' );
function insert_adsense_auto_ads() {
echo '<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>' . "\n";
}위와 같은 코드를 자식 테마의 함수 파일에 추가하면 사이트 전체에 애드센스 자동 광고가 표시됩니다.
만약 전면 페이지를 제외한 모든 페이지에 자동 광고를 표시하고 싶은 경우에는 다음과 같은 코드로 시도할 수 있습니다.
add_action( 'wp_head', 'insert_adsense_auto_ads_except_front' );
function insert_adsense_auto_ads_except_front() {
// 전면 페이지(Front page)가 아닐 때만 코드를 출력합니다.
if ( !is_front_page() ) {
echo '<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>' . "\n";
}
}차일드 테마에 코드를 넣는 작업이 어려운 경우 워드프레스 관리자 페이지 내에서 코드를 추가하는 것도 가능합니다.
GP Premium을 사용하는 경우 헤더에 HTML/JS 코드를 추가하는 방법
GeneratePress 테마의 유료 버전인 GP Premium이 설치되어 있다면 Elements 모듈을 활성화하여 코드를 헤더 섹션에 쉽게 추가할 수 있습니다.
먼저 모양 » GeneratePress » Modules로 이동하여 Elements 모듈을 활성화합니다. (활성화되면 아래 그림과 같이 맨 오른쪽의 버튼이 Deactivate로 표시됩니다. 만약 Activate로 표시되어 있으면 비활성화 상태이므로 버튼을 클릭하여 활성화하도록 합니다.)
모양 » Elements로 이동하여 Add New Element 버튼을 클릭합니다. Choose Element Type 팝업이 표시되면 Hook을 선택하고 Create 버튼을 누릅니다.
새 훅(Hook) 만들기 화면이 표시되면 헤더에 표시할 HTML 태그나 자바스크립트 코드를 입력하고 Hook에서 wp_head(기본적으로 선택되어 있음)를 선택합니다.
👉 PHP 코드를 추가하는 경우에는 Execute PHP 옵션을 체크합니다. 숏코드(단축코드)를 추가한다면 Execute Shortcodes 옵션을 체크합니다.
계속하여 Display Rules 탭을 클릭하여 표시 규칙을 지정합니다.
Location에서 해당 코드를 표시할 위치를 지정할 수 있습니다.
- 구글/네이버 사이트 소유 확인 코드는 Front Page를 선택하여 전면 페이지에만 표시해도 됩니다.
- 구글 애드센스 코드/애널리틱스 코드 등은 Entire Site를 선택하여 사이트 전체에 표시할 수 있습니다.
원하는 경우 코드를 특정 페이지나 특정 글, 특정 카테고리 등에서만 표시되도록 할 수 있고, Exclude 섹션에서 제외할 곳을 지정할 수도 있습니다.
표시할 위치를 지정하고 오른쪽 상단의 공개 버튼을 클릭하여 공개합니다.
WPCode 또는 Insert Head & Footer 플러그인을 사용하여 헤더 섹션에 코드 추가하기
GP Premium 없이 무료 GP 테마를 사용하는 경우 WPCode와 같은 플러그인을 사용하여 헤더 섹션에 코드를 추가할 수 있습니다.
👉 이 방법은 제너레이트프레스 테마뿐만 아니라 모든 테마 환경에서 이용할 수 있습니다. 테마와는 별개로 서드파티 플러그인으로 헤더/푸터 섹션에 코드를 추가하는 방법입니다.
이 플러그인을 사용하여 헤더나 본문, 푸터 섹션에 HTML/JS 코드를 추가할 수 있습니다. WPCode를 설치하여 활성화한 다음, 코드 스니펫 » 헤더 및 푸터로 이동하여 헤더 섹션에 사이트 소유권 확인 코드와 애드센스 자동 광고 코드 등을 입력합니다.
이 방법으로 코드를 추가하면 사이트 전체에 코드가 추가됩니다.
WPCode를 사용하여 HTML/자바스크립트 코드뿐만 아니라 CSS, PHP 등의 코드도 추가할 수 있습니다.
이 플러그인으로 너무 많은 코드를 추가하면 사이트 속도에 부정적인 영향을 미칠 수 있습니다.
네이버 & 구글 사이트 소유 확인 메타태그 관리자 플러그인
구글과 네이버 사이트 소유 확인만을 위한 메타태그 관리자 플러그인을 만들어 보았습니다. WPCode를 사용할 경우 악성 코드가 주입되어 보안 문제가 발생할 우려가 있습니다.
이 플러그인은 사이트 속도에 거의 영향을 미치지 않고 보안적인 면에서도 안전합니다. 네이버 카페에서 다운로드할 수 있습니다.
구글 서치 콘솔, 네이버 서치어드바이저에서 사이트 소유권 확인 완료하기
상기의 방법 중 하나로 메타 태그를 헤더 섹션에 추가했다면 구글 서치 콘솔과 네이버 서치 어드바이저에서 사이트 소유권 확인 과정을 완료할 수 있습니다.
만약 사이트 소유 확인에 실패한다면 사이트에 설치된 캐시 플러그인의 캐시를 지우면 사이트 소유 확인에 성공하게 될 것입니다.
예를 들어, 클라우드웨이즈를 이용하는 경우 Breeze 캐시 플러그인이 기본적으로 설치되는데, Breeze가 활성화되어 있으면 상단 툴바의 Breeze 위에 마우스를 올린 다음, Purge All Cache를 클릭하여 모든 캐시를 삭제할 수 있습니다.
LiteSpeed Cache 플러그인이 설치되어 있으면 상단 툴바의 LiteSpeed 캐시 플러그인 아이콘 위에 마우스를 올리고 모두 제거를 클릭하여 모든 캐시를 삭제할 수 있습니다.
GeneratePress 테마는 정말 로딩 속도가 빨라서 좋네요. 특히 애드센스 코드 추가 방법이 자세히 설명되어 있어서 유용할 것 같아요.