가이드로 돌아가기

모바일 준비성: 모바일 우선 색인 실제로 확인하는 내용

구글은 귀하 사이트의 모바일 렌더링을 색인합니다. 모바일과 데스크톱 제목, 정규화, 로봇 메타의 뷰포트 설정 및 일치 여부를 확인하는 방법.

구글은 귀하 사이트의 모바일 버전을 색인합니다. 모바일 렌더링은 저장, 점수 부여 및 제공되는 버전이며, 전화와 데스크톱 검색자 모두에게 동일합니다. 데스크톱에 존재하고 모바일에 없으면 실질적으로 부재한 것으로 간주됩니다. 이는 일치를 실제 주제로 만듭니다. 반응형 사이트는 일반적으로 한 개의 HTML 문서에서 두 뷰포트를 렌더링하므로 수고 없이 통과합니다. 별도의 모바일 마크업을 제공하거나 사용자 에이전트에 따라 서버 측에서 조정하는 사이트는 격차가 발생합니다: 축약된 제목, 삭제된 메타 설명, 다른 H1, 데스크톱 URL를 가리키는 정규화, 또는 두 렌더링 간에 다른 로봇 메타. 뷰포트 메타 태그가 조건입니다. 없으면 모바일 브라우저는 데스크톱 너비 레이아웃을 가정하고 축소하여, CSS가 얼마나 정교하게 작성되었는지와 관계없이 사용성 평가에 실패합니다. 서버 측 조정은 User-Agent를 명시하는 Vary 헤더를 추가로 요구합니다. 캐시와 크롤러가 장치별로 응답이 변함을 알 수 있도록 합니다. 없으면 CDN이 모바일 크롤러에게 캐시된 데스크톱 응답을 제공할 수 있습니다. 이 검사는 귀하의 홈페이지를 두 번 가져옵니다: 한 번은 데스크톱 클라이언트로, 한 번은 모바일 클라이언트로, 그런 다음 검색 엔진이 실제로 저장하는 요소를 비교합니다.

뷰포트 메타 태그 누락

왜 중요한가

검색 엔진은 사이트의 모바일 버전을 먼저 읽으므로 모바일 불일치가 사이트 전체 이해 방식을 좌우합니다.

어떻게 체크하는가

뷰포트 메타 태그가 모바일 준비성을 위해 확인되었습니다.

어떻게 해결하는가

<meta name='viewport' content='width=device-width, initial-scale=1'>'를 <head>에 추가하세요.

뷰포트가 모바일 최적화되지 않음

어떻게 체크하는가

뷰포트 내용이 width=device-width인지 확인되었습니다.

어떻게 해결하는가

뷰포트 메타 태그를 'width=device-width, initial-scale=1'로 설정하여 레이아웃이 기기에 맞게 조정되도록 하세요. 핀치 줌은 사용할 수 있도록 남겨 두세요. 'user-scalable=no' 또는 5 미만의 maximum-scale은 모바일 최적화가 아니라 접근성 결함(WCAG 1.4.4)입니다.

모바일 상태 코드 불일치

어떻게 체크하는가

홈페이지 상태 코드를 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지가 스마트폰과 데스크톱 사용자 에이전트에 동일한 HTTP 상태 코드를 반환하도록 하세요.

모바일 최종 URL 불일치

어떻게 체크하는가

홈페이지 최종 URL을 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지가 스마트폰과 데스크톱 사용자 에이전트에서 동일한 최종 URL로 해석되도록 하세요.

모바일 제목 불일치

어떻게 체크하는가

홈페이지 제목을 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지 제목 태그가 스마트폰과 데스크톱 사용자 에이전트에서 동일하도록 하세요.

모바일 메타 설명 불일치

어떻게 체크하는가

홈페이지 메타 설명을 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지 메타 설명이 스마트폰과 데스크톱 사용자 에이전트에서 동일하도록 하세요.

모바일 H1 불일치

어떻게 체크하는가

홈페이지 H1을 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지 H1 제목이 스마트폰과 데스크톱 사용자 에이전트에서 동일하도록 하세요.

모바일 Canonical 불일치

어떻게 체크하는가

홈페이지 Canonical을 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지 Canonical 태그가 스마트폰과 데스크톱 사용자 에이전트에서 동일하도록 하세요.

모바일 robots 메타 불일치

어떻게 체크하는가

홈페이지 robots 메타를 스마트폰과 데스크톱 사용자 에이전트 간에 비교했습니다.

어떻게 해결하는가

홈페이지 robots 메타 지시어가 스마트폰과 데스크톱 사용자 에이전트에서 동일하도록 하세요.

모바일 Vary 헤더 누락

어떻게 체크하는가

홈페이지 Vary 헤더에 User-Agent 포함 여부를 확인했습니다.

어떻게 해결하는가

캐시가 모바일과 데스크톱 사용자에게 올바른 버전을 제공하도록 홈페이지 응답 헤더에 'Vary: User-Agent'를 추가하세요.

사이트 순위 확인하기

실행 가능한 인사이트와 우선 순위 수정을 포함한 무료 AI 기반 SEO 보고서를 받아보세요.

가입 필요 없음.