Mobile-First Indexing 업데이트를 위해 온라인 전자 상거래 저장소를 준비하기위한 10 가지 지침

일부 온라인 전자 상거래 상점의 경우 모바일 버전이 그리 매력적이지 않고 노트북 버전을 탐색하는 동안 반응이 빠른 페이지가 있다는 것을 알고 계셨습니까? 동시에 다른 상점에서도 데스크톱과 모바일 모두에 대해 고도로 최적화 된 웹 사이트를 보유하고 있습니다.

왜 그러한 차이가 있는지 궁금해 한 적이 있습니까?

좀 더 깊이 파고 봅시다.

최근 '모바일 우선 색인 생성'이라는 용어를 들어 보셨을 것입니다. 간단한 용어로 설명하겠습니다.

모바일 우선 색인 생성은 웹을보다 사용자 친화적이고 모바일 친화적으로 만들기위한 Google의 지속적인 노력에 지나지 않습니다. 스마트 폰에서 점점 더 많은 검색이 수행됨에 따라 Google은 색인 및 검색 결과가 대다수의 사용자 (스마트 폰 사용자)를 나타내기를 원합니다.

그러나이 모든 것이 평균적인 비즈니스 소유자를 혼란스럽게 만들 수 있습니다. 그들 대부분은이 업데이트와 관련하여 백만 개의 질문이 있습니다 :

  • 변경해야합니까?
  • 모바일 친화적 인 웹 사이트가 없으면 어떻게합니까?
  • 이것이 내 트래픽에 영향을 줍니까?

계속됩니다. 오늘은 모바일 우선 색인 생성, 사이트에 미치는 영향 및 모바일 우선 색인 업데이트를 위해 온라인 전자 상거래 저장소를 준비하는 방법에 대한 정보를 제공합니다.

모바일 우선 색인이란 무엇입니까?

글쎄, 먼저 업데이트에 대해 Google이 말한 내용을 인용하겠습니다.

"요약하자면 Google의 크롤링, 색인 생성 및 순위 시스템은 일반적으로 페이지 콘텐츠의 데스크톱 버전을 사용했으며,이 버전이 모바일 버전과 크게 다를 때 모바일 검색 자에게 문제를 일으킬 수 있습니다. 모바일 우선 색인 생성은 주로 모바일 사용자가 원하는 것을 찾을 수 있도록 색인 생성 및 순위 지정에 페이지의 모바일 버전을 사용함을 의미합니다.. "-웹 마스터 센터 블로그

Search Console을 통해 모바일 우선 색인 생성으로 마이그레이션하는 일부 사이트에서이 업데이트에 대한 알림을 Google로부터 받았습니다.

모바일 우선 색인

지금까지 Google은 검색 순위를 결정하기 위해 항상 데스크톱 버전의 웹 사이트 색인을 생성했습니다.

이제 모두 바뀌겠습니다.

Google은 모바일 우선 색인 생성에 관한 첫 공식 발표를했습니다.

Googlebot은 곧 모바일 버전의 페이지를 크롤링하고 색인을 생성하여 대다수의 사용자가 모바일 화면에 최적화 된 콘텐츠를 찾을 수 있도록합니다.

사이트에 모바일 용 버전이없는 경우 Google은 사이트를 그대로 크롤링하고 색인을 생성합니다.

이 업데이트에 대해 걱정해야합니까?

이것은 모든 웹 사이트 소유자의 마음을 사로 잡는 질문입니다.

첫째로, 이것은 걱정할 큰 문제가 아닙니다. 업데이트는 테스트 초기 단계에 불과하며 Google이 '건강한'것으로 간주하는 웹 사이트에 점차적으로 배포되고 있습니다. 이러한 사이트는 모바일 우선 색인 생성 모범 사례를 따르고 반응 형 웹 디자인 또는 동적 게재를 사용하는 사이트입니다.

둘째로Google은 새 업데이트가 순위에 큰 영향을 미치지 않을 것이라고 보증합니다. 모바일에 최적화 된 사이트와 그렇지 않은 사이트에 대해서는 별도의 색인이 없습니다.

