워드프레스 GeneratePress 테마 헤드에 메타 태그, 추적 코드 등을 삽입하는 방법을 알려드리겠습니다. 웹페이지 헤드 (head) 영역에는 사이트 및 페이지의 기본 정보를 기록할 수 있습니다. 다양한 소스로 여러 정보를 표시하는데요. 메타 태그를 이용하여 검색 봇을 컨트롤 하거나, 사이트 소유권도 인증할 수 있습니다. 네이버 웹마스터도구에 사이트를 등록하려면 메타 태그를 이용하여 사이트 소유자임이 확인 되어야 합니다.
구글 서치 콘솔, 빙 웹마스터 도구 등도 메타 태그로 인증할 수 있습니다. 하지만 보다 진보된 방식으로 바뀌고 있는 추세입니다. 검색 사이트들은 도메인 DNS 레코드 설정을 통해 사이트 소유권을 확인합니다.
목차
워드프레스 테마 헤드 소스 추가
가장 기본적인 방법은 테마 파일에 소스 코드를 추가하는 것입니다. 하지만 워드프레스 테마 파일을 편집하려면 다소 복잡한 절차를 거쳐야 합니다.
워드프레스 서버 접속에 대한 ftp 프로그램 설정과 문서 편집기 설정을 해 놓았다면 쉽게 수정할 수 있습니다. 만약 그렇지 않을 경우에는 이 설정들부터 해줘야 합니다. 그래야만 워드프레스 테마 파일을 편집할 수 있습니다.
이런 불편한 문제는 몇 가지 방법으로 해결할 수 있습니다.
- 플러그인으로 추가
- 테마 기능으로 추가
소스 삽입 기능을 제공하는 플러그인 또는 테마들 이용하여 메타 태그를 추가할 수 있습니다.
일부 SEO 플러그인에서는 메타 태그 삽입 기능을 지원하기도 합니다. 다만 구글, 빙, 얀덱스 등의 검색 엔진만 지원합니다. 네이버 등의 국내 포털 사이트는 지원하지 않습니다.
플러그인으로 추적 코드, 메타 태그 추가하기
워드프레스 플러그인 중에 헤더와 푸터 영역에 소스 코드를 삽입해 주는 플러그인들이 있습니다. 이런 플러그인을 이용하면 쉽게 헤드 (head) 영역에 메타 태그, 자바스크립트 소스 등을 삽입할 수 있습니다.
플러그인 사용은 가급적 최소화 하는 것이 좋습니다. 이런 사이트 소유권 인증 등의 일회성 기능 이용 시에는 인증 완료 후 플러그인을 삭제하는 것을 권장합니다.
- 워드프레스 관리 페이지에서 플러그인 > 새로 추가 메뉴를 클릭합니다.
- 검색 창에 Insert Headers and Footers를 입력합니다.
- 검색 결과의 Insert Headers and Footers 플러그인을 찾아 지금 설치 버튼을 클릭합니다.
- 설치가 완료되면 활성화 버튼을 클릭합니다.
- 관리 페이지에서 설정 > Insert Headers and Footers 메뉴를 클릭합니다.
- 설정 페이지가 열리면 Scripts in Header에 메타 태그, 추적 코드 등을 입력합니다.
- 네이버 웹마스터도구 메타 태그는 아래와 같은 형식입니다.
- 메타 태그 입력 작업을 마쳤다면 하단의 저장 버튼을 클릭합니다.
Save 버튼을 누르면 설정 페이지에서 삽입한 메타 태그 등의 소스 코드들이 적용됩니다.
GeneratePress 테마 훅 기능
GeneratePress 테마 유료 버전에는 Elements, Site Library 등의 모듈 기능이 제공됩니다. 모듈 중 Elements로 훅(hook) 기능을 수행 할 수 있습니다.
훅 기능을 이용하면 테마 파일 (스킨 파일)을 직접 수정하지 않고 소스 코드를 삽입, 수정, 교체 할 수 있습니다.
플러그인이 헤더, 바디, 푸터 영역으로 나눠 소스 코드를 삽입할 수 있었다면 GeneratePress 테마의 훅 기능은 대략 60여 개의 영역에 소스 코드를 삽입할 수 있습니다.
헤더 위치에 삽입해야 하는 메타 태그 형식의 네이버 웹마스터도구 인증 코드나 스크립트 형식의 애드센스 자동 광고 소스 코드 등도 훅으로 추가할 수 있습니다.
단순 인증 목적의 메타 코드 등은 테마 파일에 삽입(테마 파일 수정이 어렵게 느껴진다면 차일드 테마를 이용하세요)하거나 훅 기능을 이용하는 것이 좋습니다. 불필요한 플러그인을 설치하여 워드프레스 속도를 떨어트릴 필요가 없습니다.
GeneratePress 테마 메타 태그 추가 방법
- 워드프레스 관리 페이지에서 외모 > GeneratePress를 클릭합니다.
- Modules 목록에서 Elements를 찾아 Activate 버튼을 클릭합니다.
- License Key가 인증되어 있어야 모듈을 사용할 수 있습니다.
- 워드프레스 관리 페이지에서 외모 > Elements를 클릭합니다.
- Elements 페이지가 열리면 상단 우측의 Add New Element 버튼을 클릭합니다.
- 타입 선택 창이 열리면 훅 (Hook) 을 선택하고 Create 버튼을 클릭합니다.
- 훅 편집 페이지가 열리면 제목과 내용을 입력합니다.
- 제목 : 구분 용도이니 네이버 웹마스터도구 등을 입력하면 됩니다.
- 내용 : 네이버 웹마스터도구 메타 태그를 붙여 넣습니다.
- 하단 세팅에서 훅 위치를 선택합니다.
- 헤드/바디/푸터 부터 시작하여 사용자 설정 훅까지 선택할 수 있습니다.
- 메타 태그의 경우는 스크립트/스타일 하위의 wp_head를 선택하면 됩니다.
- wp_head를 선택하면 헤드 영역에 메타 태그가 삽입됩니다.
- 하단 표시 규칙에서 소스 코드가 표시될 위치를 설정합니다.
- 모든 글, 페이지 등에 적용 시켜야 하므로 일반 (General) 하위의 전체 사이트 (Entire Site)를 선택합니다.
- 만약 글에만 적용 시키고 싶다면 콘텐츠 (content) 하위의 옵션을 선택해주면 됩니다.
- 훅 전체 옵션은 공식 사이트의 Documentation Hooks 페이지에서 확인할 수 있습니다.
- 제외 규칙, 사용자 규칙 설정은 복수의 관리자 또는 다수의 사용자가 활동하는 워드프레스 사이트에서 필요할 경우에만 설정합니다.
- 모든 설정을 마쳤다면 훅 편집 페이지 상단 우측의 공개 버튼을 누릅니다.
생성한 훅은 편집 후 업데이트하여 새로운 내용으로 변경할 수 있습니다.
GeneratePress 테마의 훅 기능을 이용하면 세분화된 영역에 소스 코드를 삽입할 수 있기 때문에 메타 코드 삽입 외에도 다양한 용도로 사용할 수 있습니다.
예를 들면 GeneratePress 테마의 훅 기능을 이용하여 제목 아래와 본문 하단에 애드센스 소스 코드를 삽입할 수 있습니다. 원한다면 사이드바 영역에도 소스 코드를 삽입할 수 있습니다. 몽리넷 블로그처럼 말입니다.
다 좋은데 이 GeneratePress 테마 가격이 문제입니다. 1년 59 달러 / 평생 259 달러로 부담스러운 가격이거든요. 테마에 관심 있으신 분들은 워드프레스 블로그 만들기 제너레이트프레스 테마 추천 읽어 보시고요.
아래의 링크 페이지로 이동하면 비싼 GeneratePress 테마를 즉시 구입할 수 있습니다. 그리고 저는 판매 수수료를 지급 받습니다. 누군가 구입한다면 말입니다.