「자세히 보기」 같은 링크 문구의 문제

같은 버튼 문구 뒤에 있는 서로 다른 문서

Google은 좋은 앵커 텍스트가 구체적이고 간결하며 출발 페이지와 연결되는 페이지에 관련돼야 한다고 설명합니다. 「여기를 클릭」이나 「자세히 알아보세요」처럼 너무 일반적인 문구는 좋지 않은 예로 제시됩니다. 현재 카드의 연결을 다듬는다면 다음 문서에서 읽을 주제를 짧게 드러내는 방식을 검토할 수 있습니다. 일반 문구를 다른 일반 문구로 바꾸는 것만으로 목적지 정보가 늘지는 않습니다.

Google은 주변 문맥을 제외한 앵커 텍스트만 읽어 구체적인 정보가 있는지 판단하라고 안내합니다. 이 방법은 카드 제목을 숨기라는 화면 제작 지시가 아닙니다. 주변 제목을 이미 알고 있다는 가정 없이 링크 자체가 무슨 페이지를 가리키는지 점검하는 읽기 방식입니다. 카드 전체를 읽을 때와 연결 문구만 읽을 때 각각 어떤 정보가 남는지 비교할 수 있습니다.

문서의 제목을 링크에 활용할 때에는 현재 목적지의 실제 제목과 범위를 읽습니다. 제목을 그대로 넣는 선택도 가능하지만, 그 제목이 길거나 주제를 충분히 설명하지 못하면 링크가 담당할 정보를 따로 정할 수 있습니다. 카드의 설명 문단 전체를 클릭 문구로 삼는 선택은 간결성 측면에서 검토할 수 있습니다. Google은 지나치게 긴 링크 텍스트와 간결하게 다듬은 표현을 구분해 보여 줍니다.

링크 주변의 문장도 독자가 기대할 내용을 정합니다. Google은 링크 앞뒤 단어가 중요하고 전체 문장을 읽어야 한다고 설명합니다. 카드 제목이 구체적이어도 주변 문장이 다른 내용을 약속한다면 목적지와 함께 비교할 필요가 있습니다. 실제 진료 문서에 없는 치료 조건이나 결과를 버튼의 설명으로 만들어 넣지 않습니다. 링크 수정은 임상 정보의 추가 작성 권한을 대신하지 않습니다.

여러 링크를 연속으로 배치하면 독자가 각 링크를 구분하기 어렵고 주변 텍스트가 사라질 수 있다고 Google은 설명합니다. 반복 카드라는 배치 자체를 금지하는 안내는 아닙니다. 한 문장에 여러 클릭 영역을 끊김 없이 넣은 상태와 각 카드가 제목·설명을 가진 상태를 구분해야 합니다. 목록을 실제로 읽고 어디에서 각각의 이동 이유가 사라지는지 판단할 수 있습니다.

주제의 차이와 기능의 일관성을 함께 유지

W3C의 Consistent Identification 기준은 여러 웹페이지의 집합 안에서 같은 기능을 제공하는 구성요소를 일관되게 식별하도록 요구합니다. 핵심은 익숙한 기능을 다른 페이지에서도 알아보고 이전에 얻은 지식을 다시 사용할 수 있게 하는 데 있습니다. 이를 카드 목록에 적용할 때에도 각 링크의 주제가 다르다는 사실과 문서를 여는 동작을 알아볼 수 있다는 사실을 함께 검토합니다.

이 기준은 같은 기능을 가진 모든 요소에 글자까지 완전히 같은 이름을 붙이라는 뜻이 아닙니다. 상황이나 목적을 더 잘 반영하면서 사용자가 같은 기능을 인식할 수 있다면 식별 표현의 차이가 적절할 수 있다고 W3C는 설명합니다. 카드마다 목적지의 주제를 드러내는 문구를 쓰는 선택을 일관성 위반으로 자동 판정하지 않습니다. 표현의 유사성보다 실제 기능을 알아볼 수 있는지가 기준입니다.

같은 기능은 사용했을 때 같은 결과를 제공하는 것으로 정의됩니다. W3C는 서로 다른 페이지의 검색 버튼이 검색어를 입력받아 관련 주제를 나열하는 경우를 설명합니다. 카드가 모두 문서를 여는 형태로 보여도 실제 결과가 다른 기능이라면 화면이 비슷하다는 이유만으로 같은 식별을 요구하지 않습니다. 현재 링크가 페이지를 여는지, 파일을 제공하는지, 별도 동작을 실행하는지는 실제 구현으로 읽어야 합니다.

