모바일 친화성 테스트

모바일 친화성이 SEO에 중요한 이유

2019년 이후, 구글은 모든 웹사이트에 모바일 우선 색인을 사용하고 있습니다. 이는 구글이 주로 사이트의 모바일 버전을 순위와 색인에 사용한다는 의미입니다. 사이트가 모바일 기기에서 제대로 작동하지 않으면 데스크톱 경험이 아무리 뛰어나도 순위 상승이 어렵습니다. 현재 전체 구글 검색의 60% 이상이 모바일 기기에서 이루어져 모바일 최적화는 필수입니다.

열악한 모바일 경험은 이탈률을 높입니다. 구글에 따르면 3초 이상 로드되는 사이트를 모바일 사용자의 53%가 떠납니다. 지연 1초당 전환율이 약 7% 감소합니다. 이 도구는 모바일 성능을 저해하는 요인을 정확히 파악하도록 도와줍니다.

Lighthouse 점수 이해하기

이 도구는 PageSpeed Insights API를 통해 실제 구글 Lighthouse 감사를 실행합니다. Chrome DevTools와 동일한 엔진을 사용합니다. 네 가지 점수를 받게 됩니다:

• 성능 (0-100)은 로딩 속도, 상호작용성 및 시각적 안정성을 측정합니다. First Contentful Paint, Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift, Speed Index와 같은 지표를 포함합니다.
• 접근성 (0-100)은 색 대비, ARIA 레이블, 헤딩 구조, 키보드 탐색 등 장애인 사용성을 평가합니다.
• 모범 사례 (0-100)는 HTTPS, 이미지 비율, 콘솔 오류, 사용 중단된 API와 같은 최신 웹 개발 표준을 확인합니다.
• SEO (0-100)는 메타 태그, 크롤링 가능한 링크, 유효한 robots.txt, 구조화 데이터와 같은 기본 SEO 요구 사항을 검증합니다.

점수는 색상으로 구분됩니다: 녹색 (90-100)은 양호, 주황색 (50-89)은 개선 필요, 빨간색 (0-49)은 불량. 모바일 검색 성능 최적화를 위해 네 카테고리 모두 90점 이상을 목표하세요.

핵심 모바일 사용성 요소

Lighthouse 점수 외에도 모바일 친화성은 다섯 가지 핵심 사용성 검사를 기반으로 합니다:

• Viewport 메타 태그 — 페이지가 모바일 화면에 올바르게 확대/축소되도록 보장합니다. 없을 경우 모바일 브라우저가 데스크톱 너비로 페이지를 표시해 텍스트가 읽기 어려워집니다.
• 글꼴 크기 — 모바일에서 텍스트는 최소 12px이어야 확대 없이 읽을 수 있습니다. 작은 글꼴은 사용자가 손가락으로 확대하도록 만들며, 구글은 이를 열악한 모바일 경험으로 간주합니다.
• 탭 대상 — 버튼과 링크는 충분한 크기(최소 48x48 CSS 픽셀)와 간격을 가져야 사용자가 손가락으로 정확히 탭할 수 있습니다.
• 콘텐츠 너비 — 모든 콘텐츠는 가로 스크롤 없이 뷰포트에 맞아야 합니다. 화면보다 넓은 요소는 불편한 경험을 초래합니다.
• 플러그인 사용 — Flash와 같은 플러그인은 대부분의 모바일 브라우저에서 지원되지 않으며, 사이트가 구식이며 모바일 친화적이지 않음을 나타냅니다.

이 도구를 지역 순위 검사기와 함께 사용하여 모바일 문제가 로컬 검색 순위에 미치는 영향을 확인하고, 스키마 생성기를 사용해 구조화 데이터를 추가하여 SEO 점수를 향상시키세요.