올빼미 구독 문의
가이드 · 모바일 최적화

모바일에서,
잘 뜨는 홈페이지의 조건.

방문자 대부분이 휴대폰으로 봅니다. 그리고 구글은 이제 모바일 버전을 기준으로 검색 순위를 판단합니다. 그래서 휴대폰에서 빠르고 보기 좋은 것이 곧 검색 노출입니다. 뭘 챙겨야 하는지, 속도가 검색에 어떻게 작용하는지 과장 없이 정리했습니다.

왜 모바일이 먼저인가

이제 검색도 ‘모바일 기준’으로 봅니다.

두 가지 이유입니다. 첫째, 방문자 대부분이 휴대폰으로 봅니다. 둘째, 구글은 홈페이지의 모바일 버전을 먼저 읽어 검색에 반영합니다(모바일 우선 색인). 그래서 PC에서만 잘 되고 휴대폰에서 나쁘면 검색에서도 손해입니다. 게다가 모바일에서 페이지가 느리면 사람들은 그냥 나갑니다. 로딩이 몇 초만 넘어가도 상당수가 이탈한다는 조사가 여럿 있습니다. 잘 만든 홈페이지의 기준이 ‘PC에서 예쁜가’에서 ‘휴대폰에서 빠르고 편한가’로 옮겨온 셈입니다.

이런 조건을 갖춰야

모바일에서 잘 되는 홈페이지의 여섯 가지.

어려운 기술 용어는 접어두고, 사장님이 확인할 수 있는 것 위주로 정리했습니다.

01

반응형

화면 크기에 자동으로 맞춰집니다. PC용만 만들어 두면 휴대폰에서 글자가 작고 깨져 보입니다. 지금은 반응형 하나로 만드는 게 표준입니다.

02

빠른 로딩

무거운 이미지와 불필요한 요소를 줄여 빨리 떠야 합니다. 느리면 방문자가 이탈하고 검색에도 불리합니다.

03

읽기 쉬운 글자

확대하지 않아도 읽히는 글자 크기와 줄간격이어야 합니다. 손가락으로 벌려 확대해야 읽힌다면 이미 불편한 것입니다.

04

탭하기 쉬운 버튼

전화·문자 버튼이 크고, 손가락으로 누르기 쉬워야 합니다. 작은 링크가 촘촘히 붙어 있으면 잘못 눌립니다.

05

세로 스크롤 중심

위아래로 자연스럽게 읽히게 만들고, 가로 스크롤·전면 팝업·자동재생 영상은 피합니다. 방해가 되면 사람들이 떠납니다.

06

이미지 최적화

사진은 알맞은 용량과 포맷(WebP 등)으로 줄여 올립니다. 고화질 원본을 그대로 올리면 페이지가 무거워져 느려집니다.

속도와 검색

구글은 ‘쓰는 경험’을 봅니다 — 코어 웹 바이탈.

구글은 페이지를 쓰는 경험(로딩·반응·안정성)을 검색 순위 신호의 하나로 봅니다. 이를 코어 웹 바이탈이라 하며 세 가지입니다.

LCP로딩 체감

주요 화면이 뜨는 속도입니다. 빠를수록 좋습니다(대략 2.5초 이내가 권장 기준입니다).

INP반응 속도

버튼을 눌렀을 때 얼마나 빨리 반응하는지입니다.

CLS화면 안정성

읽는 중에 화면이 갑자기 밀리거나 튀지 않는지입니다.

다만 오해는 마세요. 속도가 좋다고 검색 1위가 되는 건 아닙니다. 구글도 콘텐츠가 먼저라고 말합니다. 코어 웹 바이탈은 비슷한 수준의 페이지끼리 경쟁할 때 갈리는 ‘기본 체력’에 가깝습니다. 그래도 나쁘면 방문자 이탈로 손해가 크니 챙기는 게 맞습니다. 내 사이트 상태는 구글 ‘PageSpeed Insights’에 주소만 넣으면 무료로 확인할 수 있습니다.

이런 건 조심

모바일에서 흔한 실수.

PC 전용모바일 별도·미제작

PC용만 만들고 모바일은 추가금으로 청구하거나 아예 안 만드는 경우입니다.

무거운 이미지원본 그대로

고화질 사진을 줄이지 않고 올려 페이지가 느려지는 경우입니다.

방해 요소팝업·자동재생

전면 팝업이나 자동재생 영상이 로딩과 사용 경험을 해칩니다.

탭 안 되는 번호이미지 전화번호

전화번호가 이미지로 박혀 있어 눌러도 전화가 걸리지 않는 경우입니다.

올빼미웹은

휴대폰에서 빠르고 편하게 만들고 관리합니다.

올빼미웹은 반응형으로 만들고, 휴대폰에서 읽기 좋은 글자와 누르기 쉬운 버튼, 가벼운 이미지·구조로 관리합니다(매달 관리). 전화·문자 버튼은 바로 누르면 걸리도록 둡니다. 국내 검색인 네이버 쪽은 네이버 가이드에, 그 밖의 궁금증은 자주 묻는 질문에 정리해 두었습니다. 앞서 말씀드린 대로 속도만으로 순위가 정해지는 건 아니며, 특정 순위는 보장하지 않습니다.

자주 묻는 질문

모바일, 이건 궁금하실 거예요.

아닙니다. 요즘은 반응형 하나로 PC·모바일에 자동으로 맞추는 게 표준입니다. PC용·모바일용을 따로 만들 필요가 없습니다.
구글 ‘PageSpeed Insights’에 사이트 주소만 넣으면 점수와 개선점을 보여줍니다. 무료이고 비개발자도 쓸 수 있습니다.
아닙니다. 구글은 콘텐츠를 먼저 봅니다. 속도(코어 웹 바이탈)는 비슷한 페이지끼리 경쟁할 때 갈리는 요소이고, 나쁘면 이탈로 손해가 큽니다. 순위는 아무도 보장할 수 없습니다.
넣어도 되지만 용량을 줄여야 합니다. 고화질 원본을 그대로 올리면 로딩이 느려집니다. 알맞은 크기와 포맷으로 최적화하면 됩니다.

우리 사이트가 모바일에서 괜찮은지, 봐 드립니다.

지금 사이트 주소를 문자로 주시면, 휴대폰에서 어떤지·뭘 고치면 좋을지 사실대로 알려 드립니다. 약정 없이, 효과가 없다고 느끼시면 언제든 해지하세요.

문자로 ① 업종 ② 지역 ③ 원하시는 점만 보내주시면 바로 검토해 드립니다.

· AI 검색 노출 가이드 · 네이버 가이드 · 용어 사전