모바일 검색엔진 최적화 개요

검색결과에 사이트가 표시될 수 있도록 이번에는 여러 기기를 위해 사이트를 설정하고 검색 엔진이 내 사이트를 이해할 수 있게 하는 방법을 알아봅니다.

모바일 설정 선택

모바일 웹사이트를 구현하는 3가지 방법

모든 유형과 크기의 보기 화면을 처리할 수 있는 웹사이트를 구현하기 위한 3가지 기본 기술이 있습니다. 다음은 3가지 방법을 비교하는 차트입니다.

설정 내 URL이 동일하게 유지되나요? 내 HTML이 동일하게 유지되나요?
반응형 웹 디자인 예 예
동적 게재 예 아니요
별도 URL 아니요 아니요
  1. 반응형 웹 디자인: 사용자 기기 (데스크톱, 태블릿, 모바일, 비시각적 브라우저)와 상관없이 동일한 URL에 동일한 HTML 코드를 게재하지만 화면 크기에 따라 다르게 렌더링(응답)할 수 있습니다. 반응형 디자인은 Google에서 권장하는 디자인 패턴입니다.

  2. 동적 게재: 기기와 관계없이 동일한 URL을 사용하지만 서버가 사용자의 브라우저에 대해 알고 있는 정보를 기준으로 기기 유형에 따라 서로 다른 버전의 HTML을 생성합니다.

  3. 별도 URL: 각 기기 및 별도 URL에 다른 코드를 게재합니다. 이 설정은 사용자의 기기를 감지한 다음 Vary HTTP 헤더와 함께 HTTP 리디렉션을 사용하여 적절한 페이지로 리디렉션합니다.

Google에서는 모든 Googlebot 사용자 에이전트가 페이지 및 페이지 애셋에 모두 액세스할 수 있다면 특정 URL 형식을 더 선호하지는 않습니다.

모바일 사이트 설정을 선택하고 각 옵션의 장단점을 파악하는 방법을 자세히 알아보려면 '멀티스크린 사용자용 웹사이트 구축'을 참조하세요.

모바일 사이트 구축의 핵심 사항

나중에 다루게 되겠지만, 모바일에 최적화된 사이트를 만들기 위해 선택할 수 있는 여러 가지 설정이 있습니다. 그러나 어떤 설정을 선택하는지와 상관없이 주의해야 할 핵심 사항이 있습니다.

  1. 휴대기기에 맞게 페이지 형식을 지정했다면 이를 Google에 알립니다(상응하는 페이지가 휴대기기에 맞게 형식이 지정된 경우에도 마찬가지임). 이렇게 하면 Google에서 모바일 검색 사용자의 검색결과에 콘텐츠를 정확하게 게재하는 데 도움이 됩니다.
  2. 리소스를 크롤링할 수 있는 상태로 유지합니다. 사이트에 광고를 비롯하여 페이지 렌더링에 도움이 되는 주요 파일에 검색 엔진이 액세스하지 못하게 하는 robots.txt를 사용하면 안 됩니다. Googlebot이 CSS나 자바스크립트, 이미지 등 페이지 리소스에 액세스하지 못하면 Google에서 페이지가 모바일 브라우저에 표시되고 제대로 작동하도록 구축되었다는 것을 감지하지 못할 수 있습니다. 즉, Google에서 페이지가 '모바일 친화적'인지 감지할 수 없으므로 모바일 검색 사용자에게 올바로 게재되지 않을 수 있습니다.
  3. 모바일 방문자의 불만을 야기하는 흔히 발견되는 실수를 방지하세요. 예를 들어 페이지의 주요 콘텐츠로 플래시 동영상을 사용하는 등 재생할 수 없는 동영상을 포함하면 안 됩니다. 검색 사용자의 불만을 초래하는 모바일 페이지가 있으면 순위가 낮아질 수 있고 모바일 검색결과에 경고와 함께 표시될 수 있습니다. 흔히 발생하는 실수 섹션에서 자세히 알아보세요.

기기 간 차이점 이해하기

모바일: 이 도움말에서 '모바일' 또는 '휴대기기'란 Android를 실행하는 기기나 iPhone, Windows Phone 등의 스마트폰을 말합니다. 모바일 브라우저는 광범위한 HTML5 사양을 렌더링할 수 있다는 점에서 데스크톱 브라우저와 유사하지만 화면 크기가 더 작고 대부분 기본 방향이 세로입니다.

태블릿: Google에서는 태블릿을 별도의 기기 유형으로 간주하므로 휴대기기를 이야기할 때는 대개 태블릿이 정의에 포함되지 않습니다. 태블릿의 화면은 보통 더 크므로 태블릿에 최적화된 콘텐츠를 제공하지 않는 한 사용자는 스마트폰 브라우저가 아닌 데스크톱 브라우저에서 사이트를 볼 것으로 기대하게 됩니다.

멀티미디어 휴대전화: XHTML 표준에 맞게 코딩된 페이지를 렌더링하고 HTML5 마크업, 자바스크립트/ECMAscript를 지원할 수 있지만 HTML5 표준의 일부 확장 API를 지원하지 못할 수 있는 브라우저가 포함된 휴대전화입니다. 이는 일반적으로 스마트폰이 아닌 대부분의 3G 지원 휴대전화의 브라우저를 가리킵니다.

피처폰: 피처폰의 브라우저는 표준 HTML을 사용하여 코딩된 일반 데스크톱 웹페이지를 렌더링하는 기능이 없습니다. 여기에는 cHTML(iMode), WML, XHTML-MP 등만 렌더링하는 브라우저가 포함됩니다.

다음에 대한 의견 보내기...