본문 바로가기
Blogging

메타태그/티스토리 | 검색 최적화 태그, 해시태그? #01. meta tag 메타태그로 !

by 딧피 2020. 8. 3.
728x90
반응형

패스트원 후기를 쓰기위해, 

SEO 검색 엔진 최적화를 위한 태그를 달고 싶었다.

 

미션달성을 위해 많은 태그를 달아야했는데, 

패스트원에서 요구한 네이버를 사용하지 않고 티스토리를 했더니 갯수제한에 걸려서

미션태그를 다 올리지 못하는 상황이되었다.

그래서 이문제를 해결하기위해 찾다가 알게된 진실,

 

티스토리 블로그 태그의 기능은 네이버 블로그의 해시태그(#) 와 다르다.

[해시태그기능 비교]

네이버 블로그 태그기능 vs 티스토리 블로그

 

1.  네이버 해시태그(#) : 검색 키워드 역할 ( = 인스타그램의 해시태그 기능 )

2. 티스토리 해시태그(#) : 카테고리 분류기능

 


아하! 그럼 어떻게 해야할까?

티스토리접고 다시 네이버로..? 이제 좀 배워가고있는데 ㅠㅠ 

서치하다보니 방법이 있었다!

 

메타태그란 뭔가, 메타태그란? 메타태그가 무엇인가요

[  메타태그란? meta tag ~! ]

- 메타태그 뜻, 정의. 

(웹공부하네)

메타 태그란 키워드검색엔진에 특정 홈페이지 또는 HTML문서에 대한 색인정보

즉, 키워드와 약간의 정리된 내용(콘텐츠)을 표현하는 HTML Tag이다. 

<head></head> 의 사이 또는 뒤에 위치할 수 있다. [출처 - 네이버지식백과]

- 메타태그 역할

( 그러니까 이걸 왜쓰냐하면 )

 

검색 로봇 등이 해당 페이지를 분석할때 사용됨.

네이버,구글은 메타 키워드를 검색엔진이 반영하지않아서 직접적 영향은 미치지 않지만,

검색엔진 데이터 외에도 사이트 접근성 향상에 도움을 줄 수 있다고 한다.

(아래 세가지 방법중, 1. 직접입력 방식에 해당됨. 키워드를 직접적음 ) 

 

검색엔진에 반영되게 하려면, 스크립트 형식으로 적어주어야하고,

네이버와 구글에서는 따로 등록이 필요하다.

( 아래 세가지방법중, 2. 플러그인 이용방법 참조해주세요. )

다음검색에는 작성하지 않아도 자동으로 등록된다.

 

 

 


 

[ 메타 태그 (키워드 검색 태그) 추가하는 방법 ]

[메타태그 사용법]

1. 태그를 직접 추가한다.

- 1.1.  블로그 스킨편집을 이용하여 HTML 상 <head></head> 에 직접 넣기. 

 

meta title, meta description  2개의 기본 태그가 있다. 

 

<head>

<meta name="keywords" content="키워드">
<meta name="description" content="설명(검색될때)">

</head>

*참고로 80자 내외, 단어 반복사용은 2회이하가 좋고, 규칙은 티스토리 공통 치환자 규칙을 따라서 적으면 

아래와 같다. 

<meta name="keywords" content="DesignDrivenDigital world">
<meta name="description" content="히피스러운 디자이너 사랑. 평화. 자유 in Tech 인간중심 UX Design Dworld DesignDrivenDigital world">

 

- 그외 ( 비 필수)

 

키워드

<meta name="keywords" content="키워드, 키워드, 키워드, 키워드, 키워드 ..  "/>

제목

<meta name="Subject" content="title"/>

설명

<meta name="description" Content="desc" />

저자

<meta name="author" content="blogger"/>

 

- 1.2. 관리자모드, 블로그 정보로 들어가서 블로그 설명안에 메타 키워드를 입력한다.

 

<meta name= "keywords" contents = "키워드, 키워드, 키워드,..."> 

 

 

 

2. 플러그인을 쓴다.

 

(위의 방법과 다른점 : 게시글과 관계없이 고정적이다. skin을 편집/교체해도 유지됨. )

관리자 페이지 > 플러그인 > Meta Tag

 

 

 

잠깐! 메타태그추가를 누르고 직접 입력해도 되지만, 

 

애드센스 승인시 필요한 코드의 형태로 입력하려면,

그냥 메타 태그가 아니라 스크립트 형태로 필요하다.

그 형태는,

구글 서치 콘솔과 네이버 서치 콘솔을 이용하면 얻을 수 있고,

아래의 사이트가서 (예시) 내용처럼 태그를 취득하면 복사한뒤, 

위의 플러그인의 항목에 맞게 하면 된다.

 


 

[순서 재정리]

1. (네이버,구글)서치콘솔 사이트에서

<meta name="google-site-verification" content="tcBB04m....." /> 를 취득했다고 하면 

 

2. 블로그 플러그인에서, 아래처럼 입력하여 적용.

이름 - google-site-verification

내용 - tcBB04m.....

 

3. 다시 서치콘솔 사이트에서 등록하기 버튼눌러  완료짓기.

이 두사이트에서의 소유권확인을 메타태그를 등록해야한다.

 

4. 크롤링 대상이되는 RSS 등록까지 하면 끝.

 

 


* 구글 서치콘솔

 

https://search.google.com/search-console/welcome?utm_source=about-page

예)

<meta name="google-site-verification" content="tcBB04m....." />

 

 


 

*네이버 서치콘솔

https://searchadvisor.naver.com/console/board

예 )

<meta name="naver-site-verification" content="9fd184278....." />

 

 


 

[ 검색엔진최적화 _ 중요 참고 사이트 ]

 

아래사이트를 이용하면 가이드 및 검증을 할수있다.

 

- 구글검색엔진 최적화 사이트

 

https://support.google.com/webmasters/answer/7451184?hl=ko

 

- 네이버 검색엔진 최적화 사이트

사이트최적화

https://searchadvisor.naver.com/guide/report-seo

검색엔진최적화

https://searchadvisor.naver.com/guide/seo-basic-intro


*티스토리 자체 공통 치환자 참고 : 

https://tistory.github.io/document-tistory-skin/common/global.html

 

공통 · GitBook

카테고리 글 리스트 tt-body-category

tistory.github.io


* 검색엔진 최적화를 위한 웹표준 태그들

 

타이틀태그(title tag)

디스크립션 태그(Description Tag)

키워드 태그(Keyword Tag)

h태그(h tag)

앵커텍스트 태그(anchor text tag)

알트 태그(alt tag) 


*  키워드, 해시태그, 메타태그 구분이 궁금해서 정리해본 의미.

(찾아오신분들은 안궁금할것같은데..? TMI 형 블로거 ㅋ)

 

< 깨알 IT STUDY >

메타 태그 : HTML TAG 중 HTML 문서에 대한 색인정보(키워드와 콘텐츠요약). Desciption Tag. 

키워드 태그 :  웹사이트의 기본적인 키워드들을 정의 하기위해 사용되는 메타 태그. 

해시 태그 : 단어나 여백 없는 구절 앞에 해시 기호 #을 붙이는 형태의 표시 방법.  메타데이터(meta data) 태그. 마이크로 블로깅에쓰임.

메타 데이터 : 데이터에 관한 구조화된 데이터로, 다른 데이터를 설명해 주는 데이터. 메타태그내의 내용, 스키마, 데이터 사전의 내용.

마이크로 블로깅 : 한 두 문장 정도 분량의 단편적 정보를 ,관심이 있는 개인들에게 실시간으로 전달. 예로 트위터, 텀블러.

 

[출처 네이버 지식백과]

 


 

728x90
반응형

댓글