모바일 버전을 찾지 못하면 모바일 페이지가 먼저 크롤링되고 Google은 데스크톱으로 돌아갑니다.

그러나 모바일 친화적 인 콘텐츠는 일반적으로 사용자가 모바일 장치에서 검색 할 때 검색 결과에서 순위가 ​​높습니다. 이것은 2015 년부터 시행 된 조치입니다.

셋째로영향을받을 가능성이있는 웹 사이트는 사용중인 기기에 따라 사용자를위한 별도의 모바일 및 데스크톱 페이지가있는 웹 사이트입니다. 이 시나리오에서는 모바일 버전이 먼저 크롤링되어 검색 순위에 영향을 줄 수 있습니다.

가장 영향이 적은 웹 사이트는 모바일 및 데스크톱 페이지가 동일한 웹 사이트입니다. 이 시나리오에서 모바일 및 데스크톱 페이지는 동일하며 다양한 화면 크기를 수용하도록 간단하게 조정됩니다. 이는 Google이 모바일 최적화에 권장하는 디자인 방식입니다.

다음 질문은

모바일 우선 색인 업데이트를 처리하기 위해 온라인 상점을 어떻게 준비합니까?

수백만 개가 넘는 제품 페이지로 인해 온라인 전자 상거래 상점에 대한 모바일 버전을 최적화하는 것은 쉽지 않습니다. 모바일에서 볼 때 이러한 페이지가 크롤링 가능하고 색인을 생성하고 순위를 지정할 수 있도록해야합니다.

다음 지침이 반드시 도움이 될 수 있습니다.

1. Google 웹 로그 분석 시작하기

항상 귀하의 웹 사이트가 Google 웹 로그 분석. 이 사이트가 제공하는 통찰력에는 사이트, 방문자 및 사이트의 위치에 대한 풍부한 정보가 포함됩니다. 또한 웹 사이트가 모바일 장치에서 수신하는 트래픽 양을 결정하는 데 사용될 수 있습니다.

전자 상거래 추적 옵션이라는 옵션이있어 웹 사이트에서 발생하는 거래 수와 수익을 측정 할 수 있습니다.

2. 온라인 상점이 모바일에 최적화되어 있는지 확인하십시오

요즘에는 모바일 사용자 수가 완전히 새로운 수준으로 가속화되었습니다. 따라서, 모바일 시대가 여기에 있기 때문에 양말을 당기고 모바일 버전을 시작하십시오.

반응 형 웹 디자인은 갈 길입니다.

다음 통계는 2015 년부터 2020 년까지 전 세계 휴대 전화 사용자의 총 수를 보여줍니다. 2019 년 휴대 전화 사용자 수는 4.68 억 XNUMX 천만 명에이를 것으로 예상됩니다.

또한 이것을 알고 계셨습니까?

첫 번째 단계는 가능한 빨리 반응 형 웹 사이트로 전환하는 것입니다. 이는 뷰어가 사용하는 플랫폼에 관계없이 화면 크기에 따라 동적으로 이동하는 컨텐츠와 상관없이 동일한 컨텐츠가 웹 사이트에 표시됨을 의미합니다.

모바일, 데스크톱 또는 태블릿 – 동일한 디자인과 콘텐츠가 표시되며 최종 사용자가 더 쉽게 탐색 할 수 있습니다. 두 번째 단계는 웹 사이트가 사용자의 기기와 상관없이 동일한 HTML 코드를 제공하도록하는 것입니다.

또한 반응 형 디자인은 디자이너와 개발자가 서로 다른 두 개의 웹 사이트를 모니터링 할 필요가 없으며 (이전의 방식) 단일 템플릿에서 작업 할 수 있음을 의미합니다. 안전한 내기입니다.

사이트가 모바일에 최적화되어 있는지 확실하지 않은 경우 Google의 모바일 친화적 테스트.

'테스트 실행'을 누르면 다음과 같은 내용이 표시됩니다.

