특강 : 쿨찐테스트 만들기(조코딩)

오늘은 조코딩님의 특강을 들었다. 평소에 즐겨보던 유튜버이고 캡스톤 디자인도 조코딩님의 티처블머신을 보고 프로젝트를 했었다. 오늘 조코딩님으 준비하신 특강은 "찐쿨찐 테스트" 만들기 였다. html css 부분은 다 아는 부분이었고 부트스트랩도 과거에 사용해 본적 있어 어렵지 않았다.

deploy(netlify)

Netlify서비스는 프론트엔드 폴더를 업로드하는 것 만으로 단 몇초만에 배포를 시켜준다.
깃허브 레포지토리를 연결할 수도 있다.
배포

favicon

favicon-generator

<link rel="shortcut icon" href="./source/images/favicon.ico" type="image/x-icon"/>
<link rel="icon" href="./source/images/favicon.ico" type="image/x-icon" />

다음코드로 브라우저 탭에 파비콘을 추가할 수 있다.

domain 연결하기

가비아에서 hanmin-test-domain.shop 도메인을 550원에 구매하였다.

네틀리파이 -> 도메인설정 -> add Custom domain -> 도메인 입력 -> Set up Netlify DNS for hanmin-test-domain.shop ->Update your domain’s name servers
-> 가비아의 네임서버에 모두 넣어주기 -> 인증 후 완료

나중에 재활용도 가능하다하니 나중에 또 써먹을 것이다.

addthis

addthis 손쉽게 sns연동을 할 수 있다 ..

ad network

google ads, kakao adfit등이 있고 오늘은 카카오로 실습하였다.

위와같이 Url을 넣어 등록해준다. 광고 크기와 설정을 해주면 스크립트를 받을 수 있다.

스크립트를 html에 원하는 공간에 삽입하면

다음과 같이 광고가 들어간다.

검색하면 나오게 하기

조코딩 유튜브

네이버 서치어드바이저


인증 절차에는 두가지 방법이 있는데 네이버에서 제공하는 파일을 프로젝트에 넣던가 인덱스 페이지의 meta태그를 넣어야한다 나는 전자자의 방법을 선택하였다.

등록이 완료되었다. Url등록과 인증절차 후 robots.txt를 만들어 네이버뿐만 아니라 모든 검색엔진에 노출되게 할 수 있다. 아래 사진처럼 설정하여 다운로드하고 루트 디렉토리에 넣어주었다.

xml-sitemap.com 여기서 만들어준 사이트 맵파일을 같이 deploy 해준다. 그리고 서치어드바이저에서 등록해준다. 두가지 페이지 밖에 인식이 되지 않아 파일을 수정하여 추가적으로 작성해 주었다.


사이트맵과 로봇이 제출되었다.

seo 최적화

search engine optimisation 점수에 따라 얼마나 내 사이트가 검색이 잘되는지 반영된다.
외부적 요인으로 여러 사이트에서 해당 사이트를 언급하면 점수가 높아진다.(역링크),방문자수가 높을수록 점수가 높아진다. 내부적 요인으로 마크업이 잘되어있고 메타태그를 풍부하게 잘 사용하였으면 점수가 높아진다.

내부적 요인 체크하기 : https://seositecheckup.com/ how to fix 라는 해결법까지 제시해준다.

결과

https://hanmin-test-domain.shop/

평소 이런 사이트를 많이 보았는데 이정도 만드는게 정말 쉬운거였다는걸 알게되었다. 평소 도메인과 배포해 대해 굉장히 무겁게 생각했는데 30분도 안걸리는 쉬운 작업이라 느꼈다. aws등을 배우면 다르겠지만 입문은 굉장히 쉬웠다. 평소 유튜브로만 보던 조코딩님이 하시는 특강인지 더욱 집중이 잘 되었다. 이런 기회가 많이 있으면 좋겠다.