구글 상위노출에 웹디자인? 생각보다 훨씬 중요합니다.

2024 최신 로직 기준
구글 SEO 가이드 노트

삼성, SK 출신 개발진이 쓴 구글 SEO 가이드 노트를 무료로 제공하고 있습니다.
가이드 노트만 제대로 따라하셔도 1페이지 이상 순위 상승을 볼 수 있습니다!

Get SEO Guide Tips

UX, 웹디자인의 중요성

자사 홈페이지를 구글 같은 검색엔진에 상위노출 하고 싶으신 분들은 보통 "얼마나 콘텐츠를 잘 써서 상위노출 시킬 것인지?", "백링크를 얼마나 잘 달아서 순위 상승 시킬 것인지?"를 주로 고민하십니다.

하지만 보통 놓치시는 것이 있는 게 바로 UX와 밀접한 웹디자인을 간과하신다는 겁니다. "그거 대충 그럴듯하게 만들면 되는 거 아니야? 상위노출에 큰 변수가 되나?"라고 보통 생각하시죠.

하지만 구글 같은 검색엔진에서는 UX를 아주 중요하게 생각하고 최근 몇 년동안, 이 UX, 그와 밀접한 웹디자인에 대해 정량적인 평가를 하는 데 큰 비중을 두었습니다. 그것을 키워드에서 순위를 정하는 알고리즘에도 적극적으로 반영했죠.

아래는 구글 알고리즘의 로직 변화를 나타내는 그림입니다. 원래부터 디자인에 중점을 두었던 구글이지만 2021년부터 Page Experience 업데이트를 통해 UX에 큰 비중을 둔 것을 알 수 있습니다.

https://yoast.com/google-algorithm-updates/

그럼 얼마만큼 차이 나는 건데?

저희 업시크릿 홈페이지를 예를 들어 보겠습니다. 아래는 Arefs라는 SEO 툴을 써서 "seo업체"라는 키워드에 대한 순위 및 해당 웹사이트의 간략한 정보를 표시한 표입니다.

거의 몇 년 이상 작업한 다른 업체와 다르게 작업한 지 2달 정도 됐지만 1페이지 6순위까지 올라갔습니다. 또한 백링크 숫자 및 Words 수만 봐도 다른 업체들과 비교했을 때 압도적으로 적지만 6순위까지 올라간 것을 볼 수 있습니다.

그 차이는 무엇일까요? 여러 가지 요인이 있지만 중요한 부분 중 하나는 디자인이라고 생각합니다.

아래는 백링크 수가 몇천 개가 되는 업체의 홈페이지입니다. 딱 봐도 그렇게 까지 좋은 웹디자인이 아닌 것을 알 수 있습니다. 그와 더불어 UX 적인 측면에서도 좋은 점수를 줄 수는 없을 것입니다. 디테일하게 이야기하지 않아도요.

업시크릿 홈페이지를 보겠습니다. 메인 컬러를 기준으로 짜임새 있는 웹디자인과 UX를 고려하여 만든 심플한 CTA 버튼 배치로 방문자들이 보기에 신뢰감과 안정감을 느낄 수 있도록 디자인하였습니다.

CTA란 ? 사용자의 반응을 유도하는 요소를 뜻하는 마케팅 용어입니다

이렇듯 "백링크가 상위노출의 90% 이상!"이라고 생각하신 분들은 SEO에 대해서 생각 바꿀 필요가 있을 것 같습니다. 분명한 것은 "하나의 요소로만 구글은 상위노출 여부를 판단하지 않는다"는 것을 알 수 있습니다.

UX의 중요한 요소

그렇다면 SEO에 중요한 UX의 요소는 무엇이 있을까요? 여러 요소가 존재하지만, 경험한 바에 의하면 저는 특히 다음 3가지 요소를 강조하고 싶습니다.

  1. 웹 구성 요소의 정확한 디자인 및 배치
  2. CTA 요소 디자인 및 사용자의 기대에 부합한 액션 실행
  3. 페이지 로딩 속도

