Easy Table of Contents는 목차를 쉽게 만들 수 있는 플러그인으로 많은 분들이 사용을 하는데 클래식 편집기를 사용할 경우 목차 애드센스 코드가 나오는 경우가 있습니다. 이 경우는 쿠텐베르크 편집기로 해당 게시물을 변경하면 해결이 되지만 편집기 사용이 불편하신 분들이 있습니다.
그래서 클래식 편집기에서 목차에 애드센스 코드가 나오는 문제가 무엇인지 안다면 어렵지 않게 수정을 할 수 있습니다. 저도 처음에 해당 문제가 발생했을 때 플러그인의 문제라고 생각을 했는데 그것이 아닌 제목이 문단과 코드가 합쳐지면서 발생하는 문제였습니다.
HTML 모드 사용 방법을 잘 모른다면 쉽게 해결할 수 있는 문제가 아니긴 하지만 아래의 설명을 보시면 어렵지 않게 해결을 하실 수 있을 것입니다.
목차
목차 애드센스 문제
위에 보이는 것 처럼 애드센스 코드가 목차에 들어가는 경우가 있습니다. 이것은 다양한 이유가 있지만 제목 다음에 애드센스가 위치할 때 제목 코드가 적용되면서 문제가 생기게 됩니다.
더 정확히 설명 드리면 목차 애드센스가 나오는 문제는 클래식 편집기를 사용할 때 제목을 넣고 나서 코드가 문단까지 적용될 때 애드센스 코드가 위치하여 있다면 발생합니다.
목차 애드센스 문제가 자주 발생하지는 않으며 글을 작성할 때 간혹 생기기 때문에 당황하지 마시고 아래에 설명을 보시고 수정하시기 바랍니다.
HTML 모드
글 편집으로 들어가게 되면 클래식 편집기일 경우 위와 같이 나오실 것입니다. 여기서 빨간색 박스로 표시한 부분인 < 텍스트 >를 클릭하시게 되면 HTML 모드로 들어갈 수 있습니다.
HTML 모드로 들어가서 애드센스가 나오는 목차를 찾으신 후에 그 아래에 있는 이미지나 문단에 제목 코드가 들어가 있는지 확인해야 합니다. 저는 H4 사용하기 때문에 해당 부분이 들어가 있는지 찾아야 합니다.
위에 코드를 보게 되면 제목에 <h4></h4> 들어가 있는데 아래에 이미지 코드까지<h4><img class….></h4>이라고 되어 있는 것을 보실 수 있을 것입니다. 이것 때문에 애드센스 나오는 부분까지 제목이 적용되어 목차가 나오게 되는 것입니다.
그래서 수정하는 방법은 <img class….>앞에 있는 <h4>와 이미지 코드 끝에 있는 </h4>를 제거하시면 목차 애드센스가 나오지 않게 됩니다.
저는 이미지에 적용되었는데 문단에 적용되어서 글자가 크게 나올 경우에도 html 모드로 들어가신 후에 제목 코드가 문단에도 적용되었는지 확인하시면 됩니다.
▶ Html Sitemap(사이트맵)은 무엇이며 활용 방법은?
▶ 구글 콘솔 CLS 오류 해결 할 때 도움되는 확장 프로그램