위와 동일한 메시지가 표시되지 않으면 Google에서 보고서를 준비합니다. 주요 문제 영역을 강조하고 개발자의 도움으로 쉽게 각각의 변경을 수행하고 웹 사이트를 변환 할 수 있습니다.

또는 물론 좋은 것을 사용할 수 있습니다 전자 상거래 플랫폼 도움이 될 것입니다.

3. 페이지 속도를 높이십시오

Page Speed는 항상 가장 중요한 요소였습니다. SEO. 물론 Google도 마찬가지입니다. Searchmetrics에 따르면 Google의 상위 XNUMX 개 검색 결과 페이지는 1.10 초 이내에로드하십시오.

사이트가 빠르게로드되는지 확인해야합니다. 그렇지 않으면 모바일 순위에 영향을줍니다. 사용자는 항상 웹 사이트가 빠르게로드되기를 기대하며 Google도 마찬가지입니다. 따라서 높은 페이지 속도가 필수적입니다.

페이지로드 및 렌더링에 7 초마다 XNUMX %의 사용자가 손실되는 것으로 추정됩니다.

프로 팁 : 이것을 극복하는 쉬운 해킹이 있습니다. 사용자를 다른 페이지로 보내 사용자에게 판매하거나 제품을 표시하려면 팝업 오버레이를 사용하십시오. Popus는 빠르게로드되고 사용자는 다른 페이지로 이동한다고 느끼지 않으므로 잃어 버리지 않습니다. 괜찮아?

어떻게 증가시킬 수 있습니까? 속도 페이지?

  • 이미지 최적화
  • 리디렉션 최소화
  • 코드 축소
  • 서버 응답 시간 향상
  • 브라우저 캐싱 활용

무료 도구를 사용하여 사이트 속도를 확인할 수도 있습니다. Google의 Page Speed ​​Insights, 웹 페이지 테스트GT 매트릭스.

4. 브라우저를 고객으로 변환

모든 전자 상거래 웹 사이트의 기본 목표는 – 판매입니다!

이것을 상상해보십시오.

Google 웹 로그 분석에 따르면 웹 사이트에서 생성 된 트래픽은 많으며, 매일 수천 명의 사람들이 웹 사이트를 탐색하지만 그 중 소수만이 고객이됩니다. 슬프지 않나요?

다음은 이러한 각 브라우저가 고객으로 전환되도록하는 데 사용할 수있는 몇 가지 팁입니다.

  • 매력적인 이미지를 사용하여 방문자의 관심을 끌기
  • 모든 페이지에서 전환 경로가 3 번의 클릭 또는 홉 거리를 넘지 않아야합니다.
  • 원활하고 쉬운 결제 게이트웨이를 제공하십시오. 가능한 한 짧게 유지하고 너무 많은 필드로 페이지를 어지럽히 지 마십시오.
  • 자동 재생 동영상 및 기타 팝업을 제거합니다.
  • CTA (클릭 유도 문안)가 눈에 띄도록하십시오 (그리고 개선하기 위해 언제든지 약간의 A / B 테스트를 수행 할 수 있습니다).

5. 사이트 검색 간소화

원활한 모바일 검색은 원활한 모바일 UX를 생성하기 때문에 모든 전자 상거래 웹 사이트에 중요합니다.

궁극적 인 목표는 최종 사용자가 원하는 제품을 쉽게 찾을 수 있도록 최상의 모바일 검색 환경을 제공하는 것입니다.

어떻게 할 수 있어요? 사이트 검색 최적화.

  • 검색 창이 모든 장치에 표시되는지 확인하십시오. 작은 검색 창에 '아니요'라고 말합니다.
  • 자동 완성을 사용하여 시간과 노력을 절약하십시오
  • 맞춤법이 틀린 단어에 검색 결과가 있는지 확인하십시오 (이것은 생각보다 자주 발생합니다)
  • 텍스트 대신 이미지 사용
  • 사용자가 검색을 세분화 할 수 있도록 허용
  • 검색 결과 정렬을 허용하고 사용자에게 필터를 사용할 수있는 기능을 제공하십시오 (Amazon이 왜 그렇게 많은 수의 필터를 제공한다고 생각하십니까? 왜냐하면 상점이 더 사용자 친화적이기 때문입니다!)

