검색엔진 최적화 : SEO실전 2 - Onpage 최적화1 " <title>,<meta>태그"

SEO실전 2 - Onpage 최적화1 " <title>,<meta>태그"

Chapter 2 : Onpage 최적화 - Part1

onpage 최적화란 우리말로 하자면 '페이지내 최적화' 정도로 번역될 수 있는데 검색엔진 봇(혹은 스파이더)들이 웹페이지를 잘 읽을 수 있도록 그리고 관련 키워드의 SERPs에 상위랭크 시키기위해 웹페이지의 HTML코드를 최적화하는 과정입니다.

그럼 onpage최적화를 위한 핵심 체크사항들을 하나하나 살펴보겠습니다.

1. 타이틀 태그 (Title Tag)
title 태그(웹페이지 제목을 표시하는 태그)는 검색순위를 결정짓는 가장 중요한 요인중의 하나입니다. <title>웹페이지 제목</title>의 구조로서 <head></head>태그 사이에 위치합니다. 검색엔진의 bot 입장에선 그 웹페이지가 무엇에 관련된 정보를 가지고 있는지 판단하므로 당연히 중요하겠죠.
타이틀 태그를 최적화 하기 위해서는 다음의 규칙들을 반드시 지키세요.

* 최대 3개까지의 키워드, 100자 이내로 제목을 작성한다.
   * 가능하다면 '그리고', '혹은'이라는 단어를 넣지 않는다.
   * 스팸처럼 제목을 작성하지말라 - 같은 키워드를 수 차례 반복하는것, 영문의 경우 제목을 모두 대문자로 작성하는것. (이럴경우 봇들이 스팸으로 간주합니다.)

그럼 첫번째 챕터에서 '천연 화장품' 관련 쇼핑몰을 구축한다고 가정했는데 이럴경우 제목을 어떻게 선정해야 하는지 볼까요?

우선 우리가 선정한 메인 키워드는 '천연 화장품샵' , '천연 화장품 쇼핑몰' 두 가지였습니다.

<title>델리스몰에 오신걸 환영합니다.</title>
---> 이렇게 해서는 안되겠죠. :)

<title>천연 화장품샵 덿리스몰에 오신걸 환영합니다</title>
---> 윗보다는 낫지만 최적은 아닙니다.

<title>천연 화장품샵 | 유기농 천연 화장품 쇼핑몰 - 델리스몰</title>
---> 이것이 바로 SEO시각으로 완벽한 제목입니다.

메인 키워드들을 맨 앞쪽에, 쇼핑몰 이름을 제일 뒤에다 배치하였습니다.
그 이유는 처음 검색엔진을 통한 방문객 입장에선 '델리스몰'이란 쇼핑몰 이름은 전혀 중요하지가 않기때문입니다. 따라서 SEO작업이후, 쇼핑몰 브랜딩화 작업과 고객지원 등을 통해 쇼핑몰 이름을 고객들에게 각인시키는게 중요합니다.
또한 키워드는 앞에 위치할 수록 bot들이 접근 시 가중치를 얻을 수 있습니다.

   * ',' '혹은', '그리고'를 넣어야 한다면 | 기호를 넣으세요. 엔터키 바로위에 \ 쉬프트입니다.

그리고 정말 중요한 사항.
이러한 <title>태그의 최적화는 웹사이트의 메인 index페이지만 해당되어서는 안됩니다.
검샌엔진 입장에선 인덱스 페이지든, 서브 페이지든 따로따로 정보를 수집하고 검색결과를 내놓기 때문에 각 페이지의 정보나 상품에 맞는 제목 최적화 또한 이루어 져야합니다.

예를들어, 메인 쇼핑몰 페이지는 윗처럼 제목을 정하되, '천연 팩' 관련 카테고리 페이지가 존재한다면 그 페이지의 타이틀 태그는 <title>천연 팩 | 천연 화장품샵 델리스몰</title> 이런식으로 제목을 지정해야 합니다. 그리고 그 페이지에서는 '천연 팩'이라는 서브 키워드로 onpage최적화를 해야 합니다.

그러면 방문객들이 검샌엔진에서 '천연 팩'이라는 키워드로 검색을 했을 경우 이 카테고리 상품 페이지가 상위 노출되어 타겟 트래픽을 얻을 확률이 높아지겠죠?
또한 이런 서브 페이지를 통해 메인 페이지로 유입되는 트래픽이 많아질 수 있습니다. 그래서 다른 카테고리의 상품을 보면서 추가 판매 실적을 올릴 기회를 가질 수 있습니다.

