병원 홈페이지 글자 크기와 검색 평가의 관계

읽는 경험과 검색 평가의 구분

구글의 페이지 경험 안내는 핵심 순위 시스템이 우수한 페이지 경험을 제공하는 콘텐츠에 보상을 제공한다고 설명합니다. 한두 가지 측면에만 몰입하기보다 전반적인 경험을 개선하라는 권고입니다. 동시에 순위 지정에 사용하는 단일 페이지 경험 신호는 없으며 여러 신호를 사용한다고 안내합니다. 글자 크기 하나를 전체 평가와 같은 것으로 취급하지 않습니다.

구글은 Core Web Vitals가 순위 시스템에 사용된다고 설명합니다. 그 외의 페이지 경험 측면은 순위를 높이는 데 직접적인 도움이 되지 않지만 사용자 만족도를 높일 수 있다는 구분도 제시합니다. 글자를 읽기 편하게 조정하는 작업을 Core Web Vitals 측정과 동일한 점수 변화로 보고하지 않습니다. 두 작업에서 얻은 자료가 무엇을 설명하는지 따로 해석할 수 있습니다.

W3C의 Resize Text 성공 기준 1.4.4는 자막과 텍스트 이미지를 제외한 텍스트를 보조 기술 없이 200%까지 확대해도 내용이나 기능의 손실이 없어야 한다고 설명합니다. 여기의 200%는 접근성 기준에 제시된 수치입니다. 검색 순위를 올리는 글자 크기나 모든 본문의 기본 설정값을 정하는 숫자가 아닙니다. 기본 크기를 어떤 값으로 정할지와 확대 가능성을 검증하는 일은 별도 질문입니다.

이 기준의 의도에는 글자를 더 크게 읽어야 하는 이용자가 화면의 문구를 읽기 쉽게 한다는 설명이 있습니다. 텍스트로 된 제어 요소와 레이블도 포함됩니다. 본문을 확대할 수 있다는 상태만 조사하고 메뉴나 버튼의 문구는 제외하지 않습니다. 이용자가 내용을 이해한 뒤 필요한 동작을 할 수 있는지까지 읽기 검토의 범위를 정할 수 있습니다.

확대 과정에서 내용과 기능의 유지

점검할 때에는 페이지의 주소와 화면 조건, 사용한 확대 방법을 함께 기재할 수 있습니다. 기본 표시에서 읽기 어려운 위치를 찾고 확대하며 어떤 변화가 생기는지 대조합니다.

W3C는 사용자 에이전트가 지원하는 텍스트 확대 방식 가운데 적어도 하나로 200%까지 확대할 수 있으면 이 성공 기준을 충족한다고 설명합니다. 전체 페이지 확대와 텍스트만 확대하는 방식 등은 같은 화면 결과를 만들지 않을 수 있습니다. 사용한 방식이 무엇인지 기록해야 발견한 문제를 다시 대조할 수 있습니다. 모든 브라우저가 동일하게 확대한다는 가정으로 기록하지 않습니다.

확대 기능이 100%에서 200% 사이에 여러 단계를 제공한다면 그 중간 단계에서도 내용이나 기능이 손실되지 않아야 한다고 W3C는 설명합니다. 마지막 크기에서만 문구가 보인다고 점검을 마치지 않습니다. 확대 중 레이아웃이 바뀌는 단계에서 버튼이 사라지거나 설명이 가려지는지 조사할 수 있습니다. 시작 화면과 마지막 화면을 비교하는 것만으로 놓칠 수 있는 부분입니다.

내용이 잘리거나 다른 요소에 가려지는 상태와 단순히 화면의 배치가 달라진 상태를 구분할 수 있습니다. 원문은 텍스트 확대 때문에 텍스트, 이미지 또는 제어 요소가 잘리거나 감춰지는 실패를 제시합니다. 문구를 크게 했는데 필요한 일부를 읽을 수 없다면 크기 변경 자체가 성공했다고 기록하지 않습니다. 줄 간격과 주변 요소의 배치도 해당 문제와 함께 대조할 수 있습니다.

텍스트 기반의 입력 요소가 확대되지 않는 경우도 W3C의 실패 항목에 포함됩니다. 입력 화면에서는 주변 본문만 커졌는지 입력칸의 글자와 설명도 함께 읽히는지 조사할 수 있습니다. 버튼이나 입력칸의 틀을 크게 만들었다는 사실과 그 안의 문구를 확대할 수 있다는 사실을 구분합니다. 새 내용을 만들어 넣는 방식이 아니라 기존에 필요한 문구가 유지되는지를 검토합니다.

