각 페이지 상단이나 하단에 이상한 태그가 표시되는 문제

가끔 웹사이트(워드프레스 포함)의 각 페이지와 글 상단에 "/>"와 같은 이상한 태그가 표시되는 사례를 접합니다. 그리고 페이지 하단에 이상한 태그나 문자가 표시되는 경우도 있습니다.

각 페이지 상단이나 하단에 이상한 태그가 표시되는 문제 해결 방법 (워드프레스/티스토리 등)

위의 그림에서는 각 페이지 상단에 "/> 태그가 표시되고 있습니다.

이 경우 먼저 페이지 소스를 확인해보면 원인을 확인할 수 있습니다.

페이지 소스를 확인하려면, 크롬 등의 브라우저에서 해당 페이지의 여백에 마우스를 대고 오른쪽 버튼을 누르도록 합니다.

그러면 컨텍스트 메뉴가 표시됩니다. "페이지 소스 보기"를 클릭하면 별도의 창이 열리면서 페이지의 소스가 표시됩니다.

그림에서는 네이버 웹마스터 도구(네이버 서치어드바이저)의 사이트 소유권 확인 코드에 약간의 오류가 있는 것을 알 수 있습니다.

<meta name="naver-site-verification" content="<meta name="naver-site-verification" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"/>"/>

불필요하게 추가된 맨 끝의 "/> 태그가 문제를 일으키고 있습니다. 따라서 "/> 부분만 삭제하면 문제가 해결될 것입니다.

네이버 소유권 확인 코드를 어떻게 추가했는지 확인하여 문제가 되는 부분을 수정해주도록 합니다. 워드프레스의 경우 네이버 소유권 확인 코드는 다양한 방식으로 사이트에 추가될 수 있습니다.

1. header.php 파일에 추가 (파일 이름은 테마에 따라 다를 수 있음)
2. 함수 파일(funcitons.php)에 추가 - 차일드 테마를 만들어서 작업해야 하지만, 간혹 부모 테마 내의 함수 파일에 직접 추가되는 경우도 있습니다. (차일드 테마를 만들지 않고 작업할 경우 추후 테마가 업데이트되면 수정 사항이 사라지게 됩니다.)
3. 플러그인을 사용하여 코드 추가
4. 테마 옵션 내에서 코드 추가

멀웨어에 감염되는 경우 (2023년 9월 추가)

엘리멘터로 제작된 워드프레스 사이트에서 각 페이지 상단에 [**%PDF-0-1<f...**]와 같은 이상한 문자가 표시되는 문제를 해결하는 작업을 의뢰받은 적이 있습니다.

Elementor로 편집하려고 시도하면 [**%PDF-0-1<f"... is not valid JSON...**] 오류가 발생했고, 에러 로그를 살펴보니 다음 에러 메시지가 표시되었습니다.

Error: Unexpected token '%', "%PDF-0-1<f"... is not valid JSON

처음에는 이 문제가 워드프레스 버전과 테마, 플러그인의 버전이 오래되어 발생하는 것으로 생각되었지만, 자세히 살펴보니 사이트가 악성코드에 감염되어 나타나는 현상이었습니다.

FTP를 통해 접속하니 루트 폴더에 이상한 이름이 파일들이 몇 개 생성되어 있었습니다. 그 중 한 파일에 [**%PDF-0-1**] 문자열이 포함되어 있었습니다. 이 파일을 삭제하니 상단의 이상한 문자가 사라졌지만, 사이트에서 악성코드가 완전히 제거되지 않아서 그런지 첫 페이지를 로딩하는 데 1분 이상이 걸렸습니다.

악성코드에 감염되면 악성코드를 제거하는 것이 간단하지 않고 시간과 비용이 발생할 수밖에 없으므로 미리 보안 조치를 하는것이 중요합니다. 항상 다음과 같은 관행을 통해 안전하게 워드프레스 사이트를 운영하시기 바랍니다.

1. 워드프레스 코어, 테마, 플러그인을 최신 버전으로 업데이트하고 가능한 경우 PHP 버전도 최신 버전으로 업그레이드합니다.
2. 정기적으로 백업하여 PC에 저장합니다.
3. 보안 플러그인을 설치합니다(선택 사항).
4. 비밀번호를 강력하게 설정하고 다른 사람과 공유하지 않습니다.
5. 워드프레스 사이트에는 관리자를 1명만 설정하도록 합니다. 여러 명의 관리자가 있으면 해킹 당할 가능성이 그만큼 높아집니다.

---

* 티스토리 블로그 등에서 페이지 상단이나 하단에 이상한 문자가 표시되면 먼저 페이지 소스 보기를 통해 원인을 분석하여 잘못 입력된 부분을 제거하면 문제가 해결될 것입니다.

워드프레스와 관련하여 문제해결에 어려움을 겪는 경우 여기에서 서비스(유료)를 요청하실 수 있습니다. 또한, 워드프레스와 관련된 각종 문제를 해결할 수 있도록 도와주는 코칭 프로그램도 이용할 수 있습니다.

참고

https://avada.tistory.com/568

워드프레스에서 외모, 테마 또는 플러그인 메뉴가 표시되지 않는 경우