2. 메타 태그 (Meta Tag)
메타 태그란 브라우져와 검색엔진 그리고 기타 서버용 어플리케이션을 위해 해당 웹페이지의 정보를 기술할때 쓰는 태그입니다.
웹페이지의 언어, 키워드, 설명 등이 포함되는데 마찬가지로 <head> </head>사이에 위치합니다.
초기 검색엔진 봇들의 경우 알고리즘이 뛰어나지 않아 봇들이 이런 메타 태그만 참조하여 웹페이지 정보를 수집하고 심지어는 검색순위를 결정하던 시기가 있었습니다. 그러나 현재는 봇들의 지능이 매우 뛰어나 대부분 메타태그에 대한 의존성이 많이 줄었습니다.
하지만 'description' 메타태그 등 몇가지는 여전히 웹검색결과 순위결정에 영향을 미치므로 반드시 살펴보아야 합니다.

일반적인 메타태그의 구조는 다음과 같습니다.

<head> <title> Your page title here</title>
<meta name="Description" content="Your description here”>
<meta name="keywords" content="Only permutations of your keywords goes here”>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

2-1. META description 태그
META description 태그는 해당 웹페지이의 간략한 설명을 봇들에게 알려주는 태그인데 200자내로 작성하는것이 좋습니다. SEO를 위한 작성 규칙은 다음과 같습니다.

   * 키워드를 description 태그 시작부분에 명시하는것이 좋다.
   * 키워드는 <title>태그에 사용하였던 키워드를 그대로 사용한다.
   * 최대 3번까지만 키워드를 반복한다. 초과할 경우 스팸으로 오인될 가능성.
   * 많은 검색엔진들의 SERP에 해당 웹페이지 설명을 description 태그내 내용을 인용해 출력하므로 문장구문이 쉽고 깔끔해야 한다.

실전 예로 다시 델리스몰을 적용시켜 보겠습니다.
<meta name="Description" content="천연 화장품샵 - 유기농 천연 화장품 쇼핑몰 델리스몰에서 다양한 천연 화장품을 저렴하게 구매하세요.”>

보시다시피, 3개의 키워드가 삽입되었고 <title>태그와는 달리 쇼핑몰 이름도 넣었습니다.

또한 위에 예를든 '천연 팩' 관련 카테고리의 카탈로그 페이지에는 다음과 같이 코드를 작성합니다.
<meta name="Description" content="천연 팩 - 유기농 천연 화장품샵 델리스몰에서 다양하고 신선한 천연 팩을 저렴하게 구매하세요.”>

2-2. META keywords 태그
키워드 태그의 경우 현재 대부분의 검색엔진에서는 봇들이 무시해 버립니다. 폭발적으로 증가한 웹사이트 수와 검색엔진 스팸때문인데 최근들어 구글은 확실히 이 태그를 무시합니다. 하지만 아직 일부 중소규모의 crawler-based 검색엔진들은 키워드 태그를 참조하는곳도 있으므로 넣어주는것이 좋습니다.

<meta name="keywords" content="천연 화장품샵, 천연 화장품 쇼핑몰, 유기농 화장품, 천연 팩, 천연 화장품 판매”>
이런식으로 메인 키워드 및 서브 키워드를 10개 정도 넣습니다.
같은 키워드는 반복되어선 안되며 키워드간 구분은 ','로 하고 최대 20개까지만 넣습니다.

기타 메타 태그로 웹페이지 언어 설정 등이 있는데 utf-8 혹은 euc-kr로 설정하면 됩니다.

마지막으로 메타태그 부분이 끝나면 자바스크립트나 CSS 설정 코드를삽입하는데 이럴경우 웹페이지 HTML내에 긴 코드 전체를 삽입하지 마시고 .js .css등 외부 파일로 코드를 저장시키고 웹페이지의 HTML에서는 필요한 경우 호출하여 사용하도록 합니다.

예)
자바스크립트
<SCRIPT LANGUAGE="JavaScript" SRC="java.js"> </SCRIPT>

CSS
<link href="css.css" rel="stylesheet" type="text/css">

이런식으로 외부 코드파일 호출을 통해 설정한다면 HTML의 구조가 깔끔해지고 검색엔진 bot들 또한 본문 텍스트에 있는 키워드에 보다 빨리 접근할 수 있습니다.

Summary

* <TITLE>태그 작성법
반드시 메인 키워드 중심으로 제목을 작성
최대 3개의 키워드, 100자 이내로 제목을 작성
제목에 '그리고', '혹은'이라는 단어를 넣지 말것
   같은 키워드를 수 차례 반복하지 말것
   메인 페이지외에 서브 페이지에도 제목을 최적화 할것

* META description 태그 작성법
   키워드를 description 태그 시작부분에 명시
   키워드는 각<title>태그에 사용하였던 키워드를 사용
   키워드를 3번 이상 반복하지 말것
   쉽고 깔끔한 문장구문으로 웹페이지 설명을 할것

  * META keywords 태그 작성법
반복되는 키워드를 넣지 말것
최대 20개 이내의 키워드만 넣을것

계속해서 다음 챕터에 onpage최적화 를 연재합니다.

크리에이티브 커먼즈 라이센스