IT 기술 따라잡기

On Page Optimization

웹 페이지 코딩시 적절한 곳에 주요한 키워드를 넣음으로서 Search Engine에 내 홈페이지가 더 상위에 랭크 되도록 할 수 있습니다.

지난 시간에 툴을 이용해 좋은 키워드들을 다운 받고 관련없거나 필요 없는 키워드를 없애고 알짜배기 키워드만 남겨 뒀을 겁니다.
이 키워드들을 <title><meta><alt><a><h1>~<h6> 태그에 적절하게 배치합니다.

이 태그들의 특징을 하나하나 알아보겠습니다.

- <title> tag
기본적으로 검색엔진은 <title> tag의 텍스트를 먼저 검색합니다.
아무 홈페이지나 가서 마우스 오른쪽 버튼을 누른 후 소스를 열어보세요.

이건 제 facebook 에서 소스를 열어 본 겁니다.
title 태그에 제 이름이 들어가 있네요.
facebook은 이렇게 각 페이지마다 title에 이용자 이름이 들어가게 하나 봅니다.
그러면 google에서 검색하면 상위에 랭크 될 겁니다.
그런데 제 이름은 동명이인이 많아서 다른 사람이 나오더라구요.
title 말고 다른 조건들에서 밀렸나 봅니다.
다른 조건들은 어떤 것들이 있는지 차차 알아보겠습니다.

<title> tag에 텍스트를 넣을 때 아래 사항들을 참고하면 좋습니다.
1. 자신의 brand name 이 유명하면 그 brand name을 사용한다.
2. Brand name/가장 중요한 키워드/그 다음 중요한 키워드
3. 자신의 brand name 이 유명하지 않으면 가장 중요한 키워드/그 다음 중요한 키워드/ brand name 순으로

<title> tag는 20~70 글자 사이에서 작성하는 게 좋습니다.
그리고 가장 중요한 키워드를 처음에 사용하구요.
그리고 각 페이지 마다 그 페이지에 맞는 title을 사용해야 합니다.

- <meta> tag
구글에서 어떤 단어로 검색하면 리스트가 쭉 뜹니다.
하나는 제목이고 링크가 걸려 있습니다.
이것이 <title> 태그에 있는 내용입니다.
그 다음엔 그 홈페이지에 대한 설명이 들어 있습니다.
이 설명이 <meta> tag에 있는 내용입니다.
사실 meta tag는 검색 시 상위에 랭크되는 것과는 상관 없습니다.
하지만 같거나 유사한 title 이 많다면 이 description 이 유저에게 클릭을 유도하는 기준이 될 수 있습니다.
사용 방법은 <meta name=" " contents= " " > 를 사용합니다.

아까 봤던 제 facebook 소스를 보면 아래와 같이 돼 있습니다.

<meta name="robots" content="noodp, noydir" />
<meta name="description" content=" Facebook is a social utility that connects people with friends and others
who work, study and live around them. People use Facebook to keep up with friends, upload an unlimited number of photos,
post links and videos, and learn more about the people they meet." />
  <title>Changsoo Park</title>

아래 내용들을 참고 하세요.
메타태그는 140~170 단어를 사용하라.
각 페이지 마다 다른 메타 태그를 사용하라
메타태그에서는 따옴표를 사용하지 마라
꼭 사용하려면 큰 따옴표 보다는 작은 따옴표를 사용하라
숫자, 글자 이외의 다른 특수문자들은 사용하지 마라

이 외에 나름대로 노하우를 가지고 있을 수도 있습니다.
예를 들어 5개의 경쟁력 있는 키워드를 해당 페이지만의 단어들과 섞어서 문장을 만들어 배치하라 같은...

- header tag

헤더태그는 <h1>~<h6> 태그를 말합니다.
글자 크기를 정해 주는 태그로 주로 큰 제목이든 작은 제목이든 제목을 나타내기 위해 사용합니다.
이 태그들이 주로 제목을 나타낼 때 사용하기 때문에 서치엔진들은 이 헤더 태그 안의 텍스트에 대해 특별히 관심을 갖습니다.

Generic keyword = create a website
Specific keyword = Creating a Website for beginners
Heading = Creating a website for beginners - Learn with simple Instructions

일반적으로 처음과 같이 만들었다면 beginners 라는 단어를 넣어서 좀 더 페이지를 특정화 하는 것이 좋습니다.
이것을 이용해서 Heading이라고 써 넣은 곳 처럼 제목을 만들면 더 좋겠죠.

<h1> Html introduction</h1>
<h2> What is Html </h2>
<h2> Html tags </h2>
<h2> Html documents </h2>
<h3> Examples on Html </h3>

이런 제목들을 각 페이지 마다 약간 씩 다르게 만드는 것도 하나의 방법입니다.

이 header tag 이외에 <p><b><i> 태그들도 있습니다.
주로 글자를 강조하기 위해 쓰는 태그들인데요.
서치엔진spider들은 이렇게 강조하는 글자들에 관심을 갖기도 합니다.

spider가 두는 우선순위는 대개 아래와 같습니다.
<h1>....<h6> <b> <i> <p>

오늘은 여기까지 다루고요.

다음시간에 이어서 다른 태그들을 살펴 보겠습니다.

SEO는 Search Engine Optimization 의 약자로 우리나라 말로는 검색엔진 최적화라고 합니다.

