* 조코딩 웹 개발 5주 완성 강의를 듣고 개인 복습을 위해 정리한 글입니다.
https://www.youtube.com/watch?v=lkh_S7TJNGw&t=8431s
SEO (Search Engine Optimization)
검색 엔진 최적화
SEO가 잘 되어있을수록 검색을 했을 때 상위에 있게 된다.
◇ SEO 가이드
https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=ko
Naver
https://searchadvisor.naver.com/guide/seo-basic-intro
SEO의 요소
- 외부 - 역링크(다른 사이트에서 언급한 것), 방문자 수, 기간 등
- 내부 - 시멘틱 마크업(의미가 분명한 태그), 메타 태그(페이지를 설명해주는 태그)
SEO가 얼마나 잘 되어있는지 체크해주는 사이트
이와 같이 내 사이트를 입력하고 Checkup을 눌러주면
사이트의 SEO 점수가 뜨게 된다.
아래로 내려보면 SEO 분석 요소들을 보여주고 어떻게 고쳐서 SEO를 높일 수 있는지도 나와있다.
fail로 표시된 것에 How to fix를 눌러 고쳐야 하는 요소가 무엇인지 확인하고 고쳐주면 된다.
방문자 분석
Google Analytics
https://analytics.google.com/analytics/web/#/p303102009/reports/intelligenthome
사이트가 어떤 식으로 유저들이 이동하고 움직이는지 알 수 있기 때문에 사이트를 만들고 운영함에 있어서 필수 요소라고 할 수 있다.
계정 설정, 속성 설정, 비즈니스 정보까지 입력을 해준다.
이와 같은 화면이 뜨게 되는데 '플랫폼을 선택하세요.'에서 웹을 선택한다.
웹사이트 URL과 스트림 이름을 입력하고 스트림 만들기를 클릭한다.
웹 스트림이 만들어진 모습이다. 이를 통해 사이트를 측정할 때 사용할 수 있다.
태그 안내 보기를 클릭하면 이와 같이 설치 안내가 뜨게 되고 아래에 코드(태그)가 적혀있다. 그리고 이 태그를 복사한 후에 웹사이트의 각 페이지 코드에서 <head> 요소 바로 다음에 붙여 넣으라고 되어있다.
이렇게 추가를 해주고 저장한다.
이것을 서버에 반영을 해주기 위해 또 netlify에 public_html 파일을 업로드하여 업데이트해준다.
잘 추가되었음을 볼 수 있다. 이제 이 사이트에 들어올 때마다 head 태그에 있는 태그가 실행이 되면서 이 사이트에 들어가는 접속 정보가 구글로 전송이 되어 구글 애널리틱스에서 분석을 해준다.
구글 애널리틱스의 보고서에서 분석된 사이트 접속 정보를 확인할 수 있다.
'Web Develop > Note' 카테고리의 다른 글
| [조코딩 웹 개발 5주 완성] 3주차 정리 - 웹 조작, 이벤트 (0) | 2022.08.09 |
|---|---|
| [조코딩 웹 개발 5주 완성] 3주차 정리 - JavaScript (0) | 2022.08.07 |
| [조코딩 웹 개발 5주 완성] 2주차 정리 - 검색 엔진에 내 사이트 등록 (0) | 2022.08.05 |
| [조코딩 웹 개발 5주 완성] 2주차 정리 - 도메인 등록, favicon 등록 (0) | 2022.08.05 |
| [HTML/CSS/JS] 웹 개발할 때 참고하면 좋은 사이트 모음 (0) | 2022.05.08 |
