가정폭력 피해자 지원 사이트의 SEO와 브라우저 흔적을 함께 설계하는 법
출처와 작성 범위: 이 글은 r/webdev에 공개된 질문과 공개 기술 문서를 바탕으로 한 분석입니다. 해당 사이트를 직접 설계하거나 운영한 경험담이 아닙니다.
검색엔진에는 사이트의 목적이 분명하게 보여야 하지만, 브라우저에는 그 목적이 위험한 흔적으로 남지 않아야 합니다.
질문의 핵심은 단순합니다. 위기에 처한 사람이 지원 사이트를 검색으로 찾아야 하므로 제목은 설명적이어야 합니다. 그런데 같은 제목이 브라우저 탭, 방문 기록, 주소창 자동완성에 남으면 다른 사람이 기기를 확인할 때 위험 신호가 될 수 있습니다.
검색 노출과 안전한 사용은 같은 화면에서 결정되지 않습니다
검색엔진은 제목 태그만 보지 않습니다. 페이지의 제목, 본문 제목, 본문 문맥, 구조화 데이터 등 여러 신호를 함께 사용해 검색 결과의 제목과 설명을 만들 수 있습니다. 따라서 브라우저 탭 제목 하나를 중립적으로 바꾸는 것만으로 검색 노출을 완전히 통제할 수는 없습니다.
반대로 브라우저는 제목을 탭에만 보여주지 않습니다. 방문 기록, 주소창 자동완성, 작업 표시줄, 링크 미리보기 같은 다른 표면에도 정보가 남을 수 있습니다. “탭 제목을 날씨로 바꾸면 끝”이라는 접근이 부족한 이유입니다.
설계 원칙
- 검색용 설명과 화면용 기본 제목을 분리합니다. 페이지 본문과 H1에는 사용자가 찾은 내용을 분명하게 설명하되, 초기 탭 제목은 민감한 주제를 직접 드러내지 않는 방식으로 검토합니다.
- 안전 모드는 선택이 아니라 상태로 설계합니다. 사용자가 읽는 동안에도 중립 제목을 유지할 수 있어야 하고, 원할 때만 현재 위치를 확인할 수 있어야 합니다.
- URL과 공유 미리보기를 함께 점검합니다. 제목을 중립화해도 URL 경로, og:title, og:description, 메시지 미리보기에서 주제가 노출될 수 있습니다.
- 기록을 지운다고 안전이 보장되지는 않습니다. 자바스크립트로 현재 기록을 바꾸거나 이탈 버튼을 제공할 수는 있지만, 모든 브라우저·기기·감시 상황을 통제할 수는 없습니다.
- 검색엔진에 다른 콘텐츠를 보여주지 않습니다. 안전을 위한 UI 처리는 검색 결과를 조작하는 클로킹과 구분해 검토해야 합니다. 본문 내용과 검색 대상 콘텐츠의 일관성이 우선입니다.
출시 전 점검표
- 검색 결과 제목과 설명에 지원 목적이 정확히 드러나는가?
- 탭, 작업 표시줄, 방문 기록, 자동완성에 민감한 문자열이 남는가?
- URL, og 메타데이터, 공유 미리보기에 같은 정보가 반복되는가?
- 빠른 이탈 버튼이 실제로 현재 페이지를 벗어나게 하는가?
- 중립 제목 상태에서도 사용자가 현재 위치를 확인할 방법이 있는가?
- 스크린리더, 모바일 브라우저, 뒤로 가기, 새로고침에서 동작이 일관적인가?
민감한 사이트의 SEO는 많이 노출시키는 기술만으로 끝나지 않습니다. 발견되어야 하는 정보와 남지 않아야 하는 흔적을 서로 다른 레이어에서 다루는 일이 핵심입니다.