본문 바로가기
SEO 최적화

메타 태그로 티스토리에서 네이버, 구글 검색엔진최적화(SEO)하기

by 배하나 유니버스 2023. 4. 12.
반응형

메타 태그로 티스토리에서 네이버, 구글 검색엔진최적화(SEO)
메타 태그로 티스토리에서 네이버, 구글 검색엔진최적화(SEO)

 

 메타 태그의 중요성을 수익형 웹서비스를 직접 만들면서 알게 되었다. 챗GPT 기반으로 여러 서비스를 만들고 있는데, 그때 HTML 문서에 메타 태그를 통해 검색 시 상단에 노출될 수 있다는 걸 알았다. 아래는 핵심 메타 태그로 티스토리 검색엔진최적화(SEO)을 하고 아래 메타 태그 등에 대해서 알아보겠다.

 

https://youtu.be/xqNf80rBMKA

티스토리에 메타태그 등록하는 방법

 

목차

1. 메타 태그 직적 입력해서 검색엔진최적화(SEO)하기

2. 티스토리 플러그인 '메타 태그 등록' 하기

3. 메타태그란? 메타태그의 요소

4. 메타 태그로 티스토리에서 구글, 네이버 검색엔진최적화(SEO)를 마치며.

 

1. 메타 태그 직접 입력해서 검색엔진최적화(SEO)하기

 바로 핵심인 티스토리 HTML에 직접 메타 태그를 입력해서 네이버, 구글 등 검색엔진최적화하기(SEO)에 대해서 설명하겠다. 아래 이미지에 따라 티스토리 블로그 관리에서 꾸미기에 스킨편집에 가서 HTML 편집에 <head> 밑에 메타 태그를 삽입하고, 우측 상단 적용을 클릭하면 된다.

 

<meta name="subject" content="챗GPT, 코딩, 스테이블디퓨전, Stablediffusion, 구글애드센스, 검색엔진최적화, SEO, 배하나"/>
<meta name="title" content="배하나 유니버스"/>
<meta name="author" content="배하나">
<meta name="keywords" content="챗GPT, 앱개발, 코딩, 스테이블디퓨전, Stablediffusion, 구글애드센스, 검색엔진최적화, SEO, 배하나"/>

티스토리 설정에서 스킨편집 들어가기
티스토리 설정에서 스킨편집 들어가기
티스토리 검색엔진최적화(SEO) 스킨편집에서 HTML 편집
티스토리 검색엔진최적화(SEO) 스킨편집에서 HTML 편집

HTML 편집에서 메타 태그 등록하기
HTML 편집에서 메타 태그 등록하기

 

2. 티스토리 플러그인 '메타 태그 등록' 하기

  아래는 HTML 코드가 익숙하지 않은 분들을 위하여 티스토리 플러그인을 통해 '메타 태그 등록'하는 방법이다. 이미지를 따라 티스토리 설정에서 플러그인, 플러그인 '검색'에서 'meta' 입력하고, '메타태그등록' 클릭 후 원하는 메타 태그를 등록하면 된다. 어떤 요소를 해야할지 모른다면 아래 샘플을 참고하면 된다.

<meta name="subject" content="챗GPT, 코딩, 스테이블디퓨전, Stablediffusion, 구글애드센스, 검색엔진최적화, SEO, 배하나"/>
<meta name="title" content="배하나 유니버스"/>
<meta name="author" content="배하나">
<meta name="keywords" content="챗GPT, 앱개발, 코딩, 스테이블디퓨전, Stablediffusion, 구글애드센스, 검색엔진최적화, SEO, 배하나"/>

티스토리 설정에서 플러그인 클릭
티스토리 플러그인으로 &#39;메타태그등록&#39; 하기 플러그인 검색에서 meta 검색
티스토리 플러그인으로 '메타태그등록' 하기 플러그인 검색에서 meta 검색
원하는 메타태그 등록&#44; 잘 모르면 샘플 참고
원하는 메타태그 등록, 잘 모르면 샘플 참고

 

3. 메타태그란? 메타태그의 요소

메타태그란? 메타태그의 요소

 메타 태그(meta tag)는 웹페이지가 담고 있는 컨텐츠가 아닌 웹페이지 자체의 정보를 명시하기 위한 목적으로 사용되는 HTML 태그를 의미한다. 네이버, 구글 등 검색엔진은 화면에 보이는 글이 아니라 HTML 요소를 통해서 판단하는데 그때 검색 순위를 판단할 때 쓰이는게 바로 메타 태그이다. 웹사이트 이 제목만 예외적으로 <title> 요소를 사용하고, 그 밖에 다른 웹페이지의 메타 정보는 <meta> 요소를 사용하여 표현한다. 요소를 사용할 때는 name 속성을 통해 메타 정보의 이름을 명시하고 content 속성을 통해 메타 정보의 이름과 내용을 명시한다.

 SEO 측면에서 가장 중요한 meta 요소의 name 속성으로는 description을 들 수 있다. 이 메타 태그를 활용하면 이 메타 태그를 활용하면 <title> 요소로 담지 못했던 웹페이지에 대한 좀 더 상세한 설명을 담을 수 있다. descriptrion은 영문 150자 한글 80자로 작성하는 것을 권장한다. 티스토리에서는 자동적으로 본문 글에서 descriptrion를 작성해준다. 위 샘플과 같이 keywords와 author도 네이버, 구글 검색 엔진 최적화를 위해서 자주 사용되는 메타 태그의 이름이다. keywords 이름을 통해서는 해당 웹페이지의 관련 키워드를 나열할 수 있으며, author 이름을 통해서는 해당 웹페이지의 작성자를 표시해줄 수 있습니다.

 

4. 메타 태그로 티스토리에서 구글, 네이버 검색엔진최적화(SEO)를 마치며.

 앞으로 메타 태그를 적극적으로 활용해서 네이버, 티스토리, 노션 등 블로그에서 구글, 네이버 검색엔진을 최적화(SEO)할 생각이다. 이 글 저자가 궁금하다면 아래 배하나 페이지를 클릭!

 

https://intro.veahana-archive.com/

 

배하나 페이지

배우고, 하고, 나누다! 배하나의 페이지입니다!

intro.veahana-archive.com

 

반응형

댓글