병원 홈페이지 첫 화면 슬라이드와 검색의 관계

슬라이드 형식과 콘텐츠 로딩 조건

Google의 모바일 중심 색인 생성 지침은 주 콘텐츠를 사용자 상호작용에 따라 지연 로드하지 말라고 안내합니다. Google은 스와이프, 클릭, 입력이 있어야 로드되는 콘텐츠를 로드하지 않는다고 명시합니다. 이 조건은 슬라이드라는 디자인 이름에 대한 금지가 아닙니다. 어떤 조작을 해야 실제 자료를 가져오는지에 관한 설명이므로, 화면 전환 효과만 관찰해서 검색 처리 조건을 판단할 수는 없습니다.

이미 불러온 내용을 화면 안에서 전환하는 방식과 다음 내용을 조작 후에 가져오는 방식은 구별됩니다. 방문자의 눈에는 둘 다 같은 슬라이드처럼 느껴질 수 있지만 콘텐츠 제공 조건은 다릅니다. 병원의 핵심 소개를 두 번째 화면에 배치했다는 사실만으로 누락을 확정하기보다, 그 소개가 어떤 시점에 제공되는지를 확인해야 합니다. 화면 순서와 콘텐츠 로딩 순서를 같은 개념으로 취급하지 않습니다.

실제 병원 정보가 슬라이드에 들어 있다면 무엇이 주요 안내인지부터 정할 수 있습니다. 이용에 필요한 설명과 분위기를 위한 시각 요소를 구분하면 주 콘텐츠의 접근 조건을 점검할 대상이 분명해집니다. Google이 병원 소개 문구의 위치나 슬라이드 개수를 정해 둔 것은 아닙니다. 콘텐츠의 역할을 나누는 것은 해당 사이트의 편집 선택이며 실제 제공 정보에 근거해야 합니다.

슬라이드가 자동으로 전환되는 경우에는 방문자가 내용을 읽는 동안 이동하는지도 별도의 사용 조건으로 확인할 수 있습니다. 필요한 설명을 다시 읽거나 원하는 화면으로 돌아갈 수 있는지는 독자 입장에서 검토할 질문입니다. 다만 자동 전환 간격이나 정지 버튼의 유무를 이 두 공식 문서가 제시한 검색 순위 공식으로 표현하지 않습니다. 사용 편의의 판단과 검색엔진의 콘텐츠 접근 조건을 구별합니다.

모바일 화면에서 유지할 정보

Google은 색인 생성과 순위 지정에 스마트폰 에이전트로 크롤링한 모바일 버전의 콘텐츠를 사용한다고 설명합니다. 데스크톱의 큰 화면에서 슬라이드의 전체 문장이 읽힌다는 결과만으로 모바일의 조건도 검증됐다고 할 수 없습니다. 작은 화면에서 콘텐츠를 어떻게 제공하며 같은 주요 정보가 남아 있는지 대조해야 하는 이유입니다.

모바일 문서는 기기별 구성 방식도 구분합니다. 반응형 웹 디자인은 같은 URL에서 같은 HTML을 제공하되 화면 크기에 따라 표시를 다르게 할 수 있습니다. 동적 게재는 같은 URL에 기기별 HTML을 제공하며, 별도 URL 방식은 기기에 따라 다른 주소를 사용합니다. 슬라이드가 작아지는 모습을 확인하는 것만으로 사이트가 어느 구성인지 확정하기 어렵습니다. 구성 방식에 따라 두 버전을 대조할 대상이 달라집니다.

지침은 모바일과 데스크톱에 동일한 주 콘텐츠를 제공하라고 권장합니다. 모바일의 공간을 줄이려고 내용을 삭제하는 대신 아코디언이나 탭으로 이동할 수 있다고 설명합니다. 콘텐츠를 모두 같은 배치로 표시해야 한다는 뜻은 아닙니다. 또한 접힌 상태라는 이유만으로 상호작용 뒤에 새로 로드되는 콘텐츠와 같다고 단정하지 않습니다. 표시의 변화와 제공 정보의 누락을 분리해 확인합니다.

사이트의 모바일 버전과 데스크톱 버전이 다르게 제공되는 경우에는 제목과 메타 설명도 대조해야 합니다. Google은 두 버전에 동일한 메타데이터를 사용하도록 안내합니다. 슬라이드 문장의 길이나 크기를 조절한 작업이 페이지 제목과 설명의 일치까지 보장하지는 않습니다. 화면에서 읽는 내용과 페이지를 설명하는 데이터를 각각 확인할 수 있습니다.

