디자인만 바꾸는 개편에서 SEO 점검의 필요 여부

화면 재배치와 핵심 정보 누락의 구별

Google은 스마트폰 에이전트로 크롤링한 모바일 버전의 콘텐츠를 색인 생성과 순위 지정에 사용한다고 설명합니다. 모바일 중심 색인 생성 권장사항은 모바일에 데스크톱과 동일한 콘텐츠가 포함되어 있는지 조사하도록 안내합니다. 새 모바일 디자인이 간단해졌다는 평가와 검색에 필요한 정보가 그대로 제공된다는 판단은 다른 질문입니다.

기존 내용을 아코디언이나 탭으로 옮겨 공간을 정리하는 방식은 가이드에서 제시하는 선택입니다. 공간을 확보하려고 콘텐츠를 삭제하는 것과 같은 변경으로 취급하지 않습니다. 화면에서 접힌 항목 안에 실제 안내가 존재하는지 읽고, 클릭이 단순한 표시 동작인지 추가 데이터가 필요한 로드 조건인지 구현자가 시험할 수 있습니다. 모든 접힌 콘텐츠를 검색에서 제외된 것으로 판단하는 설명은 아닙니다.

가이드는 스와이프·클릭·입력 같은 사용자 상호작용이 있어야 로드되는 콘텐츠를 Google이 로드하지 않는다고 명시합니다. 새 디자인의 편리한 동작을 도입했다면 주 콘텐츠가 그 동작에 의존하는지 조사할 이유가 됩니다. 독자가 화면에서 눌러 읽을 수 있다는 시험과 Google이 그 정보를 가져올 수 있다는 판단을 분리합니다.

동일한 콘텐츠라도 모바일과 데스크톱의 DOM이나 레이아웃이 다르면 Google이 다르게 이해할 수 있다는 설명이 있습니다. 개편에서 무엇이 변했는지 비교할 때 텍스트의 존재뿐 아니라 콘텐츠 구조도 대상이 됩니다. 반대로 두 버전에서 동일한 내용을 사용하면 같은 키워드에 대해 순위가 지정될 수 있다는 원칙이 특정 병원 개편의 성과 수치를 보장하는 뜻은 아닙니다.

모바일 구성과 새 템플릿의 출력 대조

먼저 개편할 사이트의 모바일 구성을 구별합니다. Google은 같은 URL과 HTML을 사용하고 화면 크기에 따라 표시가 달라지는 반응형 디자인, 같은 URL에서 기기에 따라 다른 HTML을 제공하는 동적 게재, 기기마다 다른 URL을 쓰는 구성을 설명합니다. 반응형 방식은 구현과 유지보수가 가장 쉽다는 이유로 권합니다. 모바일·데스크톱을 비교하는 추가 권고가 어떤 구성에 적용되는지도 원문의 조건에 맞게 읽습니다.

반응형 디자인에서는 두 버전의 콘텐츠와 메타데이터가 동일하며, 가이드의 관련 내용은 동적 게재와 별도 URL 구성에 적용된다는 범위 설명이 있습니다. 새 테마나 템플릿으로 바뀌는 작업이라면 실제 사용하는 구성을 조사한 뒤 비교 항목을 선택할 수 있습니다. 같은 웹주소를 쓴다는 사실만으로 모든 기기에 같은 HTML이 제공된다고 추정하지 않습니다.

주요 문서별로 이전 내용과 새 모바일 화면을 대조하는 검수안을 사용할 수 있습니다. 본문 설명 외에 다른 문서로 연결되는 요소가 새 템플릿에서 남는지 읽고, 디자이너가 선택한 배치와 개발자가 제공한 콘텐츠의 차이를 구별합니다. 링크를 새로 만드는 기술 문법 전체를 여기서 설명하기보다 실제 문서의 연결 역할이 사라졌는지 비교할 범위입니다.

모바일과 데스크톱의 robots 메타 태그를 동일하게 사용하라는 권고가 있습니다. 모바일에서 noindex나 nofollow를 다르게 사용하면 크롤링 또는 색인 생성이 어려워질 수 있다는 설명입니다. 화면이 새 디자인으로 정상 표시되는 상황에서도 공개 지시의 값은 별도로 조사합니다. 디자인 작업의 범위라는 명칭만으로 템플릿의 기술적 설정이 보존됐다고 판정하지 않습니다.

두 버전의 title 요소와 메타 설명도 동일하게 제공하도록 안내됩니다. 본문에서 의미 있는 제목을 사용하는 권고와 HTML의 메타데이터를 조사하는 작업은 다른 위치를 읽습니다. 모바일에 제목이나 설명이 누락되는 문제를 원문의 오류 목록이 다루고 있으므로 새 템플릿이 각 필드의 내용을 출력하는지 조사할 수 있습니다.

