반응형 홈페이지, 검색엔진이 휴대폰 화면을 먼저 읽는 이유

원장님 홈페이지를 검색엔진은 어떤 화면으로 볼까요? 반응형 홈페이지에서 검색엔진이 기준으로 삼는 화면은 넓은 모니터가 아니라 휴대폰 화면입니다. 구글은 모바일 버전 페이지를 기준으로 색인한다고 공식 안내하고 있습니다. 그러니 휴대폰 화면에서 빠진 내용은 검색엔진 입장에서도 없는 내용이 될 수 있습니다.

반응형 홈페이지

1단계: 검색엔진이 읽는 화면부터 바로잡습니다

모바일 우선 색인은 검색엔진이 페이지를 읽어 검색 목록에 올릴 때, 휴대폰으로 열었을 때의 화면을 기준으로 삼는다는 뜻입니다. 예전에는 컴퓨터 화면을 기준으로 보는 경우가 많았지만 지금은 순서가 바뀌었습니다.

원장실에서 홈페이지를 확인하실 때는 대개 넓은 모니터로 보십니다. 검색엔진은 그 화면이 아니라 손바닥만 한 화면에 담긴 내용을 먼저 읽습니다. 두 화면의 글과 링크가 같아야 하는 이유가 여기에 있지요.

2단계: 휴대폰 화면에서 덜어 낸 내용을 찾습니다

화면이 좁다는 이유로 휴대폰 버전에서 내용을 줄여 둔 홈페이지가 있습니다. 그러면 이런 일이 생길 수 있습니다.

컴퓨터 화면에만 있는 설명 문단을 검색엔진이 읽지 못할 수 있습니다.
휴대폰 메뉴에서 빠진 페이지는 내부 링크가 끊겨 찾아오기 어려워집니다.
사진 설명 문구를 모바일에서 지우면 이미지 검색에서도 손해를 봅니다.

예를 들어 한 법률사무소가 휴대폰 화면에서 "업무 분야" 상세 설명을 접고 제목만 남겼다면, 그 분야 검색에서 페이지가 약해질 수 있습니다.

3단계: 반응형 홈페이지로 두 화면의 내용을 하나로 묶습니다

반응형 홈페이지는 하나의 페이지가 화면 너비에 따라 배치만 바뀌는 방식입니다. 컴퓨터와 휴대폰이 같은 글, 같은 링크를 나눠 쓰니 한쪽에서만 내용이 빠질 일이 적습니다.

휴대폰용 사이트를 따로 둔 경우라면 두 사이트를 똑같이 관리해야 합니다. 공지를 한쪽에만 올리거나 새 페이지를 한쪽에만 만드는 실수가 쌓이기 쉽습니다. 네이버와 구글이 페이지를 고르는 방식의 차이는 전문직 SEO, 네이버와 구글이 글을 고르는 기준 차이에서 따로 비교했습니다.

4단계: 휴대폰 한 대로 두 화면을 맞대어 봅니다

기본 점검에는 휴대폰 한 대면 충분합니다.

같은 페이지를 컴퓨터와 휴대폰으로 열어 문단 수가 같은지 셉니다.
휴대폰 메뉴를 펼쳐 컴퓨터 메뉴에 있는 페이지가 모두 있는지 봅니다.
접힌 탭이나 더보기 버튼을 눌러 숨은 내용이 제대로 열리는지 확인합니다.
사진과 표가 화면 밖으로 넘치지 않는지 손가락으로 좌우로 밀어 봅니다.

다른 확인 항목은 홈페이지 모바일 점검, 원장님 휴대폰으로 확인하는 5가지에 정리해 두었습니다.

5단계: 차이가 보이면 제작 업체에 고쳐 달라고 합니다

네 가지 가운데 하나라도 어긋나면 제작 업체에 수정을 요청하십시오. 이때 "내용을 줄여 달라"가 아니라 "글자 크기와 줄 간격, 문단 길이를 휴대폰에 맞게 다듬어 달라"고 말씀하시는 편이 낫습니다.

이 단계에서 자주 하는 실수

휴대폰 화면이 길어 보인다고 설명 문단을 지워 버리는 경우
휴대폰용 사이트와 컴퓨터용 사이트 중 한쪽에만 공지를 올리는 경우
넓은 모니터로만 확인하고 휴대폰으로는 열어 보지 않는 경우

FAQ

Q. 접힌 탭 안의 내용도 검색엔진이 읽나요?

A. 페이지 코드 안에 내용이 들어 있다면 읽을 수 있습니다. 버튼을 눌러야 새로 불러오는 방식이라면 확인이 필요합니다.

Q. 휴대폰용 사이트를 따로 둔 홈페이지는 바꿔야 하나요?

A. 두 사이트 내용이 늘 같게 관리된다면 급하지 않습니다. 관리가 어긋나고 있다면 반응형으로 합치는 편이 부담이 적습니다.

Q. 네이버도 휴대폰 화면을 먼저 보나요?

A. 네이버가 같은 방식으로 색인한다고 공식 확인하기는 어렵습니다. 다만 방문자 대부분이 휴대폰으로 들어오니 휴대폰 화면을 기준으로 다듬어 두시길 권합니다.

온마연구소는 홈페이지를 모두 반응형으로 만들고, 휴대폰과 컴퓨터 화면의 내용이 같은지 확인한 다음 검색 등록을 진행합니다. 구성에 따른 비용은 홈페이지 제작 요금 계산기에서 미리 보실 수 있습니다.