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