.jpeg){kind=avatar}
By
TEXT-HTML 비율이란 뭔가요?
대부분의 웹페이지는 HTML 코드로 작성됩니다. TEXT-HTML 비율은 해당 웹페이지의 콘텐츠를 보여주기 위한 HTML 코드의 양과 Text의 양을 비교한 수치입니다. 마케팅 팀의 일원이거나 자사 비즈니스를 운영하시는 분들이라면 웹페이지 SEO 최적화를 위해 꼭 이번 아티클을 읽어보시길 바랍니다.
이상적인 TEXT-HTML 비율은 무엇인가요?
좋은 TEXT-HTML 비율은 25%에서 70% 사이입니다. 이 비율은 HTML 구성 요소, 이미지 태그 및 기타 보이지 않는 정보와 대비한 가시적인 텍스트 비율을 나타냅니다. 상위 SERP에 등록되어있는 많은 웹페이지들을 보면 공통점을 발견할 수 있는데요. 모두 높은 비율의 가시적인 Text비율을 지니고 있다는 것입니다. 이는 구글과 같은 검색 엔진이 콘텐츠 중심 사이트에 중요성을 둔 Panda 업데이트를 발표한 이후 특히 분명해졌습니다.
어떻게 TEXT-HTML 비율이 SEO에 영향을 끼치나요?
TEXT-HTML 비율은 검색 엔진의 직접적인 순위 요소는 아니지만, SEO 모범 사례를 나타내는 비율과 관련된 요소가 많아 검색 순위에 간접적으로 영향을 미칠 수 있다.
구글의 존 뮬러는 구글이 TEXT-HTML 비율을 검색엔진의 직접적인 랭킹 요소로 사용하고 있진 않지만, 웹 페이지가 비대해진 HTML을 가지고 있다는 신호로 비춰질 수 있으며, 특히 모바일 환경에서 제공될 때 사이트 로딩 속도 느려짐 등과 같이 사용자 경험을 해칠 수 있다고 밝혔습니다.
TEXT-HTML 비율을 개선하는 방법
-
사용자를 위한 설계: 높은 TEXT-HTML 비율을 가진 콘텐츠는 가독성이 좋고 사람들이 더욱 쉽게 이해할 수 있습니다. 검색 엔진의 입장에서 바라보면 높은 TEXT-HTML 비율을 가지는 것은 검색엔진을 위해 작성된 사이트가 아니라 우리 사이트를 이용하는 사용자들을 위해 설계되었다는 인상을 남기게 됩니다.
-
향상된 사용자 환경: 높은 Text 비율은 더 향상된 사용자 경험을 의미합니다. 구글과 다른 검색엔진에 따르면 사용자 경험을 향상시키는 것이 SEO에 있어 주요한 랭킹 요소가 되었습니다.
-
페이지 로딩 속도 향상: 코드가 적을수록 불필요한 HTML 요소도 없음을 뜻하죠. 이렇게 된다면 페이지 로딩 속도를 증가시켜 더 나은 사용자 환경을 구축할 수 있습니다. 또한, 검색엔진 순위 요소에도 들어맞는 내용이기도 하고요.
-
페이지 인덱싱 개선: 깔끔한 코드와 높은 Text비율은 검색엔진이 웹사이트를 더욱 쉽게 크롤링하고 인덱싱할 수 있도록 도와줍니다. 그러면 한가지 궁금한 점이 남았죠? 어떻게 하면 TEXT-HTML 비율을 높일 수 있을까요?
웹페이지를 최적화하는 것에 있어 핵심은 사용자 경험에 초점을 맞춰야한다는 것입니다.
Google Web Core Vitals
구글은 최근에 Google Search Console에서 내년부터 새로운 측정 기준이 알고리즘에 일부 기여할 것이라고 발표한 후, Core Web Vitals 리포트를 게시하였습니다.
위 내용은 SEO가 사용자경험을 어떻게 바라보아야하는지에 대해 중요한 의미를 지닙니다.
해당 리포트는 메인 콘텐츠를 로딩하는데 얼마나 많은 시간이 소요되는지를 측정할 뿐만 아니라, 페이지가 로딩되는 동안 페이지의 레이아웃이 변경되는지 여부도 평가합니다. 이러한 측정 과정의 목적은 사용자들의 경험을 저해할 수 있는 페이지를 식별해내는 것입니다. 예를 들어, 페이지가 로딩되는 동안 갑자기 버튼 위치가 바뀌어 잘못된 곳을 클릭하거나 하신적이 있으시죠? 다시 말하자면, 사용자들이 예상치 않게 페이지가 로딩되는 동안 이동하는 요소와 상호작용하는 등 유저 경험을 저해하는 요소들을 평가하기 위함입니다.
TEXT-HTML 비율 최적화하기
아래 단계들을 활용해서 웹사이트의 TEXT-HTML 비율을 최적화하고 사용자 경험을 향상시켜보세요:
- HTML 코드가 유효한 코드인지 확인
- 불필요한 코드 제거
- 불필요한 텍스트 상 공백 제거
- 많은 탭을 입력 지양
- 코드에서 불필요한 주석 제거
- 테이블 형식 지양, 꼭 필요한 경우에만 테이블 사용
- 스타일 및 형식 지정에 CSS 사용
- 이미지 리사이징
- 불필요한 이미지 제거
- 필요한 경우에만 Javascript, Flash 사용
- 페이지 크기 300kb 미만으로 유지
- 사용자에게 보이지 않는 숨겨진 텍스트 제거
- 내부 링크 사용(내부 링크를 통해 Topic cluster를 구축)
- 페이지에 항상 일정량의 텍스트를 포함하도록 노력(사용자들이 쉽게 이해할 수 있는 고품질 설명글)
*해당 아티클은 Woorank 공식 블로그에 있는 Boris Demaria의 글 Are Text to HTML Ratios Important?
를 번역하였습니다.
