[테크니컬 SEO] 모바일 최적화
Last updated
Was this helpful?
Last updated
Was this helpful?
웹사이트 대부분의 사용자는 휴대기기를 이용하고 최근 검색엔진 또한 모바일 버전을 기반으로 페이지를 크롤링하고 색인을 생성하기 때문에, 모바일 친화성 관리는 필수 SEO 입니다.
모바일 최적화에는 소비자가 모바일 기기에서 사이트를 이용할 때 기본적으로 가시성, 가독성이 떨어지지 않는 페이지 디자인 및 콘텐츠 구성이 필요합니다. 디자인에 치우쳐 정보 습득을 방해하는 페이지 형식은 적합하지 않습니다.
또한, 모바일 최적화는 소비자 방문 빈도가 높은 상품소개 페이지 뿐만 아니라 사이트에 존재하는 모든 페이지가 최적화의 대상입니다. 모바일 버전 구성 시 아래의 내용을 참고해주세요.
1) robots.txt
검색로봇이 항상 사이트 에셋에 접근할 수 있도록 robots.txt를 모바일 버전에서도 허용 상태로 설정해주세요. 데스크탑에서 허용 상태여도 모바일에서 차단되어 있다면 색인이 최적화되지 못해 검색 결과 노출 순위가 만족스럽지 않을 수 있습니다.
페이지 제목, 메타 태그 등의 사이트 메타 데이터는 모바일, 데스크탑 두 버전에서 동일해야 합니다. 마찬가지로 구조화된 데이터 스키마 마크업을 사용하고 있다면 두 버전에 모두 있는지 확인해주세요.
모바일 사이트의 콘텐츠 내용이 데스크톱 사이트보다 적다면 데스크톱과 동일하도록 사이트를 업데이트 해주세요. 검색로봇의 페이지 크롤링 및 색인 생성은 모바일 버전을 우선시합니다.
사이트 구조 상 모바일 버전에서 콘텐츠 경로 안내를 위한 메뉴를 사용할 경우, 사용자가 쉽게 페이지를 전환할 수 있도록 아코디언 메뉴 또는 탭 이동을 활용해주세요.
모바일에 맞춰 디자인을 다르게 적용하면 효과를 극대화할 수 있습니다.
모바일 화면 공간은 제한되어 있기에 페이지 콘텐츠를 덮는 전면 광고는 사용자의 사이트 이용을 방해합니다. 비즈니스 목적의 홍보 정보 노출을 포기할 수 없다면 색인 생성에 문제가 발생하지 않도록 페이지 콘텐츠 본문과 홍보 내용을 함께 노출할 수 있는 작은 배너를 사용해주세요.
사이트 개설 전이라면, 반응형 웹 디자인을 사용해 사이트를 개발하는 것을 권장합니다.
반응형 웹 디자인은 서버가 항상 모든 기기에 동일한 HTML 코드를 보내고 CSS(마크업 언어)를 사용해 페이지를 렌더링하는데요. 이 때문에 사용자는 화면 크기에 맞춰 조정된 화면을 볼 수 있고 검색엔진은 사이트 내용을 자동적으로 감지할 수 있습니다.
마지막으로 구글 서치 콘솔의 모바일 친화성 테스트를 통해 내 사이트가 모바일 사용자에게 적합한지 확인할 수 있습니다. 아래 페이지에서 모바일 친화성을 확인해보세요.