웹 구성 요소의 적확한 디자인 및 배치

웹페이지에서는 여러 요소가 있습니다. h tag, paragraph, rich text, list 등 HTML 요소와 그것을 꾸며주는 CSS, 그리고 애니메이션 같은 동적 요소를 실행하는 JS 등 이 요소들이 정확한 디자인이 적용되고 배치가 제대로 이루어졌을 때 UI가 "깔끔하고 좋다"라는 느낌을 줄 수 있습니다.

업시크릿 홈페이지 같은 경우 Hero section에서 애니메이션과 정확한 구성 요소를 적용하여 유입된 잠재 고객님들의 눈을 사로잡는 효과를 보게 끔 디자인하였습니다.

나중에 이야기해 드리겠지만 이것은 SEO에 아주 중요한 지표 중 하나인 Dwell Time을 늘리고 Bounce Rate를 줄여주는 데 매우 큰 효과가 있습니다.

CTA 요소 디자인 및 사용자의 기대에 부합한 액션 실행

웹페이지에 들어온 독자 혹은 잠재 고객님들이 CTA의 요소를 쉽게 알아차리도록 화살표 버튼에 애니메이션을 추가하고 또한 그 버튼을 눌렀을 때 Contact 페이지가 가도록 디자인하였습니다. 만약 CTA를 이상하게 디자인하여 버튼을 클릭한 사용자들의 의도와 다르게 움직였을 경우 대부분 바로 홈페이지에서 이탈할 것입니다. 이것은 SEO에 큰 악영향을 미칠 것이므로 조심스럽게 디자인해야할 것입니다.

여기서 중요한 것은 Achieve Greater Growth라는 문구와 버튼이 같이 배치된 것인데 이 부분에 대해서는 UX 심리학에 대해서 따로 포스팅하여 알려드리겠습니다.

페이지 로딩 속도

SEO에 정말 큰 영향을 미치는 UX 요소 중 하나입니다. 어려운 리서치 자료를 들고 오지 않더라도 직관적으로 생각했을 때 어떤 홈페이지를 클릭했을 시 페이지가 10초 이상 안 나오면 어떻게 될까요? 사실 10초도 아니고 요즘 까다로운 사용자들의 특성상 5초 정도만 지나가도 바로 꺼버리는 일이 생길 것입니다.

또한 빠르게 페이지가 로딩됐을 때 사용자들이 느끼는 심리적인 만족감은 정말 큽니다. 따라서 당연한 이야기지만 페이지 로딩 속도는 정말 빠르면 빠를수록 좋습니다.

페이지 로딩 속도를 빠르게 해주는 기술적인 부분에 대해서는 다음에 자세한 내용을 다룬 포스팅으로 설명해 드리도록 하겠습니다.

마치며

SEO는 SEO에 영향을 미치는 정말 여러 가지 요인들을 생각하여 검색엔진에 좋은 점수 받아 상위노출을 시키는 작업입니다. 계속해서 말씀드리겠지만 "미인 뽑기" 대회랑 거의 비슷하다고 보시면 됩니다. 앞으로도 여러 SEO에 대한 여러 전문적이고 디테일한 포스팅을 올리도록 할 테니 많은 관심 부탁드리겠습니다:)

감사합니다.

2024 최신 로직 기준
구글 SEO 가이드 노트

삼성, SK 출신 개발진이 쓴 구글 SEO 가이드 노트를 무료로 제공하고 있습니다.
가이드 노트만 제대로 따라하셔도 1페이지 이상 순위 상승을 볼 수 있습니다!

Get SEO Guide Tips
다른 인사이트 콘텐츠들 보러가기
바로가기

Trusted By

Get In Touch

UPSECRET에서 제공하는
무료 마케팅 인사이트를 체험해보세요