Transcript
Page 1: Mobile 시대의 SEO ( Search Engine Optimization )

모바일����������� ������������������  시대의����������� ������������������  SEO����������� ������������������  전략

Search����������� ������������������  Engine����������� ������������������  Optimization

권정혁����������� ������������������  /����������� ������������������  @xguruDeveloper����������� ������������������  EvangelistKTH����������� ������������������  기술전략팀����������� ������������������  팀장

1

Page 2: Mobile 시대의 SEO ( Search Engine Optimization )

50그거����������� ������������������  ����������� ������������������  구글만����������� ������������������  하면����������� ������������������  되는거����������� ������������������  아니에요����������� ������������������  ?

Search Engine Optimization

검색 최적화����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  엔진

에����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

2

Page 3: Mobile 시대의 SEO ( Search Engine Optimization )

50아주����������� ������������������  쉬운����������� ������������������  예를����������� ������������������  찾아서..

코더

프로그래머

아키텍트

연구소장

닭집����������� ������������������  사장

닭튀김����������� ������������������  수렴공식

전자공학 화학 수학

기계공학 물리학 생물학

3

Page 4: Mobile 시대의 SEO ( Search Engine Optimization )

양념통닭

4

Page 5: Mobile 시대의 SEO ( Search Engine Optimization )

5

Page 8: Mobile 시대의 SEO ( Search Engine Optimization )

50내����������� ������������������  재산이면����������� ������������������  좋겠다...����������� ������������������  하지만����������� ������������������  현실은����������� ������������������  ����������� ������������������  ㅠㅠ

웹이����������� ������������������  커질수록����������� ������������������  검색량은����������� ������������������  늘어나요

Source : Internet Google Data 2010

US Web Queries

2007 2008 2009 2010 2011

8

Page 9: Mobile 시대의 SEO ( Search Engine Optimization )

50구글만����������� ������������������  잡으면����������� ������������������  되!

세계����������� ������������������  검색����������� ������������������  점유율

Google84.6%

Yahoo6.3%

Baidu4.7%

Bing3.6%

Etc0.8%

SearchEngineLand 2011.06

9

Page 10: Mobile 시대의 SEO ( Search Engine Optimization )

50파란은����������� ������������������  어디에����������� ������������������  ㅠㅠ

네이버65%

다음24%

구글5%

네이트4%

야후2%

인터넷트렌드 2010.09월 현황

국내����������� ������������������  검색����������� ������������������  점유율

10

Page 11: Mobile 시대의 SEO ( Search Engine Optimization )

50이젠����������� ������������������  우리����������� ������������������  어머니도����������� ������������������  스마트폰����������� ������������������  사용자!

스마트폰����������� ������������������  가입자����������� ������������������  2천만����������� ������������������  돌파!

0

500.00

1000.00

1500.00

2000.00

2009년 12월 2010년 7월 2011년 3월 2011년 7월 2011년 10월

2000만

1500만

1000만

500만

80만

8개월 8개월 4개월 3개월

11

Page 12: Mobile 시대의 SEO ( Search Engine Optimization )

50집에서����������� ������������������  컴퓨터����������� ������������������  키는����������� ������������������  당신!...����������� ������������������  아마도����������� ������������������  개발자����������� ������������������  ?

http://www.slideshare.net/fred.zimny/morgan-staneley-internet-trends-ri041210

곧!����������� ������������������  모바일����������� ������������������  인터넷����������� ������������������  사용자����������� ������������������  >����������� ������������������  데스크탑����������� ������������������  인터넷����������� ������������������  사용자

스마트폰����������� ������������������  +����������� ������������������  타블렛����������� ������������������  의����������� ������������������  힘

12

Page 13: Mobile 시대의 SEO ( Search Engine Optimization )

50

Google98.3%

나머지 다 합쳐도1.7%

구글외의����������� ������������������  검색방법을����������� ������������������  아시는����������� ������������������  당신은����������� ������������������  상위����������� ������������������  2%

