구글 상위노출에 웹디자인? 생각보다 훨씬 중요한 이유.
상위노출에 웹디자인? 생각보다 훨씬 중요합니다. 구글에서는 최근 몇 년간 UX, 웹디자인에 대해 정량적인 평가를 하는 데 큰 비중을 두었습니다.
이 글의 목차
요약
- 구글은 콘텐츠와 백링크뿐 아니라 웹디자인·UX도 검색 순위에 반영되는 공식 평가 요소로 다륨니다.
- 구글은 2021년부터 페이지 경험(Page Experience)을 공식 검색 순위 신호로 반영하고 있습니다.
- Google·SOASTA 조사에 따르면 로딩 시간이 1초에서 10초로 늘어나면 이탈 확률이 123% 증가합니다.
- Ahrefs 조사에 따르면 코어 웹 바이탈 기준을 통과한 웹사이트는 33%, 개별 페이지는 21.2%에 불과해 차별화 기회가 있습니다.
- 웹 구성 요소 배치, CTA 디자인, 페이지 로딩 속도가 SEO에 영향을 미치는 핵심 UX 요소입니다.
UX, 웹디자인의 중요성
구글 검색엔진에서 상위노출을 목표로 할 때, 대부분은 콘텐츠 품질과 백링크 확보 전략을 가장 먼저 고민합니다.
하지만 정작 놓치기 쉬운 부분이 바로 UX와 직결되는 웹디자인입니다. '적당히 보기 좋게만 만들면 되지 않나?'라고 생각하기 쉬운데, 실제로는 상위노출에 적지 않은 영향을 미칩니다.
구글은 UX를 콘텐츠 품질만큼 중요한 평가 요소로 다루며, 최근 몇 년간 웹디자인과 사용자 경험을 정량적으로 평가해 검색 순위 알고리즘에 반영하는 비중을 꾸준히 늘려왔습니다.
아래는 구글 알고리즘의 변화를 보여주는 자료입니다. 원래도 디자인을 중요하게 다뤄던 구글이지만, 2021년 페이지 경험(Page Experience) 업데이트를 기점으로 UX의 비중이 한층 커졌습니다.
실제로는 얼마나 차이 날까?
업시크릿 홈페이지를 예로 들어보겠습니다. 아래는 Ahrefs라는 SEO 툴로 'seo업체' 키워드에 대한 순위와 저희 웹사이트의 주요 지표를 확인한 자료입니다.
몇 년씨 작업해온 다른 업체들과 달리, 저희는 작업을 시작한 지 약 2개월 만에 1페이지 6위까지 올라졌습니다. 백링크 수와 콘텐츠 분량(Words) 모두 경쟁 업체 대비 현저히 적았는데도 이런 순위를 기록했습니다.
그 차이를 만든 요인은 여러 가지가 있겠지만, 저희는 그중에서도 웹디자인이 핵심적인 역할을 했다고 보고 있습니다.
그 차이는 무엇일까요? 여러 가지 요인이 있지만 중요한 부분 중 하나는 디자인이라고 생각합니다.
아래는 백링크가 수천 개에 달하는 한 업체의 홈페이지입니다. 한눈에 보기에도 웹디자인 완성도가 높지 않고, UX 측면에서도 좋은 평가를 주기는 어려워 보입니다.
반면 업시크릿 홈페이지는 메인 컴러를 기준으로 짜임새 있게 구성하고, UX를 고려한 심플한 CTA 버튼 배치로 방문자가 신뢰감과 안정감을 느낌 수 있도록 설계했습니다.
CTA란 ? 사용자의 반응을 유도하는 요소를 뜻하는 마케팅 용어입니다
'백링크가 상위노출의 9할 이상을 좌우한다'고 생각하셨다면, 이번 기회에 관점을 조금 바꿔보시길 권합니다. 구글은 하나의 요소만으로 상위노출 여부를 판단하지 않습니다.
이렇듯 "백링크가 상위노출의 90% 이상!"이라고 생각하신 분들은 SEO에 대해서 생각 바꿀 필요가 있을 것 같습니다. 분명한 것은 "하나의 요소로만 구글은 상위노출 여부를 판단하지 않는다"는 것을 알 수 있습니다.
실제 데이터로 보는 UX와 페이지 경험의 중요성
구글은 2021년부터 페이지 경험(Page Experience)을 공식 검색 순위 신호로 반영하기 시작했습니다. 모바일 검색에 먼저 적용되었고, 이후 데스크톱 검색에도 확대 적용됐습니다. 즉 콘텐츠 품질뿐 아니라 로딩 속도, 상호작용성, 시각적 안정성 같은 UX 지표가 실제 순위에 반영되는 공식 요소라는 의미입니다.
로딩 속도가 사용자 행동에 미치는 영향은 실제 데이터로도 확인됩니다. Google과 SOASTA가 1,100만 개의 모바일 광고 랜딩페이지를 분석한 결과, 페이지 로딩 시간이 1초에서 10초로 늘어나면 방문자의 이탈 확률이 123% 증가했습니다. 또한 페이지에 포함된 요소 수가 400개에서 6,000개로 늘어날수록 전환 가능성은 95% 감소했습니다.
구글이 페이지 경험 평가에 활용하는 핵심 지표가 바로 코어 웹 바이탈(Core Web Vitals)입니다. Ahrefs가 520만 개 페이지를 분석한 조사에 따르면, 코어 웹 바이탈 기준을 통과한 웹사이트는 전체의 33%에 그쳤고, 3가지 지표를 모두 통과한 개별 페이지는 21.2%에 불과했습니다. 즉 이 기준을 충족하는 것만으로도 상당수 경쟁사와 차별화될 수 있다는 뜻입니다.
UX의 중요한 요소
SEO에 영향을 미치는 UX 요소는 다양하지만, 저희가 현장에서 직접 경험한 바로는 특히 다음 3가지가 가장 중요합니다.
- 웹 구성 요소의 정확한 디자인과 배치
- CTA 요소 디자인과 사용자 기대에 부합하는 액션 실행
- 페이지 로딩 속도
웹 구성 요소의 정확한 디자인과 배치
웹페이지는 h태그, 문단, 리스트 등 다양한 HTML 요소와 이를 꾸며주는 CSS, 애니메이션 같은 동적 효과를 담당하는 JS로 구성됩니다. 이 요소들이 정확하게 설계되고 배치될 때 비로소 '깔끔하고 정돈된' UI라는 인상을 줄 수 있습니다.
업시크릿 홈페이지의 경우, Hero 섬션에 애니메이션과 짜임새 있는 구성 요소를 적용해 유입된 잠재 고객의 시선을 자연스럽게 사로잡도록 설계했습니다.
이런 디자인 요소는 SEO에서 중요하게 다루어지는 체류 시간(Dwell Time)을 늘리고 이탈률(Bounce Rate)을 낮추는 데 실질적인 도움이 됩니다.
CTA 요소 디자인 및 사용자의 기대에 부합한 액션 실행
방문자가 CTA 요소를 쉽게 인지할 수 있도록 화살표 버튼에 애니메이션을 적용하고, 버튼을 클릭하면 Contact 페이지로 자연스럽게 이동하도록 설계했습니다. CTA 디자인이 사용자의 기대와 다르게 동작하면 대부분 곳바로 이탈로 이어지며, 이는 SEO에도 부정적인 영향을 줄 수 있으므로 신중하게 설계해야 합니다.
여기서 중요한 부분은 'Achieve Greater Growth'라는 문구와 버튼을 함께 배치한 것인데, 이와 관련된 UX 심리학 이야기는 다음 포스팅에서 자세히 다루겠습니다.
페이지 로딩 속도
페이지 로딩 속도는 SEO에 실질적인 영향을 미치는 UX 요소입니다. 별도의 리서치 자료를 찾아보지 않아도, 페이지가 10초 넘게 로딩되면 대부분의 사용자가 이탈한다는 것은 직관적으로도 알 수 있습니다. 요즘처럼 사용자의 기대치가 높아진 환경에서는 5초만 넘어가도 페이지를 이탈하는 경우가 많습니다.
반대로 페이지가 빠르게 로딩되면 사용자가 느끼는 만족감도 커집니다. 페이지 로딩 속도는 빠르면 빠를수록 좋다는 것이 정설입니다.
로딩 속도를 개선하는 구체적인 기술적 방법은 추후 별도 포스팅에서 자세히 다루겠습니다.
마치며
SEO는 검색엔진에서 좋은 평가를 받기 위해 다양한 요인을 종합적으로 고려하는 작업입니다. 흔히 비유하듯 '미인대회 심사'와 비슷한 면이 있습니다. 앞으로도 실무에서 얻은 인사이트를 담은 SEO 콘텐츠를 꾸준히 전해드리겠습니다.
감사합니다.
