[mbti 검사지] 돈버는 mbti 테스트 사이트 만들기 (프로젝트라이언 수강후기)

mbti 테스트 해보기

=> https://drinksncharacters.netlify.app/

음료 MBTI테스트

 

netlify가 아닌 IPFS형태의 웹3.0환경에서 배포해보고 싶다면

=> https://memoty.tistory.com/87

[웹3.0 분산 클라우드 서비스] 깃허브와 포에버랜드 연동 (feat. 내가 만든 mbti 테스트)

---

다음글은 ProjectLion -[돈이되는 세렝게티 mbti 검사지] 과정에 직접 강의를 듣고 작성한 글입니다.

검사지를 만들고 싶은 분들은 다음 과정을 듣는 것을 추천드리며

개인 기록용으로 작성하여 따로 코드에 대한 내용이 없으며

네이버 웹마스터 도구사용방법 위주로 다루어

실제로 강의를 듣지 않으면 만들기 어렵기 때문에 문제가 되지 않을거라 생각합니다.

(혹여나 저작권 문제가 있다면 내리겠습니다.)

---

느낀점

1. 코딩을 조금이라도 배웠으면 왜, 어디에, 어떤 코드를 작성해야하는지

이해가 가기 때문에 재미있다. (아예 모른다면 웹을 만들기 위한 받아쓰기..ㅎㅎ)

 

2. 짧은 기간에 완성할 수 있고 가격이 부담스럽지 않다.

쓰니는 2주정도 걸린 것 같다 (주말만)

 

3. 상세한 설명을 해주어 초보자도 따라갈 수 있다.

(단, 나만의 개성을 입히기엔 무리다)

 

4. 프로젝트 라이언의 아쉬운점은 이런 좋은 강의가

없다는것..ㅋㅋ

저렴하고 따라하기 쉬운 강의 더 만들어주세요!

 

---

1. 대략적인 html/css설정과 mbti별 내용을 적어준다

2. addthis.com에서 공유버튼을 추가해준다 (이제 서비스 안하는걸로 알고있다)

addthis.com

3. netlify에 내가 만든 사이트를 deploy해준다

사이트 생성완료

4. 카카오 애드핏에 광고를 추가해준다

상세정보입력

다음 스크립트를 복사해 vscode에 붙여넣기 해준다

5. 배포 완료

- 광고 관리는 카카오 애드핏 -> 보고서 -> 매체별 보고서

 

6. 추가 - 네이버에 검색되도록 하기

https://searchadvisor.naver.com/

네이버 서치어드바이저

웹마스터도구 클릭

사이트를 등록하고 다운로드 된 파일을 코드가 있는 파일에 넣어준다

이후 netlify에 재배포(deploy)

사이트 등록완료

7. 검색로봇이 웹사이트 정보를 수집할 수 있도록 허용한다

검증에 들어가서도 robot.txt 파일을 다운받고 내 폴더에 넣어준다(동일)

8. https://www.xml-sitemaps.com/ 또는 "sitemap generator"으로 검색 => 내 사이트 검색하기

Create your Google Sitemap Online - XML Sitemaps Generator

 

파일에 넣어주고 netlify에 다시! 배포한다

9. 다시 네이버 웹마스터에 가서 '수집요청'을 누르면 아무것도 없던 곳에 다음과 같은 뜬다

네이버 웹마스터 -> 요청-> 사이트맵 제출

10 . <진단하기>에서는 내 사이트를 네이버 검색을 통해 찾을 수 있고

이런 데이터를 로봇이 분석할 수 있도록 위에서

환경을 만들어 놓은 상태이기 때문에 거의 체크표시로 나와있다

네이버 웹마스터 - 진단하기 - 내 사이트 입력 - (안에서 한번 더 입력)