모바일����������� ������������������  검색����������� ������������������  점유율

pingdom.com

13

Page 14: Mobile 시대의 SEO ( Search Engine Optimization )

14

Page 15: Mobile 시대의 SEO ( Search Engine Optimization )

15

Page 16: Mobile 시대의 SEO ( Search Engine Optimization )

50설마����������� ������������������  창업자����������� ������������������  레리����������� ������������������  페이지가����������� ������������������  점수����������� ������������������  매기는����������� ������������������  겨?

웹����������� ������������������  문서의����������� ������������������  

상대적����������� ������������������  중요도에����������� ������������������  따라����������� ������������������  

가중치를����������� ������������������  부여

PageRank

• 더����������� ������������������  중요한����������� ������������������  페이지는����������� ������������������  더����������� ������������������  많은����������� ������������������  사이트로����������� ������������������  부터����������� ������������������  링크를����������� ������������������  받음

• 단지����������� ������������������  횟수만����������� ������������������  중요한����������� ������������������  것은����������� ������������������  아님

16

Page 17: Mobile 시대의 SEO ( Search Engine Optimization )

50페이지����������� ������������������  랭크는����������� ������������������  등산����������� ������������������  ?

10

98

google.comfacebook.com

노력수준����������� ������������������  (����������� ������������������  Level����������� ������������������  of����������� ������������������  Effort����������� ������������������  )

twitter.com

naver.comdaum.net

8~10 우수한 사이트

6~7 평균이상

3~5 평균

0~2 평균이하

7paran.comnate.comgmarket.co.krinterpark.com

6auction.co.kr11st.co.kr

5dcinside.com

4xguru.net

3210

17

Page 18: Mobile 시대의 SEO ( Search Engine Optimization )

50크롬����������� ������������������  PageRank����������� ������������������  확장만����������� ������������������  있으면����������� ������������������  볼수����������� ������������������  있어요

Chrome PageRank Extension https://chrome.google.com/webstore/detail/pneoplpmnpjoioldpodoljacigkahohc?hl=ko&hc=search&hcp=ext

18

Page 19: Mobile 시대의 SEO ( Search Engine Optimization )

50PageRank만����������� ������������������  중요한����������� ������������������  건����������� ������������������  아니고,����������� ������������������  실제로����������� ������������������  어떤지는����������� ������������������  아무도����������� ������������������  몰라요

구글의����������� ������������������  랭킹����������� ������������������  알고리즘����������� ������������������  ?

도메인 신뢰도/권위25%

링크의 유명도22%

외부링크의 Anchor 문자열

20% 페이지내부 키워드 사용

15%

트래픽 과CTR 데이터

7%

소셜그래프메트릭

8%

도메인 등록정보 및 호스팅 데이터

5%

19

Page 20: Mobile 시대의 SEO ( Search Engine Optimization )

50세상엔����������� ������������������  두가지의����������� ������������������  검색����������� ������������������  결과가����������� ������������������  있어요

Paid Search Result

키워드 광고Organic Search Result

20

Page 21: Mobile 시대의 SEO ( Search Engine Optimization )

50검색결과����������� ������������������  2페이지까지����������� ������������������  찾아가는����������� ������������������  당신!은����������� ������������������  개발자!

http://performancing.com/search-engine-history/

사람들은

✓검색결과����������� ������������������  첫����������� ������������������  페이지만����������� ������������������  본다

✓처음����������� ������������������  5개가����������� ������������������  72%����������� ������������������  의����������� ������������������  클릭율

http://www.optify.net/guides/organic-click-through-rate-curve

0

10

20

30

40

1 3 5 7 9 11 13 15 17 19

검색결과 위치에 따른 클릭율

21

Page 22: Mobile 시대의 SEO ( Search Engine Optimization )

