전반적으로 유행인 mbti 테스트를 만드는 방법, 서비스 고도화 파트로 나뉘는데 특히 고도화 파트가 유용했다. 뭔가... 올인원으로 배울 수 있는 느낌? 다만 테스트 용 질문이 전혀 안 나와서 어떤 식으로 접근해야 될지 막막하기도 하다 ... 생각해서 새로 만들어볼까 했는데 생각해본 아이디어는 누가 다 만들어서 웹에 올려놨길래 ㅋㅋㅋㅋㅋ 일단 급한 공부부터 하는 걸로 ...
조코딩 님이 진행하셔서 그런지 확실히 code lion 강의 중엔 제일 마음에 들었는데 비디팅 활용 좀요~~ !
SNS 공유 기능 쉽게 추가하기
Get more likes, shares and follows with smart website tools - AddThis
계정 생성 및 로그인 → Share Buttons → Tool Type 선택 ( inline )
Service Sorting → Kakao Talk 추가 … 등등 설정하기
Get code 후 html 추가, 스크립트를 body 태그 최하단에 붙여넣기 + css 설정
광고 붙이기 : AdNetwork 이용하기
Google Adsense, Kakao Adfit 등 … 다른 기업이 중개, 통계 제공
→ 로그인 후 광고 등록 … SDK와 스크립트 발급 받아 넣기
네이버 검색 가능하게 만들기
검색 엔진의 원리 → 크롤러( Yeti 등 )가 인터넷을 돌면서 사이트 정보를 수집하여 네이버에 저장
robots.txt로 크롤링 가능 여부를 설정할 수 있음sitemap.xml로 로봇이 쉽게 탐색할 수 있도록 함
-
네이버 웹마스터 도구에 내 사이트 등록
- 웹 마스터 도구 -
사이트 등록- html 파일 업로드 or태그 삽입으로 소유 확인 - 검증 탭에서 robots.txt 작성 ( 간단 생성 이용 ) - 다운로드 후 디렉토리에 파일 추가
- sitemap generator 이용하여 sitemap.xml 만들어서 디렉토리에 추가 및 네이버 제출
- 웹 마스터 도구 -
-
검색 관련 문서 제출
검색 엔진 최적화 ( Search Engine Optimization )
최적화가 잘 되어있을수록 검색 결과에 상단으로 올라옴 → 네이버 웹 마스터 가이드 참조
내부 요소 최적화( HTML, 컨텐츠, 메타 태그 등 )외부 요소 최적화( 백링크 개수, 백링크 사이트 신뢰도 등 )
Search Advisor - 진단하기 탭에서 현재 사이트의 최적화 정도를 테스트 할 수 있음
- 페이지 설명 →
<meta name=”description” content=”나랑 꼭 닮은 세렝게티 동물을 MBTI 기반으로 찾아보자”> - 오픈 그래프 태그 → SNS 등으로 공유될 때 우선적으로 보이는 내용
<meta property="og:type" content="website"> <meta property="og:title" content="세렝게티 동물 테스트"> <meta property="og:description" content="나랑 꼭 닮은 세렝게티 동물을 MBTI 기반으로 찾아보자"> <meta property="og:image" content="https://link/ex.png"> <meta property="og:url" content="https://link">