6. 제스처 및 키보드 필요

제스처

새 셔츠를 사고 온라인 상점을 검색하기 시작했다고 가정 해 봅시다. 일부 사이트에서는 다른 사이트에서는 쉽게 확대 및 축소 할 수 있으며 그렇게 할 수 없습니다.

가능한 경우에도 확대하려고하면 이미지가 픽셀 화됩니다. 이는 쉽게 성가 시게하며 장바구니에서 항목을 삭제할 가능성이 있습니다.

이 시점에서, 당신은 당신이 정말로 필요하다는 것을 알고 있습니다 핀치 / 더블 탭 줌과 같은 전자 상거래 사이트의 일반적인 제스처 기능.

온 스크린 키보드

간과 할 수있는 또 다른 중요한 측면은 일부 사용자가 온라인 쇼핑을하는 동안 화면 키보드에서만 종교적으로 사용한다는 사실입니다.

신용 / 직불 카드 체크 아웃시 항상 숫자 키보드 만 표시해야합니다. 마찬가지로, 이메일 필드에서 키보드에 '@'기호를 제공하십시오. 필요한 입력에 따라 변경되는 상황에 맞는 키보드를 활성화했는지 확인하십시오.

7. 접근 용이성

텍스트 크기

최종 사용자가 핀치 및 확대하지 않고도 컨텐츠의 모든 요소에 참여할 수 있도록하여 고품질 UX를 제공 할 수 있습니다. 글꼴 크기를 뷰포트 내에서 축척하고 16px를 기본 글꼴 크기로 사용하고 필요한 경우 상대적으로 축척하십시오.

탭 대상

특정 웹 사이트는 웹 페이지가 제대로 최적화되지 않아 미치게됩니다. 잘못된 버튼이 너무 가까워 지거나 확대해야 할 때 버튼을 누르기 때문에 참을 수 없습니다.

다음은 탭 타겟을 최적화하는 방법에 대한 팁입니다.

  1. 탭 대상을 최소 48px 폭으로 설정
  2. 스페이스 탭은 32px 이상 떨어져 있어야합니다.

스케일링

새 페이지를 디자인 할 때는 항상 모바일을 먼저 디자인 한 다음 데스크톱이나 태블릿과 같은 다른 장치로 어떻게 확장되는지 고려해야합니다. 항상 모바일 반응 형 웹 페이지가 세로 및 가로 장치 방향을 모두 수용 할 수 있는지 확인하십시오.

가장 중요한 점은 모든 콘텐츠와 미디어가 화면 크기를 채우고 화면 공간을 활용해야한다는 것입니다.

8. 음성 검색 준비

우리는 이야기했습니다 음성 검색 최적화 전에 많이.

오늘날 Alexa, Cortana, Google Now 및 Siri를 사용하여 검색어를 입력하지 않고 음성으로 질문에 대한 답변을 찾는 사람들이 날로 증가하고 있습니다.

Google에 따르면 사람들이 음성으로 작동하는 스피커를 사용하는 가장 큰 이유는 다음과 같습니다.

  • 멀티 태스킹이 가능합니다
  • 응답과 정보를 즉시 얻을 수 있도록 도와줍니다.
  • 일상 생활이 더 쉬워집니다.

따라서 이러한 기술은 이미 뿌리를 내리고 검색 결과 및 순위에 큰 영향을 미치기 때문에 다른 모든 웹 사이트는 음성 검색을 통합하려고 시도합니다.

사람들은 키패드에 입력 할 때와 Siri 또는 Alexa와 대화 할 때 매우 다르게 검색합니다. 예를 들어, 쉬운 블루 베리 치즈 케이크 레시피를 검색하려고한다고 가정하십시오. Google 검색 창에 입력하는 경우 '쉬운 블루 베리 치즈 케이크 레시피'를 입력해야합니다.