화면 조건이 바뀌는 경우의 해석

텍스트를 확대하는 기능은 주로 사용자 에이전트가 담당하며 작성자는 그 확대를 효과적으로 수행하지 못하게 만드는 콘텐츠를 만들지 않아야 한다고 W3C는 설명합니다. 브라우저에 확대 기능이 있다는 이유만으로 페이지가 확대를 잘 지원한다고 가정하지 않습니다. 그 기능과 실제 배치가 함께 작동하는지 조사합니다. 사이트가 직접 크기 조정 기능을 제공하는 경우에도 내용 유지 여부를 대조해야 합니다.

사용하는 기술의 사용자 에이전트가 특정 확대 방식을 지원하지 않는다면 작성자는 기능을 직접 제공하거나 지원되는 방식에서 작동할 콘텐츠를 제공해야 한다는 안내가 있습니다. 전체 페이지 확대를 지원하지 않지만 글자 크기는 바꿀 수 있는 상황에 대한 설명도 포함됩니다. 어떤 기능을 사용할 수 있는지 조사한 뒤 그 조건에서 내용이 유지되는지를 읽을 수 있습니다.

반응형 사이트처럼 화면 크기에 따라 자동으로 다른 배치를 보여 주는 경우에도 이 기준은 각 변형에 적용된다고 W3C는 설명합니다. 확대 과정에서 다른 미디어 쿼리 조건이 활성화될 수 있으므로 하나의 화면 구간 안에서만 변화를 해석하지 않습니다. 특정 구간에 계속 머무르면서 200%를 달성해야 한다는 뜻은 아니며 기본 상태와 비교해 두 배의 확대가 가능한지가 핵심이라는 안내입니다.

기본 화면의 숫자와 실제로 보이는 확대를 혼동하지 않도록 할 필요도 있습니다. W3C는 반응형 배치 변경에서 CSS의 글자 크기 설정이 달라지더라도 확대된 표시의 크기를 기준으로 대조하는 설명을 제시합니다. 설정된 숫자만 읽고 화면이 더 작아졌다고 결론 내리지 않습니다. 같은 문구가 기본 상태와 비교해 어떻게 표시되는지 조사할 수 있습니다.

W3C의 기법 목록에는 텍스트가 확대될 때 컨테이너도 크기가 바뀌도록 하는 방식과 상대적인 측정값을 사용하는 방법이 포함됩니다. 글자만 바꾸고 그 글자를 담는 영역은 같은 크기로 고정하는 상태를 조사할 수 있습니다. 원문은 기법이 최소 요구를 넘어설 수 있고 목록에 없는 충족 방법도 있을 수 있다고 설명하므로 한 가지 CSS 단위만을 필수 해법으로 지정하지 않습니다.

구글의 페이지 경험 자체 평가에는 휴대기기에 콘텐츠가 제대로 표시되는지, 주요 콘텐츠와 다른 콘텐츠를 쉽게 구분할 수 있는지도 포함됩니다. 글자 크기를 조정할 때 주변의 광고나 겹쳐지는 안내가 핵심 내용을 방해하는지도 따로 읽을 수 있습니다. 큰 문구가 항상 주요 콘텐츠라는 뜻은 아닙니다. 페이지에서 이용자가 읽으려는 내용이 다른 요소 때문에 감춰지는지 조사합니다.

W3C는 200%를 글자의 폭과 높이가 각각 두 배가 되는 확대라고 설명합니다. 더 큰 확대를 지원할 수도 있지만 확대가 심해지면 적응형 배치에서 이용 문제가 생길 수 있다고 안내합니다. 단어가 가로 공간에 들어가지 않거나 한 줄에 단어 하나만 들어가 세로로 이어지는 상황 등이 설명됩니다. 200%를 넘는 상태까지 같은 텍스트 확대 방식으로 다루는 일을 이 기준의 의무 조건으로 추가하지 않습니다.

원문에는 viewport 단위로 글자 크기를 잘못 조정하는 실패 항목도 있습니다. 창이 달라졌을 때 글자와 화면이 어떤 비율로 변하는지 조사할 수 있습니다. CSS에 상대적인 값이 있다는 사실만으로 실제 확대가 가능하다는 검증을 마치지 않습니다. 적용된 단위와 화면에서 일어나는 변화가 대응하는지 읽어야 합니다.

이어서 읽을 주제

화면과 콘텐츠의 전체 검색 구조를 검토할 때: 병원 홈페이지 · SEO.

가독성 문제와 기술 개선의 범위를 정할 때: 병원 홈페이지 SEO 대행.