서비스/service 업종/industry 지역/local 사례/case 가격/pricing 가이드/guide 자료실/resource

바로가기

견적 계산기 내 순위 조회 문의하기
실무 아티클

홈페이지가 모바일에서 깨질 때

모바일에서 글자가 잘리거나 화면이 가로로 밀린다면 원인은 대체로 정해져 있습니다. 지금 검색 유입의 대부분이 모바일이라 이 문제는 미룰 수 없습니다.

이 글은 이런 분을 위한 글입니다.
홈페이지가 문제를 스스로 확인하려는 단계

1단계

화면을 좌우로 밀어 보십시오. 움직인다면 어딘가에 화면보다 넓은 요소가 들어 있는 것입니다. 대부분 큰 이미지나 표입니다.

2단계

표를 그대로 넣은 구간을 찾으십시오. 표는 모바일에서 가장 자주 깨지는 요소입니다. 표만 따로 좌우로 스크롤되게 감싸야 합니다.

3단계

본문 글자 크기를 확인하십시오. 14픽셀보다 작으면 확대하지 않고는 읽히지 않습니다.

4단계

버튼 크기를 확인하십시오. 손가락으로 누를 영역이 너무 작으면 옆 버튼이 눌립니다. 한 변이 44픽셀 이상이 기준입니다.

5단계

전화번호가 글자로 들어 있고 누르면 바로 걸리는지 확인하십시오. 이미지 안에 있으면 누를 수 없습니다.

요약 체크리스트

  1. 가로 스크롤이 없다
  2. 표가 모바일에서 읽힌다
  3. 본문 글자가 14픽셀 이상이다
  4. 버튼이 손가락으로 눌린다
  5. 전화번호를 누르면 걸린다

홈페이지 리뉴얼 자세히 보기

이 글과 이어지는 서비스입니다. 막히는 구간이 있으면 진단부터 받아보십시오.

홈페이지 리뉴얼 보기

지금 상태부터 확인해 드립니다

진단만 받고 진행하지 않으셔도 됩니다. 상호와 지역만 주시면 색인 상태와 순위를 실제로 측정해 회신 드립니다.