두 버전의 robots meta 태그가 다른지도 관계됩니다. 모바일에 noindex 등 다른 태그가 적용되어 있으면 색인 생성이 제한될 수 있다는 것이 공식 안내입니다. 중요한 내용이 첫 로딩에 존재해도 접근이나 색인 처리를 막는 조건이 있으면 다른 문제입니다. 슬라이드 순서만 조정하면서 페이지 자체의 제한을 놓치지 않도록 화면 구성 외의 설정도 구별합니다.

구조화된 데이터가 있는 사이트라면 두 버전에 같은 데이터가 제공되는지도 관계됩니다. 모바일 지침은 올바른 URL 사용과 데이터 추출 오류 점검을 안내합니다. 소개 화면의 문장만 동일하게 수정하고 모바일 데이터에 다른 주소나 누락이 남는 경우를 구분할 수 있습니다. 이 조건은 데이터를 사용하는 사이트에 해당하며 모든 슬라이드에 특정 유형을 새로 추가하라는 뜻은 아닙니다.

이미지 자원과 접근 가능성

Google 이미지 권장사항은 이미지가 전체 페이지 크기를 결정하는 큰 요인이며 페이지를 느리게 하고 로드 비용을 높일 수 있다고 설명합니다. 여러 슬라이드에 큰 파일이 들어 있다면 최초 화면을 보여 주기 위해 어떤 이미지가 전송되는지 분석할 수 있습니다. 사진의 개수만으로 전송량을 확정하거나 특정 장수 이상이면 검색에서 불리하다는 기준을 만들지 않습니다.

이미지의 품질을 낮추는 것만으로 최적화를 끝내기는 어렵습니다. Google은 선명한 고품질 이미지가 사용자에게 매력적일 수 있다고 설명하면서 이미지 최적화와 반응형 이미지 기술을 함께 권장합니다. 모바일 중심 지침도 모바일에서 너무 작거나 해상도가 낮은 이미지를 피하라고 안내합니다. 읽기 어려운 그림으로 줄여 속도 문제를 덮는 방식보다 실제 제공 크기와 품질을 함께 확인해야 합니다.

반응형 이미지에는 기기에 맞는 파일을 선택하는 조건이 있습니다. Google 이미지 문서는 srcset과 picture를 설명하며 기본 img 요소의 src도 제공하도록 권장합니다. 지원하지 않는 브라우저와 크롤러에도 기본 이미지 주소가 있어야 하기 때문입니다. 슬라이드가 화면 폭에 맞춰 줄어든다는 사실과 적절한 이미지 파일이 선택되어 전송된다는 사실은 다른 확인 결과입니다.

이미지 파일의 주소도 안정적으로 유지되어야 합니다. 모바일 중심 문서는 페이지를 로드할 때마다 달라지는 이미지 URL을 사용하지 말라고 안내하며, 계속 바뀌는 주소는 Google의 리소스 처리와 색인 생성에 문제가 될 수 있다고 설명합니다. 슬라이드에 같은 그림이 나타나더라도 요청 주소가 매번 달라지는지를 구별할 수 있습니다. 시각적 동일성이 파일 주소의 동일성을 뜻하지는 않습니다.

페이지와 이미지 자원의 접근 조건도 각각 관계됩니다. 모바일 지침은 Google이 리소스를 크롤링할 수 있도록 disallow 규칙으로 URL을 차단하지 말라고 안내합니다. 첫 화면 자체에 접근할 수 있어도 그 안의 이미지 주소가 차단돼 있으면 자원을 처리하는 조건이 달라집니다. 페이지의 주소만 점검한 결과를 슬라이드의 모든 파일에 확대하지 않습니다.

Google은 이미지 페이지의 속도를 분석하는 도구로 PageSpeed Insights를 안내합니다. 이 도구로 사이트 속도를 분석하는 일과 슬라이드의 어느 문장이 상호작용 뒤에 로드되는지 확인하는 일은 목적이 다릅니다. 전송과 표시의 부담은 분석 결과를 통해 확인하고, 주 콘텐츠의 제공 시점은 실제 구성에 근거해 판단해야 합니다. 측정하지 않은 사이트에서 이미지만 원인이라고 확정하지 않습니다.

이어서 읽을 주제

홈페이지가 검색에서 발견되도록 어떤 조건을 확인할지 정하려면: 병원 홈페이지 · SEO.

첫 화면을 포함한 홈페이지 기획에서 무엇부터 정할지 판단하려면: 병원 홈페이지 기획.