구조화된 데이터가 있다면 두 버전에 모두 존재하고 내용이 동일한지 조사해야 한다는 안내도 있습니다. 해당 데이터에 포함된 주소는 모바일 버전의 올바른 URL을 사용하도록 설명합니다. 사이트에 실제 제공하지 않는 데이터 유형을 새로 만들어 넣기보다 기존 데이터의 존재와 주소가 바뀌었는지를 개발자가 대조할 항목입니다.

이미지·동영상의 실제 제공 조건 조사

이미지의 표현을 바꾸는 개편에서는 크기와 품질을 조사할 수 있습니다. 가이드는 고화질 이미지를 제공하고 모바일에서 너무 작거나 해상도가 낮은 이미지를 사용하지 않도록 권합니다. 화면 공간이 줄어든 사실과 설명에 필요한 이미지가 제거된 상태를 구별합니다. 데스크톱에 있는 중요한 이미지가 모바일에 없는 상황도 문제 해결 항목에 포함됩니다.

지원되는 이미지 형식과 태그의 조건도 읽습니다. 공식 예는 SVG 형식 자체를 지원하더라도 인라인 SVG의 image 태그 안에 있는 jpg 이미지는 Google이 색인을 생성할 수 없다는 구별입니다. 형식 이름 하나가 지원된다고 모든 삽입 방법까지 같은 처리로 확대하지 않습니다. 새 디자인의 장식 요소가 실제 콘텐츠 이미지를 담는 방식인지 구현 자료에서 조사할 수 있습니다.

이미지 URL은 페이지를 로드할 때마다 달라지지 않도록 권합니다. 계속 달라지는 주소는 Google이 자원을 올바르게 처리하거나 색인을 생성하기 어렵다는 설명입니다. 시각적 결과가 같아 보여도 같은 자료가 안정된 주소에서 제공되는지 조사할 이유가 됩니다. 디자인 검수에서 보이는 픽셀의 상태와 리소스 주소의 상태는 다른 자료입니다.

이미지의 대체 텍스트와 관련 제목·캡션·파일 이름·텍스트도 모바일에서 데스크톱과 동일하게 사용하도록 안내됩니다. 사진의 모양만 옮겼어도 설명 속성이 빠지면 보존한 정보의 범위가 달라질 수 있습니다. 이전에 제공하던 의미를 새 템플릿에서 어떤 요소가 표현하는지 대조할 수 있으며 실제 사진이나 소개 문구를 자료 없이 생성하는 작업은 아닙니다.

동영상도 지원되는 형식과 태그로 제공하고, 로드할 때마다 URL이 달라지지 않도록 권합니다. 동영상은 video·embed·object 같은 HTML 태그로 식별된다는 설명입니다. 새 템플릿에 들어가는 재생 화면의 모양과 제공되는 실제 자원을 각각 조사할 수 있습니다. 사용자의 동작 뒤에만 주 콘텐츠를 가져오는 구현인지의 시험은 영상 영역에서도 적용됩니다.

휴대기기에서 동영상을 찾기 쉬운 위치에 배치하라는 권고가 있습니다. 사용자가 너무 아래로 스크롤해야 찾을 수 있다면 동영상 순위가 낮아질 수 있다는 예입니다. 이미지나 영상의 위치를 변경하는 시안이라면 본문과의 관계뿐 아니라 이용자가 해당 콘텐츠를 발견하는 과정도 비교할 수 있습니다. 특정 화면 위치나 순위 상승 폭을 수치로 약속하는 지침은 아닙니다.

모바일과 데스크톱에서 서로 다른 이미지 URL을 쓰는 경우도 구별할 조건입니다. 가이드는 모바일 중심 색인 생성으로 전환하는 동안 일시적인 이미지 트래픽 손실이 발생할 수 있다고 설명합니다. 모바일 이미지 주소가 색인 생성에 처음 사용되어 새로운 URL이 검색결과를 얻는 데 시간이 걸리기 때문입니다. 이를 피하려면 두 버전에서 같은 이미지 URL을 사용하도록 안내하며, 일시적인 손실을 수용한다면 추가 조치가 필요하지 않다는 조건도 제시합니다. 페이지 주소가 그대로인 개편에서도 이미지 자원의 주소가 바뀌었는지는 별도로 비교할 수 있습니다.

관련 주제

주소 정리의 다음 질문은 사이트맵과 정규 주소에서, 기관 이미지의 변경은 병원 리브랜딩에서 이어서 읽을 수 있습니다.