홈페이지가 모바일에서 깨져 보입니다

PC에서 잘 보이니 문제없다고 생각하기 쉽지만, 실제 방문자 대부분은 휴대폰으로 들어옵니다. 모바일에서 한 번이라도 불편하면 그대로 나갑니다.

왜 모바일이 더 중요한가요?

대부분의 업종에서 유입의 절대다수가 모바일이기 때문입니다.

네이버 검색도, 인스타 광고도, 카톡으로 공유한 링크도 전부 휴대폰에서 열립니다. 검색엔진 역시 모바일 화면을 기준으로 페이지를 평가합니다. PC 화면이 아무리 좋아도 모바일이 불편하면 순위와 전환 모두 손해입니다.

직접 휴대폰으로 열어보는 것이 가장 빠릅니다. 다섯 가지만 보세요.

· 글자가 확대 없이 읽히는가

· 버튼이 손가락으로 눌리는 크기인가

· 가로로 밀리는 부분이 없는가

· 전화번호를 누르면 바로 걸리는가

· 첫 화면이 3초 안에 뜨는가

대부분 몇 가지로 반복됩니다.

· 표가 화면 밖으로 밀림 — 가로 스크롤 처리 필요

· 사진이 너무 무거워 로딩이 느림

· 글자가 작아 확대해야 읽힘

· 버튼이 붙어 있어 잘못 눌림

· 팝업이 화면을 덮고 닫기 버튼이 안 보임

마지막은 특히 치명적입니다. 닫을 수 없는 팝업은 그대로 이탈로 이어집니다.

대부분 이미지 때문입니다. 사진만 정리해도 크게 좋아집니다.

· 사진을 웹용 크기로 줄여서 업로드

· 웹에 맞는 형식으로 변환

· 첫 화면에 안 보이는 이미지는 나중에 불러오기

카메라 원본을 그대로 올리면 한 장에 수 메가바이트가 됩니다. 모바일 데이터로 열면 몇 초씩 걸립니다.

구글 페이지스피드 인사이트에 주소를 넣으면 모바일 기준 점수와 개선점을 알려줍니다. 무료입니다.

점수 자체에 집착할 필요는 없지만, 무엇이 느리게 만드는지 항목으로 짚어주기 때문에 우선순위를 잡는 데 유용합니다.

대부분의 업종에서 유입의 절대다수가 모바일입니다. 검색엔진도 모바일 화면을 기준으로 페이지를 평가합니다.

직접 휴대폰으로 열어보세요. 글자가 확대 없이 읽히는지, 버튼이 눌리는 크기인지, 가로로 밀리는 곳이 없는지, 전화가 바로 걸리는지, 3초 안에 뜨는지를 봅니다.

대부분 이미지 때문입니다. 카메라 원본을 그대로 올리면 한 장에 수 메가바이트가 되어 모바일에서 몇 초씩 걸립니다.

구글 페이지스피드 인사이트에 주소를 넣으면 모바일 기준 점수와 개선점을 무료로 알려줍니다.

쓸 수 있지만 닫기 버튼이 모바일에서 확실히 보여야 합니다. 닫을 수 없는 팝업은 그대로 이탈로 이어집니다.