워드프레스 사용자들에게 꼽는 추천 플러그인 중에 빠지지 않는 필수 플러그인이 있다면 바로 이 헤드 앤 푸터 코드(Head & Footer Code)가 아닐까 싶습니다. 광고코드를 비롯해서 소유권 확인, 애널리틱스 설정 등에 반드시 필요한 플러그인이죠. 이번 글에서는 간단하게 플러그인의 설치방법과 사용 방법에 대해서 알아보도록 하겠습니다.
혹시 워드프레스 설치가 필요하신 분들은 아래 글을 참조하시면 혜택을 받으실 수 있습니다.
헤드 앤 푸터 코드 플러그인은 사이트의 헤더(Head)와 바디(Body) 푸터(Footer) 영역에 다양한 코드를 삽입하고 관리하는 데 도움을 주는 도구입니다. 이를 통해 웹사이트 소유자나 관리자는 웹 분석 도구, 광고 코드, 사용자 지정 CSS 등을 쉽게 추가하거나 수정할 수 있습니다.
헤드 앤 푸터 코드 주요 기능 및 특징
- 코드 삽입 및 관리 : 원하는 코드를 웹사이트의 헤더와 푸터에 쉽게 삽입할 수 있습니다.
- 헤더 및 푸터에 다양한 코드 적용 : 구글 애널리틱스 코드, 페이스북 픽셀 코드, 메타 태그, CSS 스타일링 등을 포함할 때 유용합니다.
- 코드 관리 및 수정: 추가한 코드를 필요할 때마다 편집하거나 업데이트할 수 있습니다.
- 테마 독립성: 워드프레스 테마를 변경하거나 업데이트해도, “Head & Footer Code” 플러그인에 추가한 코드는 유지됩니다. 코드 일관성이 유지되며 웹사이트의 디자인과 기능을 변경하지 않고도 코드를 유지할 수 있습니다.
- 사용자 지정 CSS 삽입: 사용자 지정 CSS 코드를 헤더나 푸터에 삽입하여 웹사이트의 디자인을 개선하거나 변경할 수 있습니다.
- SEO 최적화: 메타 태그나 다른 SEO 관련 코드를 헤더에 추가하여 검색 엔진 최적화를 지원합니다.
- 간편한 설정: 플러그인은 사용하기 쉽고 직관적인 설정 화면을 통해 코드 삽입 및 관리 프로세스를 간단하게 처리할 수 있습니다.
길게 설명했지만 사실 사용 방법은 정말 단순합니다. 티스토리에서 </head> 와 </footer> 를 눈씻고 찾던 분들은 훨씬 눈에 잘 들어오는 화면에서 코드를 입력할 수 있는 정도라고 보시면 됩니다.
플러그인 설치
좌측 메뉴 플러그인에서 새로추가를 누릅니다.
검색창에 head 를 넣으면 검색 결과에 바로 Head & Footer Code 가 나옵니다. 지금 설치 버튼을 누릅니다.
워드프레스의 플러그인은 기본적으로 설치 후에 활성화를 해줘야 작동합니다. 활성화 버튼을 눌러줍니다.
플러그인 사용
대부분의 플러그인은 좌측 메뉴 설정에서 조정하는데 헤드 앤 푸터 코드만 도구에 들어가서 설정할 수 있습니다.
사용방법은 정말 단순합니다. 구글 서치콘솔이나 네이버 웹마스터도구 등 HTML 태그 입력이 필요할 때 그냥 복사해서 붙여넣으시면 됩니다.