[conference] 웹마스터 컨퍼런스 2013

주제	웹마스터 컨퍼런스 2013
장소	한국광고문화회관 대회의실 2F
일시	2013년 04월 02일 (화) 1PM~6PM
강사	Eisar Lipkovitz 외 7인
주관	Kipfa, Google
초점	웹개방성

I.       The Search & Open Web- Eisar Lipkovitz (구글 VP Engineering)

1.       Google’s suggestion on website design

1)      URL : single URL for PC and mobile

2)      HTML : same HTML

3)      Web style : responsive web

4)      Others : CSS media queries

2.       Tips for Responsive web

1)      Max-width value

2)      Crawling- css, ajax (외부 접속 차단 풀어야!)

3)      Test in modern browser

3.       Just in case

1)      Separate mobile site (different HTML)-> relationship annotate (make connections)

4.       Reference

1)      google smartphone sites:

https://developers.google.com/webmasters/smartphone-sites/

II.      디지털시대의 정보공유와 검색 개방성 연구결과 발표- 이동휘 (구글 Engineer), 조일출 (한국인터넷전문가협회 부장)

1.       웹개방성 담론 장소: https://groups.google.com/group/web-jumak

2.       웹개방성 checklist

1)      Robots.txt 파일을 통한 차단 확인

2)      Noindex / nofollow 태그 확인

3)      ActiveX / image / Flash 사용여부 확인

4)      User-agent 기반으로 접근 차단 확인

5)      URL 공개 또는 비공개 여부 확인

3.       Reference

1)      http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35291

III.     구글 엔지니어와 함께하는 검색 클리닉- 이동휘, 석인혁, 백창현, 최성철 (구글 Engineer)

1.       Google 검색 알고리즘 변화 예- 570회/1년 -> 약1.6회/1일

1)      방향: 검색 알고리즘 보단 콘텐츠에 집중할 것

2.       Clinic

1)      웹사이트 개방여부 확인

①  Robots.txt 확인

A       예. www.A.com/robots.txt URL 입력해볼 것

②  Noindex, nofollow 메타태그 여부 확인

③  방화벽으로 사이트 차단 여부 확인

A       예. Googlebot user-agent이용해 사이트 접근 시, 정상적인 웹접근이 아닙니다. 확인

2)      Title Tag 확인

①  #1:

A       이슈 : 무제문서 (or untitled doc), 다음 페이지

B       해결 : 대표성 있는 내용을 제목으로 사용할 것

②  #2

A       이슈 : [site:abc.com]으로 검색시, 동일한 title tag

B       해결 : 모든 web page에 <title> tag 달 것, 구체적이면서 간결할 것, 유사 키워드 반복 사용 않을 것

3)      Meta tag의 description 속성

①  Google 검색결과 미리보기 속성 : title, URL, snippet (미리보기)

②  Meta description 방법 : 사용자가 보기 편하게 (예. Google +를 이용하면 실제 인간관계를 웹으로 옮겨 올 수 있습니다. …)

③  모든 페이지에 description 속성 사용 (예. (1) “뉴스”의 경우, 뉴스 기사 앞부분 기재 instead of 기사일, 기자 정보 (2) 저자: 홍길동; 삽화가: P; 그림… (3) 차종, 연식…)

4)      Webmaster 도구 사용 (https://www.google.com/webmasters/tools )

①  최적화- sitemaps, HTML 개선 등 확인할 것

5)      Image 활용

①  이슈 : 대체 text가 없는 image

②  해결 : text 정보는 text 사용, image file 명, 대체 text 적절한 활용

A       예. <img src=”man-with-black-suit” alt=”한국 공항 공사….하는 이미지”>

6)      URL 접근성

①  이슈 : 국립국어원 표준국어대사전

A       예. 각 단어 모두 동일한 URL 표시 (http://stdweb2.korean.go.kr/search/List_dic.jsp)

②  해결 : web page가 URL로 접근 되어야 함, 다른 web page에서 링크 가능해야 함 (모든 웹검색 서비스는 URL로 검색)

7)      URL 표준화 (canonicalization)

①  뜻 : 대표 URL을 간단하고 외우기 쉽게 만드는 것

②  해결

A       302 (temporary redirect) -> 301 (permanent redirect)

B       non-www -> www

C       link rel 메타태그 : <link rel=    , href” “>

D       JavaScript 재전송 가급적 지양

E       표준화 (canonical) URL 관리 : <link rel=canonical href=”..com”>

8)      새로운 페이지 추가하는 방법

①   해결 : Google Webmaster 에서 fetch as Google 항목 사용해서 확인

②   Reference : sitemap.org, goo.gl/qgGhe

9)      SEO

①  뜻 : 사용자를 위한 사이트를 만드는 것 또는 사용자에게 도움되는 콘텐츠를 만드는 것

②  Reference : 구글 웹마스터 도움말 포럼 (http://productforums.google.com/forum/#!forum/webmaster-ko)

IV.    웹개방성과 브라우저 (올브라우저 캠페인)- 김기창 (고려대 법대 교수)

1.       Reference : openweb.or.kr, opennet.or.kr (개인정보 보호 정책)

2.       약관 동의 예 : 오픈넷 후원 경우

V.      지식 재창조를 위한 열린 인터넷 제언- 윤종수 (부장판사) 외 3인

1.       김규태- 고려대 open courseware

2.       김경서- 서울시 정보화기획단 서울시 열린 데이터 광장 (http://data.seoul.go.kr/)

3.       오원석- LIST 대표