워드프레스에서 메타 태그는 어떻게 설정하나요?
💡 요약 정리
- 메타 태그 설정은 플러그인으로 간편하게 처리할 수 있습니다.
- WPCode Lite 또는 Head & Footer Code 중 하나만 사용하세요.
- 플러그인을 많이 설치하면 메모리 사용량이 늘어 사이트 속도에 영향을 줄 수 있 습니다.
- 저장 후, 크롬 개발자 도구(F12)에서 head 영역을 확인해 반영 여부를 검증하세요.
워드프레스 사이트의 메타 태그는 WPCode Lite 또는 Head & Footer Code 플러그인을 사용해 쉽게 설정할 수 있습니다. 아래 예시 중에서 한 가지 플러그인만 선택해 진행하세요. 플러그인이 많으면 메모리 사용량이 증가해 사이트 속도에 영향을 줄 수 있습니다.
1. 시작 전 안내
- 두 가지 방법(WPCode Lite, Head & Footer Code) 중에서 한 가지를 선택해 설정하세요.
- 여러 플러그인을 동시에 설치·사용하면 메모리 사용량 증가로 사이트 속도가 저하될 수 있습니다.
2. WPCode Lite 플러그인으로 설정
2-1. 플러그인 설치 및 활성화
- 워드프레스 관리자 > 플러그인 > 플러그인 추가 > WPCode Lite 검색 > WPCode – Insert Headers and Footers 플러그인 설치 및 플러그인 활성화.
- 플러그인 추가 화면에서 'WPCode'를 검색한 후 설치·활성화합니다.
2-2. 메타 태그 입력 및 저장
- 워드프레스 관리자 > Code Snippets > Header & Footer > Header 메뉴에서 메타태그 설정 후 [Save Changes]
- Header 입력란에 메타 태그를 붙여넣고 저장합니다.
2-3. 설정 확인 방법 (크롬 개발자 도구)
이후 메타태그가 정상적으로 설정되었는지 확인하는 방법은 크롬 브라우저로 사이트 접속 후 개발자 도구(F12) > Elements >
선택 > head 을 선택 후 하단에 메타태그 입력한 코드를 검색하시면 설정된 부분을 확인하실 수 있습니다.
- 개발자 도구 Elements 패널에서 head를 선택한 뒤, 입력한 메타 태그를 검색·확인합니다.
- 저장 후 설정이 유지되는지 확인합니다.
3. Head & Footer Code 플러그인으로 설정
3-1. 플러그인 설치 및 활성화
- 워드프레스 관리자 > 플러그인 > 플러그인 추가 > Head & Footer Code 검색 > 플러그인 설치 및 플러그인 활성화.
- 'Head & Footer Code'를 검색해 설치·활성화합니다.
3-2. 메타 태그 입력 및 저장
- 워드프레스 관리자 > 도구 > Head & Footer Code > HEAD Code 메뉴에서 메타태그 설정후 하단의 [변경사항 저장]
- HEAD Code 입력란에 메타 태그를 추가하고 저장합니다.
3-3. 설정 확인 방법 (크롬 개발자 도구)
이후 메타태그가 정상적으로 설정되었는지 확인하는 방법은 크롬 브라우저로 사이트 접속 후 개발자 도구(F12) > Elements >
선택 > head 을 선택 후 하단에 메타태그 입력한 코드를 검색하시면 설정된 부분을 확인하실 수 있습니다.
- Elements 패널에서 head 내에 입력한 메타 태그가 존재하는지 확인합니다.
- 저장 후 설정이 정상 반영되었는지 확인합니다.