본문 바로가기

스터디

(티스토리) 메타 태그 적용하는 방법

메타 태그 적용하는 방법 (티스토리)

티스토리는 다음 플랫폼에서의 블로그이다. 보통 티스토리에서 작성한 글이 네이버나 구글 검색 결과에 노출되게 하려면 별도의 설정이 필요하다.
나는 오늘 그 설정을 할때 알아야 하는 메타 태그 적용하는 방법에 대해 적어보려고 한다.
기본적으로 HTML에 대한 지식이 있다면 어렵지 않게 적용할 수 있을 것이다. 하지만 그렇지 않은 사람들이 많다. 태그? HTML? 이런 것들을 지금 다 공부하기에는 어려울 수 있다.
적용 방법을 알려주기 전에 우선 적용 방법은 HTML 파일에 직접 태그를 넣는 방법과 티스토리 설정에 있는 플러그인을 이용하는 방법 이 두가지가 있다. 메타 태그 플러그인을 사용하면 더 쉽게 적용 할수 있다.
어떤 방법을 사용하든 어렵지 않게 적용해볼 수 있을 것이다.



1. 메타태그는 무엇을 위한 태그 인가요?
2. HTML에 직접 메타태그를 넣는 방법
3. 티스토리 플러그인으로 메타태그를 넣는 방법



1. 메타 태그는 무엇을 위한 태그인가요?

구글이나 네이버에서 제공하는 메타태그 코드가 있을 것이다. 이를 내 블로그 상단에 삽입해두면 네이버나 구글이 그 태그를 보고 나의 글을 확인해준다. 확인해 준다는 것은 어떤 사용자가 검색어를 입력 했을때 나의 블로그에도 방문하여 관련글을 보여주는 것을 말한다. 우리 일상에서 본다면 이정표 같은 것이라고 생각하면 될것 같다.

그렇다면 메타 태그는 어떻게 적용하는 것일까?


2. HTML에 직접 메타 태그를 넣는 방법

메타 태그 예

네이버와 구글에서 메타태그를 받으면 위와 같은 코드일 것이다. 초록색 글씨 뒤로 파랗게 name 과 content 뒤의 “ “가 있다. name과 content는 질문이고, “ “ 사이의 빨간 글씨들이 답변이라고 생각하면 쉽다.

티스토리 > 설정 > 꾸미기 > 스킨편집으로 들어가면아래와 같은 화면이 나온다.
html편집을 선택한 뒤

꾸미기 스킨편집 메뉴에서 html편집 버튼을 클릭한다.
HTML파일에 메타 태그 넣은 화면

위 그림과 같이 HTML파일에 복사하여 붙여넣기 하면된다. 위치는 <head>와 </head> 사이 아무데나 넣으면 되는데 나는 다른 메타 태그들과 같이 넣어주었다. 그리고나서 오른쪽 최 상단에 적용 버튼을 눌러주면 적용이 완료 된다.


3. 티스토리 플러그인으로 메타 태그를 넣는 방법

티스토리 플러그인 메타 태그 등록 기능

티스토리 블로그 설정 메뉴에 가면 플러그인이 있다. 거기서 위 그림과 같은 메타태그 등록 기능을 선택한다.


티스토리 플러그인 메타태그 등록 화면

위 그림과 같이 메타 태그 추가 버튼을 클릭하면 빈칸이 나오는데 빈칸 1번에는 name의 “ “ 사이에 있는 코드를 복사해서 붙여넣고, 빈칸 2번에는 content의 “ “ 사이에 있는 코드를 복사해서 붙여넣은 뒤 3번 적용을 누르면 완료 된다.

이렇게 하면 HTML파일에 직접 메타태그를 입력한 것과 똑같이 적용된 것이다.