50구글����������� ������������������  너희����������� ������������������  또����������� ������������������  왜����������� ������������������  이러니..����������� ������������������  ㅠㅠ 22

Page 23: Mobile 시대의 SEO ( Search Engine Optimization )

50비난이����������� ������������������  아니라����������� ������������������  현실입니다.

한국의����������� ������������������  Organic����������� ������������������  검색

23

Page 24: Mobile 시대의 SEO ( Search Engine Optimization )

50모바일때문에����������� ������������������  세상이����������� ������������������  바뀌고����������� ������������������  있습니다.

그럼����������� ������������������  해야����������� ������������������  할����������� ������������������  일은����������� ������������������  ?

24

Page 25: Mobile 시대의 SEO ( Search Engine Optimization )

50처음부터����������� ������������������  어렵..

첫번째!

����������� ������������������  

Site����������� ������������������  Map

25

Page 26: Mobile 시대의 SEO ( Search Engine Optimization )

50저����������� ������������������  Site����������� ������������������  Map은����������� ������������������  나도����������� ������������������  아는데..

•방문자를����������� ������������������  위한����������� ������������������  사이트맵

Site����������� ������������������  Map

•SiteMaps for Google : ?

26

Page 27: Mobile 시대의 SEO ( Search Engine Optimization )

50내����������� ������������������  사이트����������� ������������������  구석구석����������� ������������������  잘����������� ������������������  읽어가주세요~

✓ XML����������� ������������������  로����������� ������������������  된����������� ������������������  사이트의����������� ������������������  URL����������� ������������������  정보파일

✓파일당����������� ������������������  5만����������� ������������������  URL����������� ������������������  등록가능

✓인덱스파일로����������� ������������������  최대����������� ������������������  2억����������� ������������������  5천만개까지

✓Google����������� ������������������  ,����������� ������������������  Bing����������� ������������������  ,����������� ������������������  Yahoo����������� ������������������  가����������� ������������������  같은����������� ������������������  포맷����������� ������������������  사용

검색엔진들을����������� ������������������  위한����������� ������������������  사이트맵

http://www.sitemaps.org/

27

Page 28: Mobile 시대의 SEO ( Search Engine Optimization )

50직접����������� ������������������  안����������� ������������������  만드셔도����������� ������������������  되요.����������� ������������������  오픈소스����������� ������������������  많아요.

<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://h3.paran.com/</loc> <lastmod>2011-11-25</lastmod> <changefreq>daily</changefreq> <priority>0.8</priority> </url> <url> <loc>http://h3.paran.com/2011/</loc> <changefreq>daily</changefreq> </url> <url> <loc>http://h3.paran.com/2011/schedule.html</loc> <lastmod>2011-11-23</lastmod> <changefreq>daily</changefreq> </url> <url> <loc>http://h3.paran.com/2011/about.html</loc> <lastmod>2011-11-23T18:00:15+00:00</lastmod> <priority>0.3</priority> </url></urlset>

Sitemap.xml����������� ������������������  은����������� ������������������  이래요

사이트맵����������� ������������������  종류

URL

Video

Image

Mobile

News

Source����������� ������������������  Code

Geographical

28

Page 29: Mobile 시대의 SEO ( Search Engine Optimization )

50구글����������� ������������������  웹마스터����������� ������������������  도구����������� ������������������  안쓰시면����������� ������������������  꼭����������� ������������������  쓰셔야����������� ������������������  해요!

내����������� ������������������  사이트에����������� ������������������  URL은����������� ������������������  몇개����������� ������������������  ?

29

Page 30: Mobile 시대의 SEO ( Search Engine Optimization )

50두번째!����������� ������������������  이건����������� ������������������  좀����������� ������������������  알거같아요

HTML Tags for

SEO

30

Page 31: Mobile 시대의 SEO ( Search Engine Optimization )

50글자가����������� ������������������  많지만����������� ������������������  다����������� ������������������  아시는����������� ������������������  내용일꺼에요!