익숙한 기능의 명칭이 페이지마다 달라지면 사용자는 다른 동작이라고 오해하거나 같은 기능인지 판단하는 데 시간을 쓸 수 있습니다. W3C는 스크린 리더 사용자가 보조기술이 읽는 익숙한 제어 요소를 인식하고, 인지 장애가 있는 사용자는 시각적 식별에 의존할 수 있다고 설명합니다. 따라서 눈에 보이는 카드 문구만으로 모든 이용자가 같은 안내를 받는다고 가정하지 않습니다.

식별은 화면의 라벨, 접근 가능한 이름, 대체 텍스트, 아이콘 등으로 전달될 수 있다고 W3C는 안내합니다. 특정 수단 하나를 필수로 지정하는 기준은 아니며 사용자가 같은 기능을 일관되게 인식할 수 있어야 합니다. 버튼 폭을 줄이는 과정에서도 어떤 정보가 화면에 남고 보조기술에는 어떤 이름이 제공되는지 나누어 읽을 수 있습니다. 아이콘으로 변경했다는 사실만으로 식별이 개선됐다고 보고하지 않습니다.

문구를 바꾼 뒤 실제 연결에서 읽을 조건

반응형 화면에서는 같은 기능을 알아볼 수 있게 하면서 표현 방식이 달라질 수 있습니다. W3C의 공식 설명은 큰 화면의 검색 텍스트와 작은 화면의 돋보기 아이콘·검색 접근 가능한 이름을 구분해 제시합니다. 화면 크기에 따라 똑같은 글자 수를 강제하는 기준으로 읽지 않습니다. 병원의 실제 카드가 좁은 화면에서 어떤 식별 정보를 남기는지 조사할 수 있습니다.

아이콘이 같아도 상황에 따라 다른 기능을 맡을 수 있다는 설명도 W3C에 있습니다. 공식 문서는 체크 표시가 승인·완료·포함 같은 기능을 나타낼 수 있으므로 모든 페이지에서 대체 텍스트를 단순히 체크 표시로 쓰는 것이 기능 이해를 돕지 않는다고 안내합니다. 카드를 고칠 때 이미지의 모양 이름과 연결 동작의 뜻을 구분할 수 있습니다. 아이콘을 통일한 작업만으로 목적지가 명확해졌다고 판단하지 않습니다.

Google이 크롤링할 링크에서는 일반적으로 href 속성을 가진 a 요소가 필요합니다. href 없는 a 요소나 스크립트 이벤트로 링크처럼 작동하는 다른 태그에서는 URL을 안정적으로 추출할 수 없다고 설명합니다. 버튼에 구체적인 문구를 넣었더라도 검색로봇이 실제 목적지 주소를 읽는 구조인지는 다른 질문입니다. 문장 교정과 링크 마크업 검토를 각각 수행할 수 있습니다.

Google은 a 요소 사이에 앵커 텍스트를 배치하도록 안내합니다. 클릭 영역의 주변에 문서 제목이 있다는 상태와 실제 연결 요소 안에 그 텍스트가 들어 있는 상태를 구분할 수 있습니다. 카드 전체를 누를 수 있도록 만든 구현에서는 무엇이 연결 텍스트로 제공되는지 소스를 읽어야 합니다. 특정 제작 도구의 설정을 모른 채 모든 카드가 같은 이름으로 처리된다고 추측하지 않습니다.

링크 문구를 자바스크립트로 삽입하는 경우 Google은 URL 검사 도구로 렌더링된 HTML 안에 텍스트가 있는지 조사하도록 안내합니다. 작성 화면에 입력한 문장과 검색로봇이 처리하는 최종 결과는 같은 자료라고 가정할 수 없습니다. 실제 렌더링 결과를 읽지 않은 상태에서 스크립트 기반 카드가 항상 불가능하거나 항상 적절하다는 규칙을 만들지 않습니다.

구체적인 문구를 만든다며 목적지 관련 키워드를 모두 나열하지 않습니다. Google은 자연스러운 앵커를 작성하고 다음 페이지를 이해하는 데 필요한 키워드인지 판단하라고 권장합니다. 카드 제목의 모든 단어와 검색할 법한 지역명을 길게 이어 붙이는 작업은 설명을 구체화하는 목적과 구별해야 합니다. 정확한 링크는 긴 링크와 같은 의미가 아닙니다.

이어서 읽을 주제

페이지 내용을 설명하는 데이터에는 무엇을 넣는지 이어 읽습니다.

구조화 데이터

홈페이지의 정보와 이동 경로를 무엇부터 기획하는지 이어 읽습니다.

병원 홈페이지 기획