meta tag를 이용한 검색엔진 최적화(Search engine optimization)는 네이버같은 국내 검색엔진에서는 별로 소용이 없고 구글 같은 해외의 검색엔진에서 주로 사용하는 걸로 알려져 있어요.

최근에 구글의 검색 점유율이 조금씩 늘어나고 있고, 언제 어디에서 도움이 될 지 모르지 알아두는 게 좋겠죠.

여러 Meta 메타 태그 중 title, description, keywords에 대해서 알아보고 그 사용법에 관한 팁도 몇 가지 알려드립니다. 제가 알고 있던 건 아니고 외국의 어떤 사이트에 있는 걸 퍼온 거에요.

검색엔진 최적화를 위한 Meta 태그 사용법

검색엔진 최적화를 측정할 수 있는 SEOCert에서 수학방 블로그를 측정한 결과입니다. SEO 점수는 66.67이고, 무려 $722의 가치나 있네요. 

검색엔지 최적화 측정 결과

 

여러 가지 항목에 대해서 측정하고 그 결과를 자세히 분석해 줄 뿐아리나 여러 가지 팁들을 소개하고 있는데, 그 중 Meta 태그와 관련된 내용을 올려요.

meta 태그를 이용하는 것이 검색 엔진 최적화에 도움이 된다는 글을 보고, 사용하고 있기는 하지만 어떻게 해야 좋은 지는 정확히 몰랐는데, 이번을 계기로 조금 더 이해할 수 있을 것 같네요.

meta title

검색 결과에서 Title은 사이트로 직접 연결되는 링크 형태로 표시됩니다.

  • 제목에는 공백을 포함하여 10 ~ 70 글자를 포함해야 합니다. (구글은 제목에 최대 70글자를 보여주고, 처음 12단어를 보여줍니다.)
  • 제목에는 가장 중요하고 관련성이 높은 키워드를 넣되 단어를 반복하지는 마세요.
  • 각 페이지는 고유의 제목을 가져야 합니다.

meta description

meta Description은 웹페이지의 축약된 설명을 제공하고, 검색 엔진들은 검색 결과에서 주어진 페이지의 정보를 미리 보여주기 위해서 meta description을 자주 사용합니다.

  • 70 ~ 160 글자를 유지하는 게 가장 좋습니다.
  • 주요 키워드를 사용한 알아보기 쉽고, 설득력있는 키워드는 검색하는 사람들이 더 많은 클릭을 하도록 이끕니다.
  • 키워드로 채우는 것을 피하고, 각 페이지가 고유의 description을 갖도록 해야합니다.

meta keywords

Keywords를 무시해서는 안되지만 그렇다고 대부분의 검색 엔진에서 순위를 결정하는 중요한 요소는 아닙니다. Meta Keyword 태그를 중요한 주제를 담고있는 간결하고 축약된 목록 쯤으로 추정합니다.

  • 키워드 목록이나 키워드 구문을 10 ~ 20의 고유한 단어나 문구로 유지하세요.
  • 키워드나 키워드 구문을 콤마(,)로 구분하세요. (콤마로 구분된 단어 사이에 공백을 넣을 필요는 없습니다.)
  • 단어나 구문을 반복하지 마세요.
  • 목록의 처음에 가장 중요한 단어나 구문을 넣으세요.

meta tag를 티스토리에 적용하기

위의 내용대로 메타 태그에 사용할 title과 description, keywords를 결정했다면 이제 티스토리에 적용해봐야겠죠?

그런데 티스토리에서는 스킨 편집에서 일괄적으로 바꿔야하므로 각 페이지마다 고유의 meta tag를 작성할 수는 없어요. 그래도 다른 부분은 지킬 수 있는 만큼 적용해봐야겠죠.

스킨에 직접 입력할 수도 있고, 치환자를 이용할 수도 있어요. 치환자를 이용하면 티스토리 관리자의 환경설정 - 기본정보 정한 내용을 보여줍니다.

 

검색엔진 최적화 - 치환자 이용 2

 

<head>
  <meta name="title" content="[샵샵_page_title_샵샵]" />
  <meta name="description" content="[샵샵_desc_샵샵]" />
  <meta name="keywords" content="키워드 나열" />
<head>

 

검색엔진 최적화 - meta 삽입

 

meta 태그를 <head>와 </head>사이에 넣어주세요.

메타 태그를 넣는다고 검색의 우선순위가 눈에 띄게 높아지거나 하지는 않을테지만 그래도 아주 약간이라도 도움이 된다면 적용하는 게 좋겠죠?

함께 보면 좋은 글

검색엔진 최적화(SEO) 2 - 로딩 속도를 빠르게
검색엔진 최적화(SEO) 3 - 도메인, 텍스트 편
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSSTidy
블로그 로딩 속도 빠르게 하기 - javascript 압축
블로그 속도 측정 - Google PageSpeed Insights
구글 페이지랭크 (Google PageRank) 알아보기