•Semantic����������� ������������������  한����������� ������������������  구조를����������� ������������������  유지����������� ������������������  ➠����������� ������������������  의미를����������� ������������������  살린다

✓ 사람과����������� ������������������  기계가����������� ������������������  이해하기����������� ������������������  쉽다.����������� ������������������  

✓ 코드가����������� ������������������  깔끔하다����������� ������������������  ➠����������� ������������������  용량이����������� ������������������  줄어든다

•문서의����������� ������������������  구조����������� ������������������  (����������� ������������������  html����������� ������������������  )����������� ������������������  와����������� ������������������  표현����������� ������������������  (����������� ������������������  css����������� ������������������  )����������� ������������������  를����������� ������������������  분리

✓ 확장����������� ������������������  및����������� ������������������  재사용이����������� ������������������  쉽고,����������� ������������������  자유롭게����������� ������������������  디자인을����������� ������������������  변경할����������� ������������������  수����������� ������������������  있다.

•어떤����������� ������������������  브라우저나����������� ������������������  스크린����������� ������������������  리더에서도����������� ������������������  같은����������� ������������������  결과물

✓ 웹����������� ������������������  접근성이����������� ������������������  높아진다.����������� ������������������  

✓ 다양한����������� ������������������  디바이스����������� ������������������  지원����������� ������������������  /����������� ������������������  유지보수����������� ������������������  및����������� ������������������  개발����������� ������������������  비용����������� ������������������  절감

•검색엔진에����������� ������������������  최적화된����������� ������������������  웹����������� ������������������  페이지를����������� ������������������  구현할����������� ������������������  수����������� ������������������  있다.

웹����������� ������������������  표준을����������� ������������������  준수해야����������� ������������������  하는����������� ������������������  이유

31

Page 32: Mobile 시대의 SEO ( Search Engine Optimization )

50정말����������� ������������������  정말����������� ������������������  중요합니다!

•<head> 안의 <title> 태그

✓내 사이트의 모든 페이지가 Unique하게

✓정확하고 간결한 페이지 설명

✓검색엔진에서 보이는 큰 글씨

페이지����������� ������������������  제목

32

Page 33: Mobile 시대의 SEO ( Search Engine Optimization )

50잘한����������� ������������������  예제를����������� ������������������  보여줘! 33

Page 34: Mobile 시대의 SEO ( Search Engine Optimization )

50음..����������� ������������������  흠.. 34

Page 35: Mobile 시대의 SEO ( Search Engine Optimization )

50방문자는����������� ������������������  못����������� ������������������  보지만����������� ������������������  중요해요!

• <meta name=”description” content=‘설명’>

✓ 페이지의 내용에 대한 짧은 설명

✓ 모든 페이지마다 설명은 다르게

✓ 검색 결과가 Title과 매치시 보이게 될 내용

✓ Facebook , Google+ 공유시 사용

Meta Description35

Page 36: Mobile 시대의 SEO ( Search Engine Optimization )

50잘한����������� ������������������  예제를����������� ������������������  보여줘! 36

Page 37: Mobile 시대의 SEO ( Search Engine Optimization )

50음..����������� ������������������  흠.. 37

Page 38: Mobile 시대의 SEO ( Search Engine Optimization )

50그����������� ������������������  외에도����������� ������������������  꽤����������� ������������������  여러가지����������� ������������������  있습니다.

•<a>����������� ������������������  에는����������� ������������������  짧고����������� ������������������  정확한����������� ������������������  설명

✓ 여기!����������� ������������������  클릭!����������� ������������������  다운로드!����������� ������������������  X

•<img>����������� ������������������  에는����������� ������������������  alt����������� ������������������  에����������� ������������������  이미지����������� ������������������  설명����������� ������������������  필수

✓ 이미지����������� ������������������  파일이름도����������� ������������������  가능하면����������� ������������������  img����������� ������������������  내용����������� ������������������  에����������� ������������������  맞게

