웹 개발자들을 위한 잡다한 웹 지식 세미나

웹 개발자들을 위한 잡다한 웹 지식 세미나 안녕하세요! <더 나은 웹 만들기> 시리즈 행사입니다. 이번에는 구글 검색을 주제로, 웹개발자들을 위한 자잘하고 잡다한 웹 지식 세미나를 준비했습니다!👏👏👏 참석을 원하시는 분은 아래 양식을 제출해주시고, 자리가 확정되면 세미나 3일전까지 연락드리겠습니다. (* 이메일 주소에 오타가 있어서 연락이 어려운 경우가 종종있습니다. 이메일 주소를 잘 확인해주세요!) ❒ 세미나 내용 (1) 알아두면 쓸모있을 수도 있는(?!) 잡다하고 자잘한 웹 지식 (30분 강의, 20분 질의응답) 웹 개발자, 웹마스터, 웹 마케터 등 웹으로 밥 먹고 사는 사람들이 한번쯤 들어보거나 생각해봤던 자잘한 궁금증을 풀어보는 시간! - 고급 Google 검색 기법 - Google 봇의 눈으로 테스트하기 - DNS lookup 테스트 해보기 - robots.txt 파헤치기 - 사이트맵 알아보기 (2) Google 검색과 자바스크립트 사이트 (30분 강의, 20분 질의응답) 요즘 자바스크립트가 들어가지 않는 사이트가 없죠? React, Vue.js, Angular, AMP, 날이 갈수록 복잡해지는 자바스크립트 사이트, Google 검색은 자바스크립트로 중무장한 사이트를 제대로 이해할 수 있을까요? 이 세션에서는 Google I/O의 발표 내용을 바탕으로 Google이 동적인 페이지를 어떻게 다루는지 알아봅니다. 웹 프론트엔드 개발자분들 뿐만 아니라 웹마스터 분들에게도 흥미로운 시간이 될 것입니다. ❒ 강사: 이동휘, Google 엔지니어 ❒ 시간: 2019년 11월 6일 수요일 저녁 7시 - 9시 ❒ 장소: 구글 스타트업 캠퍼스 (서울시 강남구 대치동 948 영동대로 417 오토웨이타워 지하 2층)

 

1. "서치 콘솔 이야기" 정확하게 검색하면 무조건 뜬다
2. 구글 서치 콘솔
   • site:betterweb.or.kr :내가 원하는 웹애서만 검색이된다
   • daterange: 2019-11-01..2019-11-03
     
   • link:www.betterweb.or.kr :다른사이트에서 내페이지로 링크되어있는것을 찾아준다
   • 겨울 * 요리 : 와일드 카드
   • 1tb * (1.15 ^ 4)
   • filetype: pdf :원하는 파일
   • hl=[loanguage code] gl=[country code] : url에 붙여서 사용하면된다!
3. 모바일 친화성 테스트 : 소유하지않은것 테스트
4. 서치 콘솔 : 소유한 사이트를 사용해봐야한다.
5. 스크롤 다운을 통한것은 못보지만 spa는 대부분 볼 수 있다.
6. 제 3자 접근불가
7. 트래픽분석하여 사용자특정못하도록
   http://hacks.mozilla.or.kr : 꼭 읽어보자
8. 해결방법
   • 믿을만한 리졸버만 사용, https, 최소 데이터만 전송
   • lighthouse :
   • ssr + hydration
   • react-snap
   • google web master 채녈에 라이브러리별로 설명이되어있다
   • audits
9. seo
10. lazy loading :
11. 과거  - 사용자들이 스크롤하면 되는것
12. intersectionobserver를 사용하면 된다. 해당컨텐츠가 할때
13. img태그에 아예 lazy로딩 지원loading="lazy"
14. 구글봇은 ssr을 하지안는것을 권장

이것 저것 많은 정보를 들었다. 당장에는 도움이 되지않을지라도 나중에 언젠가 지금 들은 이야기들을 사용해볼 수 있지안을까? 그래도 검색 하는방법은 당장에도 써먹을 수 있을듯하다.