모바일 친화적인 디자인은 아마도 SEO만큼 중요할 것입니다

게시 됨: 2015-01-27

사람들이 온라인으로 구매하는 방식이 바뀌고 있습니다. 소비자는 버튼 클릭으로 리뷰 사이트를 방문하고 고객 평가를 볼 수 있습니다. 공급업체 및 가격 비교는 Google 검색만으로 가능합니다. 그리고 보다 개인화된 결과를 제공하는 것을 목표로 하는 검색 엔진에서 지역성은 그 어느 때보다 중요합니다.

그러나 온라인 구매 패턴의 무수한 변화 중에서 모바일 검색만큼 전자 상거래에 중요한 것은 없습니다. 통계는 다음과 같은 사실을 밝히고 있습니다.

  • 캐나다 스마트폰 소유자의 66%는 매일 기기에서 인터넷에 액세스하며 대부분은 기기 없이 집을 떠나지 않습니다.
  • 사용자의 89%는 휴대전화에서 지역 정보를 검색하고 88%는 결과적으로 구매와 같은 일종의 작업을 수행합니다.
  • 모바일 사용자의 77%는 기기에서 제품 또는 서비스를 조사했습니다.
  • 모바일 사용자의 27%는 휴대전화로 구매했습니다.

우리의 모바일 플래닛: 캐나다. 구글, 2013년 5월

또한 정보를 검색, 쇼핑 및 액세스하기 위해 모바일 장치를 사용하는 사람들의 수가 급격히 증가하고 있습니다. 모바일은 이제 전 세계 인터넷 트래픽의 약 18%를 차지합니다. 1 , 불과 5년 전의 0.67%에서 상승했습니다. 캐나다에서는 모바일 검색이 데스크톱 트래픽보다 특정 주머니에서 더 높습니다. 이 경향은 더 많은 정보에 입각한 관찰자들과 함께 증가할 것입니다. 모바일이 곧 데스크탑 사용을 능가할 것이라는 데 동의합니다.

이것은 전자 상거래에 어떤 영향을 미칩니까?

모바일 검색의 폭발적 증가는 그 자체로 흥미롭지만 가장 흥미로운 것은 온라인 쇼핑 공간을 변화시킨(그리고 계속해서 변화하는) 방식입니다. 간단히 말해서 모바일 검색은 목표 지향적이며 결과적으로 전환을 유도합니다.

모바일 검색은 목표 지향적이므로 결과적으로 전환을 유도합니다.

트윗하려면 클릭

  • 캐나다 스마트폰 사용자의 거의 80%가 기기에서 제품 또는 서비스 정보를 검색합니다.
  • 사용자의 27%가 기기에서 구매했습니다.
  • 이 사용자 중 거의 절반이 한 달에 한 번 이상 모바일 구매를 합니다.

모바일 검색 순간. Google 및 Nielsen, 2013년 3월메시지는 분명합니다. 사람들은 모바일 장치를 사용하여 직간접적으로 구매하고 있습니다. 온라인으로만 판매하거나 하이브리드 전자 상거래/오프라인 소매업체인지 여부에 관계없이 모바일 친화적인 웹 사이트가 없으면 비즈니스를 잃게 됩니다.

모바일 검색을 위해 웹사이트를 최적화하는 방법

모바일 사용자의 장점을 활용하려면 모바일 사용자 경험을 원활하고 편리하게 만들기 위해 웹사이트를 최적화해야 합니다. 사람들은 나쁜 웹사이트를 정말 싫어합니다. 좋은 모바일 사이트를 제공할 수 없으면 다른 곳으로 이동합니다. 실제로 쇼핑객의 67%는 모바일 친화적인 사이트에서 구매할 가능성이 더 높습니다. 2 는 아닌 것보다.

스마트폰에서 웹을 탐색하는 경험을 생각해 보십시오. 사이트를 로드하는 데 시간이 오래 걸리면 다음 사이트로 이동합니다. 웹 사이트에 방문하고 서식이 해제되어 있으면 뒤로 버튼을 누르십시오. 텍스트를 읽기 위해 계속해서 확대 및 축소하거나 왼쪽에서 오른쪽으로 스크롤해야 하거나 드롭다운 메뉴를 찾아야 하는 경우 매우 빠르게 짜증이 나서 다른 곳을 검색하게 됩니다.

모바일에서 원활한 사용자 경험을 제공하는 것은 아마도 다른 어떤 사이트보다 전자 상거래 사이트에서 훨씬 더 중요할 것입니다. 귀하의 사이트는 모든 장치에서 제품 사진과 정보를 명확하게 표시할 수 있어야 합니다. 또한 직관적인 전환 지점과 쉽게 탐색할 수 있는 사이트 구조를 제공해야 합니다. 홈페이지에서 상품설명, 결제가 이루어지는 결제페이지까지의 경로는 단순해야 합니다. 그렇게 하는 것이 답답할 정도로 어려운데 왜 누군가가 모바일 장치로 당신에게서 무언가를 사겠습니까?

