본문 바로가기

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

2019.08.22 댓글 1

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

워드프레스 이상한 태그

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

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

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

크롬 브라우저 페이지 소스 보기

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

네이버 소유권 확인 코드

그림에서는 네이버 사이트 소유권 확인 코드에 약간의 오류가 있는 것을 알 수 있습니다.

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

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

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

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

* 사이트가 멀웨어에 감염되어 멀웨어를 치료한 후에 "/>와 같은 이상한 태그가 각 페이지 상단에 표시되는 경우도 본 적이 있습니다.

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

※일부 글에 제휴 링크가 포함될 수 있습니다.

댓글1