반응형 홈페이지가 필요한 이유와 확인 방법

반응형과 별도 모바일 사이트는 다릅니다

반응형은 하나의 주소와 하나의 문서로 화면 크기에 따라 배치만 바꾸는 방식입니다. 별도 모바일 사이트는 m으로 시작하는 다른 주소에 별도의 사이트를 두는 방식입니다.

별도 사이트는 같은 내용을 두 번 관리해야 하고, 검색엔진 입장에서도 어느 쪽이 대표 주소인지 지정해 줘야 합니다. 지금 새로 만든다면 반응형이 관리 부담이 적습니다.

지금 사이트를 확인하는 방법

가장 간단한 확인은 PC 브라우저 창의 가로 폭을 줄여 보는 것입니다. 창을 좁혔을 때 글자와 이미지가 화면 안에서 다시 배치되면 반응형이고, 전체가 그대로 축소되거나 가로 스크롤이 생기면 반응형이 아닙니다.

휴대폰에서 직접 확인할 때는 확대하지 않고 본문을 읽을 수 있는지, 버튼을 손가락으로 정확히 누를 수 있는지, 가로로 밀리는 부분이 없는지를 봅니다.

• 창 폭을 줄였을 때 배치가 바뀌는가
• 확대 없이 본문이 읽히는가
• 가로 스크롤이 생기지 않는가

반응형이어도 불편할 수 있습니다

배치가 바뀐다고 해서 모바일에서 편한 것은 아닙니다. PC에서 옆으로 나열된 표를 그대로 세로로 쌓으면 읽는 순서가 엉키고, PC용 큰 이미지를 그대로 내려받으면 데이터와 시간이 낭비됩니다.

전화번호를 이미지로 넣어 두면 눌러서 걸 수 없고, 표 안에 넣은 정보는 검색에도 잘 잡히지 않습니다. 모바일에서 실제로 쓰이는 동작을 기준으로 점검해야 합니다.

• 표·긴 목록의 모바일 배치
• 이미지 크기와 로딩 시간
• 눌러서 전화 걸 수 있는 번호

점검 순서

첫 화면에서 무엇을 하는 곳인지 보이는지, 연락 수단이 화면 안에 있는지, 주요 메뉴에 두 번 안에 도달하는지를 순서대로 확인합니다. 이 세 가지가 되면 나머지는 개선 항목입니다.