새소식

끄적끄적/VScode, 추가정보 등

bounce rate | 내 심장이 빠운스 빠운스!

  • -

🐣 웹 사이트 Bounce rate


CSR, SSR을 찾아보다 bounce rate에 대해서 살펴보게 되었다. bounce rate(이탈률)는 웹 사이트에서 특정 페이지에 방문한 사용자가 다른 페이지로 전환하지 않고 해당 페이지를 나간 비율을 나타내는 지표다. 이것을 쉽게 정리하면, 누군가 웹 사이트를 방문했지만 추가적인 탐색 없이 동일한 페이지에서 떠났다는 것이다. 즉... 들어오자마자 둘러보지 않고 나갔다..! 뚜둥!😲

- 페이지에서 사용자가 아무런 상호작용을 하지 않고 떠남
- 이탈률이란 사용자가 처음 방문한 랜딩 페이지만을 보고 다른 페이지로 이동하지 않고 사이트를 떠난 비율을 의미하는 지표


🐣 bounce가 발생하는 이유


1. 로딩 시간이 긴 페이지

 페이지가 너무 느리게 로딩되면 사용자가 기다리지 않고 나가는 경우가 있을 수 있음

 

2. 콘텐츠 불만족

사용자가 찾던 정보를 찾지 못하거나 원하는 콘텐츠가 부족한 경우 바운스가 발생할 수 있음

 

3. 사용자 경험 부족

페이지 레이아웃이나 디자인이 사용자에게 부족한 경험을 제공하는 경우 바운스 비율이 높아질 수 있음

 

4. 부적절한 타켓팅

광고나 검색 결과 등으로 유입된 사용자가 기대한 콘텐츠와 일치하지 않는 경우 바운스가 발생할 수 있음


🐣 그렇다면 프론트 개발자가 할 수 있는 최선은?


1. 페이지 로딩 속도 개선

 이미지 최적화, 리소스 압축 등 페이지 로딩 시간을 최적화 하는 방법을 생각해 볼 수 있다.

 

2. 사용자 경험 향상 시키기

 모바일로 접속 했는데, pc 버전으로 랜딩 될 경우 글자도 작고 화면을 보는 것에 어려움을 느낀다. 이는 반응형 웹 사이트를 통해 모바일, pc 등 원활한 경험을 할 수 있도록 개선한다.

 

3. 내용 최적화

웹사이트의 내용을 풍부하게 제공하고 사용자가 찾는 정보를 쉽게 얻을 수 있도록 한다. 키워드에 대한 검색 엔진 최적화(SEO)를 고려하여 검색 결과에서 노출되기 쉽도록 한다.

 

4. 사용자 인터페이스 디자인 개선

직관적이고 사용자 친화적인 디자인을 채택하기(물론 팀프로젝트일 경우 원하는 대로 할 수 없음 흐흑...놀라운건...혼자해도 능력부족으로...흐흑..). 메뉴 구조를 명확하게 구성하고, 콘텐츠의 가독성을 높이는 등 사용자가 쉽게 웹사이트를 이해하고 탐색할 수 있도록 한다.



📝 Reference

Beusable Blog

'끄적끄적 > VScode, 추가정보 등' 카테고리의 다른 글

VSC 자주 사용하는 단축키 정리  (2) 2023.12.01
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.