즉 만든 홈페이지를 구글이나 네이버 같은 유명 검색엔진에서 검색 했을 때 상위에 링크되도록 하는 방법입니다.
내 홈페이지를 찾기 쉽게 만들면 좀 더 많은 사람들이 와서 볼 수 있을 테니까요.

이 SEO에 대해 좀 알아 보겠습니다.

기본적으로 구글같은 Search Engine들은 웹페이지 내에 있는 텍스트를 기반으로 검색에 이용합니다.
즉 이미지만 있다던가 플래시로만 돼 있으면 그만큼 검색엔진에 노출 되는데 불리 할 수 있습니다.

* Search Engine Spider
검색엔진은 자신들의 고객(검색엔진에 와서 필요한 정보를 검색하는 유저)에게 좀 더 정확한 정보를 제공하기 위해 나름대로의 방법을 이용합니다.
그 나름대로의 방법을 사용하는 것이 Search Engine Spider 로봇 입니다. 웹과 관련해서는 나름대로 표준이 있습니다. 그러므로 기본적으로 Search Engine Spider가 이용하는 공통된 기능이 있습니다.
그 기본적인 기능은
1. Link와 Website 의 info를 찾는다.
2. Website Content 정보를 찾는다.
3. 모은 모든 info를 search engine database에 저장한다.
=> 해당 웹 사이트의 name 알고리즘에 따라 Rank 한다.

홈페이지 제작자로서 생각할 수 있는 optimization에는 두가지가 있습니다.
1. On Page Optimization
웹 페이지 내에서 검색엔진에 노출되도록 최적화 하는 기술입니다.
- <title> tag가 얼마나 유용한지
- <title> tag가 내용과 얼마나 연관이 있는지
- <meta> tag를 어떻게 사용했는지
- <header> tag를 어떻게 사용했는지
- url은 어떤지 ...

2. Off Page Optimization
- Article Marketing
- 유튜브 채널을 통한 마케팅
- facebook, twitter를 통한 마케팅
- blogging
- Social bookmarking website
- 포럼에 글 올리기
- Web Directories 에 웹사이트 submit 하기 등등

홈페이지를 만들게 되면 대개 이 on/off page optimization을 모두 이용하게 됩니다.

검색엔진은 다 아시는 대로 keyword 로 Research 를 합니다.
- Search Engine은 유저가 입력한 키워드에 가장 적합한 키워드를 찾는다
- 정확한 키워드를 넣어야 한다.
- Search Engine에 자주 사용되는 주요 키워드들을 알 수 있는 관련 툴 들이 있다.
  wordtracker.com , keyworddiscovery.com
  google keyword research tools

이러한 툴 들에는 유료툴과 무료툴이 있습니다.
우선 키워드 고르는 방법부터 간단히 알아본 후 google keyword research tool 사용법을 알아보겠습니다.

키워드 리서치 프로세스
1- 홈페이지 관련해서 떠오르는 키워드를 적는다.
2- 떠오른 키워드들에 대한 카테고리를 만든다.
3- 생각한 키워드를 찾기 위해 키워드 툴을 이용해 검색한다.
4- 모든 키워드들을 다운로드 받는다.
5- 키워드들을 정리하고 그 중에 Best를 찾는다.

best keyword를 찾기 위해  google keyword research tools 을 이용해 보겠습니다.
일단 지금 저는 HTML5를 배우고 있으니까요. HTML5 tutorial 이라는 키워드로 검색해 보겠습니다.

1. 구글에서 Keyword Tool - Google Adwards를 찾아 들어간다.

2. Word or Phrase 에 자신이 만든 홈페이지 관련한 단어를 넣고 Search 버튼을 누른다.

3. 나온 정보를 모두 다운로드 받는다. (Download-All을 선택한다.)

이렇게 하면 해당 자료를 csv형식의 파일로 받으실 수 있습니다.

한가지 팁은 홈페이지의 각 페이지마다 다른 키워드를 사용하면 더 효과적입니다.
그러려면 이 작업을 여러번 해야 되겠죠?
아니면 한번에 여러 키워드를 넣고 검색해 봐도 되겠지만.. 왠지 저는 각 키워드마다 따로 작업하고 싶어지더라구요.

그 다음은 받은 csv파일을 엽니다.

이 CSV 파일에는 구글에서 유저들이 입력 키워드와 관련되서 가장 많이 검색했던 키워드들을 알 수 있습니다. 그리고 경쟁력이 있고 없는 키워드들도 알 수 있구요.

아주 유용한 정보죠?

홈페이지가 Global Market을 대상으로 한다면 Global Monthly Searches 정보를 봐야겠고 지역을 중심으로 한다면 Local Monthly Searches 정보를 봐야 할 겁니다.

검색할 때  English로 할 수도 있고 Korean으로 할 수도 있으니까 이것도 미리 생각해 두시고 검색하셔야 합니다.

그리고 나서 csv에 있는 키워드들 중 상관 없는 키워드들은 지워나갑니다.
남은 키워드들 중 좀 더 효율적인 키워드들을 모아 놓고 각 페이지별로 키워드들을 집어 넣습니다.

이 키워드들을 집어 넣는 곳은 HTML 소스코드 내에 <title><meta><header><alt><a><h1>~<h6> 등이 있습니다.

다음 시간엔 On Page Optimization을 공부하면서 이 태그들에 대해 좀 더 자세히 살펴 보겠습니다.