그렇다면 사이트를 모바일 친화적으로 만드는 방법은 무엇입니까? 다음은 가장 실현 가능한 3가지 옵션입니다.

1. 반응형 디자인

모바일 최적화에 사용할 수 있는 최상의 옵션은 스마트폰, 태블릿 및 기타 모바일 장치에서 가장 일반적인 사용성 문제를 제거하기 때문에 반응형 디자인입니다. 반응형 디자인의 사이트는 화면 너비에 따라 반응하여 데스크톱, 태블릿, 스마트폰 등 사용 중인 장치에 더 효과적으로 적응하고 표시하도록 재구성됩니다. 특정 기기를 위해 제작된 것이 아니라 모든 기기를 위해 제작되었습니다. 따라서 사람들이 사이트를 보기 위해 무엇을 사용하는지에도 불구하고 귀하의 사이트는 항상 올바르게 표시됩니다.

clip_image002 비즈니스2커뮤니티[/표제

반응형 디자인은 Google과 Bing에서도 적극 권장합니다. , 이는 SEO 관점에서 우수하다는 것을 의미합니다. 페이지의 콘텐츠는 모든 기기에서 동일한 URL에서 제공되기 때문에 특별한 URL이 필요하지 않으며 크롤링되거나 색인이 생성되는 방식에 대해 걱정할 필요가 없으며 사이트 리디렉션을 사용할 필요도 없습니다. 또한 사이트가 표시되는 위치에 관계없이 동일한 파일 시스템, URL 및 데이터베이스를 사용하기 때문에 사이트 유지 관리가 더 쉬워집니다.

반응형 디자인을 처음부터 구현하려면 재능 있는 개발 팀이 필요하지만 대부분의 작업을 처리하는 전자 상거래 전용 반응형 템플릿이 많이 있습니다.

다음 단계:

  • 적응형 디자인과 반응형 디자인의 차이점
  • 반응형 모바일 웹사이트 디자인이 그 어느 때보다 중요해지고 있습니다.

2. 다이내믹 서빙

동적 검색을 사용하면 사용자가 데스크톱에서 검색하는지 휴대기기에서 검색하는지에 따라 동일한 URL 아래에 다른 HTML 및 CSS를 표시할 수 있습니다. 이것은 서버가 응답하기 전에 사용자 에이전트(사용자가 페이지에 액세스하는 데 사용하는 것)를 고려해야 한다는 신호를 보내는 Vary HTTP 헤더를 사용하여 수행됩니다. 응답은 페이지를 요청하는 사용자 에이전트에 따라 달라집니다. 다음은 Android용 Chrome용 UA의 예입니다.

clip_image004

UA는 장치가 전화인지 태블릿인지에 따라 다른 형식으로 보고됩니다. 그런 다음 서버는 사용 중인 장치를 식별하고 적절한 콘텐츠를 제공할 수 있습니다.

3. 모바일 하위 도메인

이 옵션은 덜 매력적이지만 여전히 장점이 있습니다. 반응형 디자인을 구현할 때 너무 복잡하거나 비용이 많이 들 때 가장 많이 사용됩니다. 모바일 하위 도메인을 선택하면 반응형 디자인보다 훨씬 저렴하며 기존 웹사이트를 크게 변경하지 않고도 모바일 친화적인 사이트를 만들 수 있습니다. 그러나 단점이 있습니다.

SEO 관점에서는 중복 콘텐츠를 생성하지만 웹사이트에 큰 피해를 주지는 않습니다. 이는 각 데스크톱 URL에 모바일 페이지를 표시하는 동등하지만 다른 URL이 있기 때문입니다. 예를 들어 www.shophere.com에는 m.shophere.com과 같은 해당 모바일 URL이 있습니다. 또한 모바일 하위 도메인은 유지 관리 관점에서 반응형 디자인만큼 쉽지 않지만 일반적으로 개발 비용이 더 빠르고 저렴하며 많은 서비스가 있습니다. 프로세스를 쉽게 사용할 수 있습니다.

다음 단계:

  • Q: 내 모바일 웹사이트에 어떤 URL을 사용해야 합니까? A: 반응형 디자인
  • 모바일 사이트보다 반응형 디자인을 선택해야 하는 이유

모바일 친화적인 사이트는 필수입니다

오늘날의 온라인 쇼핑 시장에서 경쟁력을 갖추려면 모바일 친화적인 웹사이트가 필요합니다. 사람들은 점점 더 모바일 장치를 사용하여 제품을 검색하고 구매하지만 직관적이고 원활한 사용자 경험을 원합니다. 모바일에 맞게 사이트를 최적화하는 방법에 관계없이 반드시 수행해야 합니다. 모바일 사용자를 무시한다는 것은 상당한 수의 잠재 고객을 잃는다는 것을 의미합니다.

노트:

  1. 모바일 웹, 예상보다 빨리 데스크톱 추월
  2. 반응형 웹 디자인(인포그래픽)