•<h1><h2>����������� ������������������  등����������� ������������������  헤더로����������� ������������������  중요����������� ������������������  내용����������� ������������������  강조

•주요����������� ������������������  키워드는����������� ������������������  <strong>����������� ������������������  으로����������� ������������������  강조

38

Page 39: Mobile 시대의 SEO ( Search Engine Optimization )

50검색엔진과����������� ������������������  사이트의����������� ������������������  협업으로����������� ������������������  사용자에게����������� ������������������  더����������� ������������������  좋은����������� ������������������  정보를����������� ������������������  

• 구글 / 야후 / Bing 의 협업

• HTML5 Microdata 로 메타 정보 제공

• 100개 이상의 타입

Schema.org

39

Page 40: Mobile 시대의 SEO ( Search Engine Optimization )

50SEO����������� ������������������  를����������� ������������������  잘����������� ������������������  하는건지����������� ������������������  못하는건지����������� ������������������  어떻게����������� ������������������  알죠����������� ������������������  ?

SEO����������� ������������������  결과����������� ������������������  확인����������� ������������������  방법����������� ������������������  ?

40

Page 41: Mobile 시대의 SEO ( Search Engine Optimization )

50구글을����������� ������������������  잘����������� ������������������  이용하는데����������� ������������������  구글����������� ������������������  툴을����������� ������������������  쓰자고����������� ������������������  ?

✓ 구글의����������� ������������������  무료����������� ������������������  웹����������� ������������������  로그����������� ������������������  분석����������� ������������������  서비스

✓ SEO����������� ������������������  확인����������� ������������������  및����������� ������������������  효율적인����������� ������������������  사이트����������� ������������������  구축����������� ������������������  ,����������� ������������������  온라인����������� ������������������  마케팅����������� ������������������  최적화

✓ 80개����������� ������������������  이상의����������� ������������������  리포트����������� ������������������  제공

Google Analytics

방문자들이����������� ������������������  어떻게����������� ������������������  내����������� ������������������  사이트를����������� ������������������  사용하고����������� ������������������  있을까����������� ������������������  ?

마케팅����������� ������������������  캠페인을����������� ������������������  어떻게����������� ������������������  좀����������� ������������������  더����������� ������������������  효율적으로����������� ������������������  진행할����������� ������������������  수����������� ������������������  있을까����������� ������������������  ?

내가����������� ������������������  컨텐츠를����������� ������������������  효율적으로����������� ������������������  만들고����������� ������������������  있는가����������� ������������������  ?

방문자들이����������� ������������������  왜/어느����������� ������������������  단계에서����������� ������������������  쇼핑을����������� ������������������  중단하고����������� ������������������  장바구니에����������� ������������������  있는����������� ������������������  상품들을����������� ������������������  구매하지����������� ������������������  않을까����������� ������������������  ?

어떻게����������� ������������������  사이트����������� ������������������  인터랙션을����������� ������������������  좋게����������� ������������������  만들까����������� ������������������  ?

41

Page 42: Mobile 시대의 SEO ( Search Engine Optimization )

50우리도����������� ������������������  통계툴����������� ������������������  같은건����������� ������������������  있는데..

•하루,주간,월간,년간����������� ������������������  방문자수����������� ������������������  ����������� ������������������  및����������� ������������������  기간별����������� ������������������  비교

•방금����������� ������������������  가입한����������� ������������������  회원은����������� ������������������  몇번����������� ������������������  방문하고����������� ������������������  가입한����������� ������������������  걸까����������� ������������������  ?

•네이버����������� ������������������  검색으로����������� ������������������  들어온����������� ������������������  사람들은����������� ������������������  평균����������� ������������������  몇����������� ������������������  페이지를����������� ������������������  보고����������� ������������������  나갈까����������� ������������������  ?

