워드프레스 사이트나 티스토리 블로그의 헤더나 푸터에 이상한 태그 또는 문자가 표시되는 경우가 있습니다. 대부분 헤더나 푸터에 HTML 태그를 잘못 추가하여 이런 문제가 발생합니다. 하지만 워드프레스의 경우 멀웨어 감염이나 기타 원인으로 인해 이런 현상이 발생하기도 합니다.
이 글에서는 워드프레스 사이트의 헤더(상단)나 푸터(하단)에 이상한 코드 또는 문자가 표시되는 문제를 해결하는 방법에 대하여 살펴보겠습니다.
워드프레스 헤더나 푸터에 이상한 태그가 표시되는 문제 해결 방법
아래 그림과 같이 사이트의 상단에 이상한 태그가 표시되는 사이트들이 간혹 있습니다.
대부분은 구글 또는 네이버 사이트 소유권 확인 메타태그나 기타 HTML 태그를 부주의하게 추가하면서 이런 문제가 발생합니다. (위와 같은 이상한 코드는 티스토리나 블로그스팟 등에서도 표시될 수 있습니다.)
먼저는 페이지 소스 보기를 통해 해당 부분에 어떤 태그가 추가되어 있는지 체크해볼 수 있습니다. 구글 크롬 브라우저에서 Ctrl+U를 누르면 페이지 소스가 표시됩니다.
예를 들어, 네이버 웹마스터도구 사이트 소유 확인 메타태그를 다음과 같이 /> 태그를 중복으로 잘못 입력하면 /> 태그가 전면 페이지 또는 각 페이지 상단에 표시될 수 있습니다.
<meta name="naver-site-verification" content="abc123def456ghi789jkl012mno345pq"/>/>이런 경우 해당 HTML 태그가 추가된 부분을 찾아서 잘못된 태그를 수정해주면 문제가 해결됩니다.
HTML 태그가 잘못 입력되는 경우
위에서 설명했듯이 HTML 태그를 잘못 입력하여 사이트의 각 페이지 상단이나 하단에 이상한 태그가 표시될 수 있습니다. 그런 경우 해당 HTML 태그가 추가된 곳을 찾아서 제거하면 문제가 해결됩니다.
다양한 방식으로 HTML 태그를 추가할 수 있습니다.
WPCode와 같은 플러그인을 사용하여 추가하는 경우
WPCode Lite나 Insert Headers And Footers와 같은 플러그인을 사용하여 HTML 태그나 문제의 문구가 추가되었을 수 있습니다.
예를 들어, WPCode를 사용하여 헤더나 푸터에 HTML 태그 또는 JS 스크립트를 추가하는 경우 워드프레스 알림판 » 코드 스니펫 » 헤더 및 푸터로 이동하여 헤더나 푸터 섹션에 이상하게 추가된 태그가 없는지 체크해보시기 바랍니다.
테마 옵션을 통해 추가된 경우
베스트셀링 테마인 아바다(Avada)나 인기 뉴스 및 블로그 테마인 뉴스페이퍼(Newspaper) 등 일부 테마에서는 테마 옵션을 통해 사용자 코드를 추가할 수 있는 옵션을 제공합니다.
예를 들어, 아바다 테마의 경우 워드프레스 알림판 » Avada » 옵션 » 고급 » Code Fields (Tracking etc.)에서 스크립트를 헤더나 body, 푸터 영역에 추가할 수 있습니다.
사용하는 테마에서 테마 옵션이나 사용자 정의를 통해 사용자 코드를 추가할 수 있는 옵션을 제공하는지 체크해보시기 바랍니다.
GeneratePress 테마: Element를 통해 코드 추가
GeneratePress 테마 유료 버전을 사용하는 경우 Element를 사용하여 wp_head 또는 wp_footer 훅으로 헤더나 푸터 영역에 코드를 추가할 수 있습니다.
워드프레스 대시보드 » 모양 » Elements로 이동하여 헤더나 푸터 영역에 코드를 추가하는 Element를 체크해볼 수 있습니다.
GeneratePress 테마의 후크(Hook)에 대한 자세한 정보는 다음 글을 참고해보세요.
차일드 테마 파일이나 테마 함수 파일에 코드 추가
차일드 테마의 header.php, footer.php 또는 다른 파일에 직접 HTML 태그가 추가되는 경우가 있습니다. 이런 파일들을 체크하여 문제의 코드가 유입되지 않았는지 확인하시기 바랍니다.
또한, 테마 함수 파일을 통해서도 워드프레스 훅(Hook)으로 코드가 추가될 수 있습니다.
간혹 차일드 테마(자식 테마, 하위 테마)를 만들지 않고 부모 테마 파일을 직접 수정하는 분들이 계십니다. 그런 경우 추후 테마 업데이트 시 테마 파일에 추가된 코드들이 사라지므로 테마 파일을 직접 커스텀하려는 경우 반드시 차일드 테마를 만들어서 작업하시기 바랍니다.
멀웨어(악성코드)에 감염되는 경우
드물지만 사이트가 악성코드에 감염되면서 헤더나 푸터에 이상한 태그나 글자가 표시되는 경우가 있습니다.
워드프레스, 테마, 플러그인을 최신 버전으로 업데이트하지 않거나 보안 취약점이 있는 테마나 플러그인을 사용하는 경우, 기타 잘못된 보안 관행으로 인해 악성코드에 감염될 수 있습니다.
다음 글을 참고하여 사이트가 멀웨어에 감염되었는지 여부를 체크해보시기 바랍니다.
플러그인 충돌
최근 닷홈에서 가성비 좋은 해외 호스팅 서비스 중 하나인 케미클라우드(ChemiCloud)로 워드프레스 사이트를 이전하는 작업을 맡았습니다.
특이하게 워드프레스를 이전하기 전에 사이트를 살펴보니 푸터 영역에 < /span> 태그가 표시되고 있었습니다.
사이트를 이전한 후에도 < /span> 태그가 사라지지 않았습니다. 소스 코드를 살펴보니 SEO 플러그인에서 추가된 태그처럼 보였습니다. 혹시 WPCode 등의 플러그인을 사용하거나 차일드 테마에 직접 HTML 코드가 추가된 것이 아닐까 싶어 살펴보았지만 찾지를 못했습니다.
하지만 사이트 이전 후에 백업을 하고 테마와 플러그인을 최신 버전으로 업데이트하니 < /span> 태그가 사라졌습니다.
아마도 SEO 플러그인이 업데이트가 안 되면서 최신 버전의 워드프레스나 테마 등과 충돌이 발생하여 이런 현상이 발생한 것이 아닌가 의심되었습니다.
문제의 태그가 추가된 곳을 찾을 수 없는 경우, 사이트를 백업한 후에 워드프레스 코어, 테마, 플러그인을 모두 업데이트하여 문제가 해결되는지 체크해볼 수 있을 것 같습니다.
사이트 복원하기
갑자기 이러한 문제가 발생하는 경우에는 백업본을 이용하거나 웹호스팅에서 제공하는 자동 복원 기능을 사용하여 사이트를 정상적인 상태로 되돌릴 수 있습니다. 다만, 이 경우에는 백업본 이후에 이루어진 업데이트는 모두 사라집니다.
- 카페24에서는 지난 7일 이내의 기간으로 사이트를 롤백(복원)할 수 있습니다.
- 케미클라우드(ChemiCloud)에서는 호스팅 상품에 따라 10~30일 이내의 기간으로 사이트를 복원할 수 있습니다.
- 클라우드웨이즈(Cloudways)를 이용하는 경우 백업 설정에 따라 최대 4주 이내의 기간으로 사이트를 롤백할 수 있습니다.
백업본이 없거나 웹호스팅에서 자동 백업/복원 기능을 제공하지 않는 경우에는 사이트를 롤백할 수 없습니다.
마치며
이상으로 사이트의 상단이나 하단에 이상한 태그나 문자가 표시되는 경우 문제를 해결하는 방법에 대하여 살펴보았습니다.
해당 태그나 문자가 어떤 경로로 추가되었는지 확인하여 코드를 수정하거나 제거하시기 바랍니다.
👉 아무리 찾아도 문제의 태그나 문자가 어디에서 추가되었는지를 찾을 수 없거나, 기타 워드프레스 또는 웹호스팅 문제로 해결에 어려움을 겪는 경우 여기에서 서비스(유료)를 의뢰하실 수 있습니다.
댓글 남기기