그러나 음성 검색을하면“최소 성분으로 블루 베리 치즈 케이크 만들기”또는“30 분 내에 블루 베리 치즈 케이크 만들기”라고 말할 수 있습니다. 이는 전자 상거래 산업에있어 큰 도움이되며 이러한 팁을 명심하면 비즈니스에 큰 도움이됩니다.

  1. 비즈니스와 관련된 긴 꼬리 키워드 및 질문 목록을 작성하십시오.
  2. 최종 사용자가 어떤 종류의 질문을하는지 생각해보십시오.
  3. 답을 적어두면 도움이 될 것입니다.
  4. 이에 따라 콘텐츠를 최적화하십시오.

전문가 팁 : Google (현재)은 추천 스 니펫을 음성 검색 결과에 많이 사용합니다. 콘텐츠가 추천 스 니펫에 최적화되어 있는지 확인하십시오. 추천 스 니펫 최적화에 대해 이야기했습니다 여기를 클릭해 주세요.

9. 구조화 된 데이터 마크 업 사용

검색 엔진은 구조화 된 데이터 마크 업을 사용하여 페이지의 내용을 이해하고 웹 페이지에 대한 점점 더 많은 정보를 수집합니다. 이를 통해 사용자는 원하는 정보를 쉽게 찾을 수 있습니다.

동시에 비즈니스 검색 결과 목록이 향상됩니다.

Google과 같은 검색 엔진은 구조화 된 데이터를 사용하여 검색 결과에 나타나는 작은 정보 조각 인 리치 스 니펫을 생성합니다.

여기에서 평점, 리뷰 수, 요리 시간 등을 찾을 수 있습니다. 리치 스 니펫은 최종 사용자가 모든 것을 더 쉽게 만듭니다.

따라서 구조화 된 데이터 마크 업은 순위 지정에 필수적입니다. 다음을 사용하여 데스크톱 및 모바일 테스트에서 두 가지 버전에 대한 구조화 된 마크 업을 확인할 수 있습니다. 구조화 된 데이터 테스트 도구.

10. 플래시 및 팝업 제거

모바일 장치는이를 지원하지 않으므로 플래시를 설치해야하는 모바일 장치 사용자에게 컨텐츠를 제공하지 마십시오. Googlebot은 오류를 쉽게 추적 할 수 있으며 순위에 영향을 미칩니다. HTML5와 JavaScript는 안정성과 성능 측면에서 플래시를 대체하는 더 나은 대안입니다.

귀하의 사이트에 팝업이 가득 찬 경우 Google이 처벌을받을 수 있습니다. Google은 전면 광고 콘텐츠를 크래킹하고 있습니다 (즉, 잔소리 팝업이라고하는 공식적인 방법입니다).

당신은 전에 이것을 보았을 것입니다.

탐색 중이지만 팝업이 갑자기 나타납니다! 그리고 마찬가지로, 전체 UX가 중단됩니다. 삽입 광고는 귀하가 링크를 클릭하고 'x'를 클릭 할 때까지 웹 사이트를 탐색하지 못하게합니다.

최대 포장

이 10 가지 가이드 라인은 모바일 우선 색인 업데이트를 위해 전자 상거래 웹 사이트를 최적화하는 데 도움이됩니다. 웹 사이트에 필요한 변경을 한 후에는 전 세계적으로 업데이트가 배포 된 후에도 웹 사이트를 유지하고 생존 할 수 있습니다.

전체 모바일 감사 및 웹 사이트의 적절한 분석을 권장합니다. 이렇게하면 시작하는 데 도움이되고 계속 진행하는 방법을 알게됩니다.

모바일에 최적화 된 웹 사이트를 만드는 데 집중하면 나머지는 따를 것입니다.

이미지 제공 : [1], [2], [3], [4], [5], [6], [7], [8], [9], [11], [13]

주요 이미지

아디 수자

Adi는 성장 중심의 콘텐츠 마케팅 대행사 인 Growthetics의 창립자이자 최고 성장 책임자입니다. 그는 전자 상거래 플랫폼 블로그의 성장을 돕습니다.