•구글����������� ������������������  검색으로����������� ������������������  들어온����������� ������������������  사람들은����������� ������������������  평균����������� ������������������  몇����������� ������������������  분쯤����������� ������������������  체류할까����������� ������������������  ?

•검색으로����������� ������������������  들어왔다가����������� ������������������  바로����������� ������������������  나가는����������� ������������������  사람들은����������� ������������������  얼마나����������� ������������������  될까����������� ������������������  ?

•네이버로����������� ������������������  들어온����������� ������������������  사람들이����������� ������������������  구입한����������� ������������������  제품별����������� ������������������  판매����������� ������������������  수익����������� ������������������  ?

•회원����������� ������������������  가입하다����������� ������������������  그만두는����������� ������������������  사람들이����������� ������������������  57%인데����������� ������������������  어디서����������� ������������������  그럴까����������� ������������������  ?

Google Analytics 의 장점

42

Page 43: Mobile 시대의 SEO ( Search Engine Optimization )

50어떻게����������� ������������������  그런����������� ������������������  일을����������� ������������������  ?����������� ������������������  구글이����������� ������������������  해킹이라도����������� ������������������  하나����������� ������������������  ?

Google Analytics 동작����������� ������������������  방식

Javascript Code

Google Server

Report Data

URL,����������� ������������������  접속시간,����������� ������������������  고유아이디브라우저,해상도,IP주소..

24시간

_utma_utmb_utmc_utmv_utmz

43

Page 44: Mobile 시대의 SEO ( Search Engine Optimization )

50심지어����������� ������������������  이런����������� ������������������  정보까지 44

Page 45: Mobile 시대의 SEO ( Search Engine Optimization )

50기존에����������� ������������������  사용하던����������� ������������������  툴이����������� ������������������  있어도����������� ������������������  무조건����������� ������������������  적용하세요

http://www.google.com/analytics

45

Page 46: Mobile 시대의 SEO ( Search Engine Optimization )

50Search����������� ������������������  엔진����������� ������������������  으로부터의����������� ������������������  트래픽에����������� ������������������  주목 46

Page 47: Mobile 시대의 SEO ( Search Engine Optimization )

50

•전사����������� ������������������  SEO����������� ������������������  표준����������� ������������������  가이드����������� ������������������  작성✓ 개발자����������� ������������������  /����������� ������������������  기획자����������� ������������������  /����������� ������������������  디자이너����������� ������������������  모두����������� ������������������  함께����������� ������������������  알아야����������� ������������������  해요

✓ 관련����������� ������������������  자료는����������� ������������������  인터넷에����������� ������������������  많이����������� ������������������  공개되어����������� ������������������  있어요����������� ������������������  (����������� ������������������  구글!����������� ������������������  )

•Google����������� ������������������  Analytics����������� ������������������  적용����������� ������������������  및����������� ������������������  교육✓ 현재의����������� ������������������  나를����������� ������������������  알아야����������� ������������������  개선할����������� ������������������  수����������� ������������������  있어요!

✓ 단순����������� ������������������  수치에����������� ������������������  집중하지����������� ������������������  말고,����������� ������������������  Context����������� ������������������  를����������� ������������������  만들것

47

Page 48: Mobile 시대의 SEO ( Search Engine Optimization )

50SEO는����������� ������������������  한번으로����������� ������������������  끝나는게����������� ������������������  아닙니다

현재의����������� ������������������  나를����������� ������������������  알고

SEO를����������� ������������������  적용하고

추세를����������� ������������������  확인하고

48

Page 49: Mobile 시대의 SEO ( Search Engine Optimization )

50자료는����������� ������������������  여기!

• Google Search Engine Optimization Guidehttp://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf

• Creating Google-friendly siteshttp://www.google.com/support/webmasters/bin/topic.py?hl=en&topic=28800

49

Page 50: Mobile 시대의 SEO ( Search Engine Optimization )

50

고맙습니다����������� ������������������  !

권정혁 / @xguru

50