반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 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>

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

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