목포 모바일 홈페이지 점검 — 모바일 친화성 테스트가 없어진 뒤 확인하는 법

목포 모바일 홈페이지가 휴대폰에서 깨지는지 보려고 예전 '모바일 친화성 테스트'를 찾으셨다면, 그 도구는 이제 없습니다. 구글은 2023년 12월 1일 서치 콘솔 모바일 사용성 보고서, 모바일 친화성 테스트 도구와 API를 종료했고, 대신 쓸 자료로 Chrome의 Lighthouse를 들었습니다. 지금은 실제 휴대폰 → Chrome 기기 모드 → Lighthouse(PageSpeed Insights) 순서로 확인하면 됩니다. 아래 기준은 Google · Chrome 공식 문서에서 확인한 내용입니다.

1모바일 친화성 테스트는 어디로 갔나요?

구글 검색 센터 블로그(2023년 4월)는 2023년 12월 1일부터 서치 콘솔의 '모바일 사용성' 보고서, 모바일 친화성 테스트 도구, 모바일 친화성 테스트 API를 종료한다고 알렸습니다. 같은 글은 모바일 사용성이 여전히 중요하고 페이지 경험 안내의 일부로 남는다고 밝히면서, 그동안 나온 평가 자료의 예로 Chrome의 Lighthouse를 들었습니다. 검색 센터 문서 업데이트 기록에도 그날 관련 언급을 문서 전체에서 지웠다고 적혀 있습니다.

2휴대폰과 PC에서 각각 무엇을 보나요?

1. 실제 휴대폰으로 엽니다. 와이파이와 데이터에서 한 번씩 열고, 메뉴 · 전화 버튼 · 지도 · 예약을 끝까지 눌러 봅니다(일반 요령).
2. PC의 Chrome에서 기기 모드를 켭니다. 개발자 도구(F12)를 열고 기기 툴바 전환 버튼을 누르면 폭 320px(소형) · 375px(모바일 M) · 425px(모바일 L) 같은 사전 설정으로 화면을 바꿔 볼 수 있습니다.
3. 가로 스크롤이 생기는지 봅니다. 화면 폭을 줄였을 때 옆으로 밀리는 표 · 사진 · 배너가 있으면 그 부분부터 고칩니다(일반 요령).
4. Lighthouse를 돌립니다. PageSpeed Insights 휴대전화 탭이나 Chrome 개발자 도구의 Lighthouse에서 결과를 저장해 둡니다.

3화면이 통째로 작게 보이면 무엇부터 의심하나요?

PC 화면이 그대로 줄어든 것처럼 보이면 뷰포트 메타 태그를 먼저 봅니다. Lighthouse 문서는 이 태그가 없으면 휴대기기가 일반 데스크톱 폭으로 그린 뒤 줄여서 보여 주어 읽기 어려워진다고 설명합니다. 고치는 방법은 head 안에 한 줄을 넣는 것입니다.

<meta name="viewport" content="width=device-width, initial-scale=1">— Chrome for Developers — Lighthouse 뷰포트 항목 예시

• width=device-width는 화면 폭을 기기 폭에 맞추고, initial-scale=1은 처음 확대 배율을 정합니다.
• initial-scale을 1보다 작게 두면 두 번 눌러 확대하는 기능이 켜질 수 있고, 그때 모든 탭에 300밀리초 지연이 생긴다고 문서에 적혀 있습니다.
• 이 항목은 Lighthouse 13부터 'Optimize viewport for mobile' 인사이트(viewport-insight)로 옮겨졌습니다.

4버튼과 글자는 몇 픽셀이면 되나요?

Chrome 문서는 아이콘처럼 겉모양을 키우기 어려운 요소는 안쪽 여백(padding)을 늘려 누르는 영역만 넓히라고 안내합니다. 글자 크기 감사 항목은 Lighthouse 13에서 빠졌는데, 발표문은 작은 글자가 읽기 문제인 것은 맞지만 검색 신호로 남아 있다는 근거가 없고 유지 비용이 크다는 이유를 들었습니다. 점검표에서 빠졌을 뿐 손님이 읽기 어려운 것은 그대로이니 직접 확인합니다.

5휴대폰 화면에서만 빠지는 내용은 없나요?

화면은 멀쩡해도 구글이 읽지 못하는 부분이 생길 수 있습니다. 구글 검색 센터의 모바일 중심 색인 권장사항 가운데 화면 점검과 이어지는 항목만 추렸습니다.

• 눌러야 열리는 주요 내용 — 구글은 스와이프 · 클릭 · 입력처럼 사용자 동작이 필요한 콘텐츠는 불러오지 않는다고 안내합니다. 메뉴판 · 가격표를 '더보기'를 눌러야만 불러오게 만들었다면 확인합니다.
• robots.txt로 막은 파일 — 모바일 화면에 필요한 사진 · 스타일 파일 주소를 막아 두지 않았는지 봅니다.
• 사진 대체 텍스트와 화질 — 모바일 쪽 사진도 데스크톱과 같은 대체 텍스트를 두고, 너무 작거나 흐린 사진은 피하라고 권합니다.
• 구조화 데이터 · 제목 · 설명 — 모바일과 데스크톱 버전에 똑같이 들어가 있어야 합니다.

같은 문서는 반응형 웹 디자인을 구현과 유지보수가 가장 쉬운 방식으로 권장합니다. 내용 자체를 PC와 똑같이 맞추는 이야기는 원주 카탈로그 홈페이지 글에서 다뤘습니다.

6목포 가게는 언제까지 점검해 두면 좋을까요?

목포문화관광 누리집에 따르면 2026목포항구축제는 10월 16일(금)부터 18일(일)까지 3일간 목포항과 삼학도 일원에서 열리고, 파시장터 · RETRO 선창거리 · 바다콘서트 · 항구음악회 등이 마련됩니다. 같은 안내는 목포가 1897년에 개항했다고 소개합니다. 축제 기간에 영업시간이나 메뉴가 바뀐다면, 그 안내가 휴대폰에서 잘리지 않는지 축제 전에 위 순서로 확인해 두면 좋습니다.

큰길브리지는 목포 지역 홈페이지 점검과 수정을 전국 비대면으로 진행합니다. 혼자 보기 어렵다면 무료 SEO 점검에 주소를 남기시거나, 모바일 화면을 새로 맞추고 싶다면 제작 문의에 홈페이지 주소와 깨지는 화면 캡처를 보내 주세요.

자주 묻는 질문