리뷰와 팁/블로그 공부

티스토리 블로그 HTML 수정으로 태그 숨기기

티스토리 블로그 HTML 수정으로 태그 숨기기

오늘 작성하고자하는 것은, 티스토리 블로그의 HTML수정으로 태그를 숨기는 방법이다.  아래의 이미지를 보면, 티스토리 블로그에는 태그를 입력하는 란이 있는데, 블로그를 운영하다보면 많은 량의 태그를 걸기도한다. 사실 이 태그 기능은, 많은 블로그 검색노출을 만드는데 도움이 된다기보다는, 유사한 글에 뜨도록 유도하는 일종의 보조 기능을 위해서 작성된다고한다.


그러므로 태그를 작성할때 한 예를 들자면, 대출, 학자금대출, 대출방법, 사회인 대출, 은행대출 등 유사한 키워드를 많이 작성한다고해서 특별히 더 많이 노출이 되는건 아니라는 것이다. 하지만, 그렇다고 한들, 나는 다양한 태그를 해당 포스트에 삽입하는데, 이게 3~5개 정도의 태그를 거는 경우에는 미관상 나쁘지않지만, 롱테일 태그를 거는 경우 모양이 마음에 들지 않을수도 있다. 

티스토리 블로그 HTML1

특히 내가 블로그를 처음하던시기에는 어마어마한 양의 태그를 걸어서 옛글을 보면, 태그때문에 블로그 인터페이스가 깨지는 경우가 종종있었다. 특히, 이러한 상황은 모바일에서 더 크게 느껴졌고, 이 태그를 숨기기위한 방법을 알아보았다.


방법은 생각보다 간단했다. 블로그 관리자페이지 이동 > HTML/CSS 에서 HTML을 선택한다. 그후, ctrl + F 를 눌러서 찾기를 활성화하고, 태그트래일 을 검색해서 위와같이 이동된 부분을 확인한다. 

그다음 태그에 해당되는 부분을 주석처리하면 되는 것인데, 여기서 주석이란 <!--- 어쩌고 ---> 라고 적혀있는 부분을 말한다.


 '어쩌고'와 '---' 사이에 기존의 html 코드가 들어가게되면, 해당 코드는 무력화되게 된다. 정확히 말하면 제목처리가 되는것인데, 완전히 삭제하기에는 나중에 복구할 여지를 남길때 주로 사용하는 방법이다.

티스토리 블로그 HTML2

혹시 헷갈릴지 모르니, fastboot 스킨 기준, 태그트레일 부분을 자세히 보면 이렇게 된다. 545번줄과 554번 줄 사이를 주석처리하면서 태그트레인 부분이 안보이도록 무력화했다.

티스토리 블로그 HTML3

html 수정을 마친후 적용을 누르거나 미리보기를 눌러보자. 위 이미지처럼 깔끔하게 태그부분이 사라진것을 알수있다. 내가 html 에대해서 잘 아는 바가 없어서 확신하지는 못하지만, 이렇게 사라진 태그는 보이지만 않는것일뿐 글 작성시 태그를 지정해놓으면 태그기능은 그대로 작동되는것으로 이해하고있다. 아무튼, 티스토리 블로그 html을 사용해서 태그 숨기기 끝.