모바일 우선 대 반응형 디자인: 오늘날 우리는 어디에 있습니까?

2019년 7월에 Google은 기본적으로 모든 새 웹사이트의 모바일 버전 색인을 시작한다고 발표했습니다. 그 발표는 구글이 진정한 모바일 퍼스트라는 것을 의미했습니다. 구글은 스마트폰 에이전트를 사용하여 페이지를 크롤링하고 색인을 생성할 것이며 귀하의 사이트의 데스크톱 버전은 전혀 색인하지 않을 수 있습니다. 1년이 지난 지금, 모바일 게돈에서 어떻게 살아남고 계신가요?

모바일 퍼스트 인덱싱은 모바일 퍼스트 디자인이 점점 더 중요해지고 있음을 의미합니다. 이 디자인 프레임워크는 지난 몇 년간의 반응형 디자인 물결과는 다른 디지털 접근 방식을 나타냅니다. Found Conference에서 SEO Nerd의 콘텐츠 전략가인 Michelle Dupler는 이 두 가지 디자인 방법론의 중요한 차이점에 대해 말했습니다.

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

"모바일 우선"은 Google이 웹을 크롤링하고 색인을 생성하는 방식을 나타냅니다. Google은 2015년에 모바일 우선 이니셔티브를 발표했으며 그 이후로 천천히 모바일 우선을 선보이고 있습니다. 오늘날의 반복적인 검색에서 Google은 휴대기기에서 렌더링된 페이지 버전을 기반으로 크롤링하고 색인을 생성합니다. Google은 페이지의 데스크톱 버전을 보는 대신 모바일 버전을 봅니다. Search Engine Land에 따르면 2018년까지 전 세계적으로 검색 결과에 표시되는 페이지의 절반 이상이 Google의 모바일 우선 절차에 따라 색인이 생성되었습니다. Google이 새 페이지와 콘텐츠를 크롤링함에 따라 그 수는 계속해서 증가하고 있습니다.

페이지는 변경되거나 생성될 때 다시 인덱싱됩니다. 웹사이트를 새 도메인으로 이동하거나, http에서 https로 전환하거나, 사이트 새로고침을 수행하거나, 사이트의 일부를 브랜드화하거나, 회사 이름을 변경하여 Google에서 색인을 생성하는 페이지의 새 버전을 얻는 경우 데스크톱 버전이 검색에서 사라질 수 있습니다.

디자인에서 모바일 퍼스트는 무엇을 의미합니까?

많은 조직이 사이트를 동적으로 만들면 모바일 우선에 대비할 수 있다고 확신합니다. 그렇지 않을 수도 있습니다! 이미 모바일 장치용으로 디자인하고 있을 가능성이 높으므로 반응형 디자인과 모바일 우선 디자인의 차이점은 무엇입니까?

주요 차이점: 반응형 디자인은 여전히 ​​데스크톱을 먼저 생각할 수 있습니다. 디자이너는 종종 데스크탑 화면과 탐색을 먼저 계획하고 디자인한 다음 해당 디자인과 탐색을 더 작은 장치에 맞게 세분화합니다. 이를 통해 동적 콘텐츠가 많은 멋진 대화형 데스크탑 디자인을 제공할 수 있습니다. 그러나 정말 멋진 대화형 데스크톱 페이지를 디자인하는 데 많은 시간을 할애하고 모바일에서 렌더링되지 않는 경우 Google은 해당 콘텐츠를 무시합니다.

진정한 모바일 우선 디자인이란 모바일 경험의 모든 부분을 먼저 계획하고 디자인한 다음 데스크톱으로 확장하는 것을 의미합니다. 모바일 탐색을 먼저 생각하고 데스크톱용으로 확장하세요. 모바일 우선을 수행하는 것은 SEO에 더 좋을 뿐만 아니라 사용자 경험에도 더 좋습니다. 와이어 프레이밍 사이트에 대해 생각하는 방식을 반대로 하여 사이트 방문자 중 점점 더 많은 부분을 차지하는 모바일 사용자에게 더 많은 관심을 기울이고 있습니다.

동적으로 디자인한다고 해서 반드시 모바일 우선 디자인의 정신을 포착하는 것은 아닙니다.

일부 전문가에 따르면 모든 인터넷 사용자의 절반 이상이 2025년까지 세계 인구의 75%가 될 수 있는 휴대 전화를 통해서만 인터넷에 액세스하기 때문에 진정한 모바일 우선 설계가 중요합니다.

모바일 경험은 우수한 사용자 경험 및 양질의 콘텐츠와 함께 최고의 SEO 순위 신호 중 하나입니다. 그렇다면 모바일 사용자를 위한 콘텐츠는 어떻게 디자인할까요?

모바일 우선 순위를 위한 디자인

아무도 휴대전화에서 거대한 텍스트 벽을 보고 싶어하지 않지만 그렇다고 해서 인터넷에서 긴 형식의 콘텐츠가 들어갈 자리가 없는 것은 아닙니다. Michelle은 몇 가지 유용한 아이디어를 공유했습니다.

• 콘텐츠를 숨기지 마세요.

  색인을 생성하기 위해 콘텐츠를 보이지 않게 만들지 마십시오. 흰색 배경의 흰색 텍스트, 메타 데이터의 수많은 항목 및 기타 구식 트릭은 Google의 최신 크롤러와 함께 소집되지 않습니다. 대신 웹 작성 모범 사례를 사용하고 모바일에서 읽을 가치가 있는 콘텐츠를 만드세요.

• 모바일 환경과 데스크톱 환경에 동일한 콘텐츠가 있는지 확인하세요 .

  과거에 SEO는 모바일 사용자가 더 적은 콘텐츠를 읽고 싶어할 것이라고 가정하고 모바일 버전의 페이지에 콘텐츠를 숨겼습니다. 그러나 페이지의 데스크톱 버전과 모바일 버전에서 콘텐츠를 유지하면 해당 콘텐츠의 색인이 생성되지 않으며 검색 순위에서 해당 콘텐츠의 가치를 잃게 됩니다.

• 모바일과 데스크톱에서 동일한 메타데이터를 표시합니다.
  

  데스크톱 경험을 위해 계획하는 모든 콘텐츠는 모바일 버전에도 있어야 합니다. 태그, 특히 noindex 또는 nofollow 태그가 데스크톱 및 모바일 크롤러 모두에 대해 동일한 페이지에 나타나는지 확인하십시오. 또한 사이트의 모바일 버전에 사진 및 동영상 태그가 표시되는지 확인합니다.

• 가독성을 고려하십시오.

  짧은 시간에 콘텐츠를 제공하세요. 글머리 기호와 번호가 매겨진 목록을 사용하여 사본을 스캔할 수 있도록 만들고 간결한 부제목을 사용하여 독자가 내용을 훑어볼 수 있도록 하십시오.

• 콘텐츠를 사용자나 봇에게 숨기지 않고 숨길 수 있는 방법을 알아보세요.

  지연 로드된 콘텐츠가 있는 경우 Javascript 문제 또는 기타 디자인 선택으로 인해 해당 콘텐츠가 크롤러에서 차단되지 않는지 확인하십시오. Google은 로드하기 위해 사용자 상호 작용(예: 클릭 또는 입력)이 필요한 콘텐츠는 스캔하지 않을 것이라고 말합니다. 아코디언이나 "더 읽기" 태그에서 긴 형식의 콘텐츠를 접는 것은 괜찮습니다. 사용자가 콘텐츠를 통해 사용자를 안내하는 데 적합한 디자인 전략을 파악합니다.

모바일 우선 디자인은 모바일 사용자를 우선시합니다.

데스크탑용 디자인을 완전히 잊어버릴 수 있습니까?

SEO 전문가들은 모바일 우선 디자인이 오늘날의 디지털 생태계에서 디자인을 할 수 있는 유일한 방법이라고 말할 것입니다. 적절한 콘텐츠와 데스크톱 환경과 일치하는 콘텐츠를 제공하는 모바일 버전의 사이트가 있는지 반드시 확인해야 합니다. 그러나 반응형 디자인, 심지어 데스크탑 우선 디자인을 위한 공간이 있습니다.

일부 산업은 모바일 우선 전환점에 도달하지 않았습니다. B2B 환경, 고객 기반이 오래된 조직, 은행 또는 금융과 같은 기업 또는 연구 중심 산업의 경우 데스크톱 사이트에서 여전히 더 많은 사용자를 볼 수 있습니다. 분석을 확인하고 대부분의 사용자가 있는 위치를 확인하고 그곳에서 만나십시오! 사용자가 대화형 Tableau 그래픽을 찾고 있다면 이를 제공하는 것이 좋습니다. 휴대전화나 태블릿에서 간단한 쇼핑 경험을 원하는 경우 해당 경험을 제공하는 것이 더 합리적입니다.

분석을 자세히 살펴보고 사용자가 원하는 것이 무엇인지에 대한 진정한 의미를 구축하십시오. 여러 분야의 팀이 올바른 접근 방식에 도달하도록 도와줄 수 있으므로 디자이너, 콘텐츠 담당자, 연구원 및 개발자와 함께 콘텐츠 및 디자인에 대한 결정을 내리십시오. 그리고 다시 한 번 말씀드리지만, 데스크톱을 우선으로 생각하는 것은 모바일에서 여유를 부리기 위한 변명이 아닙니다. Google은 모바일 사용자의 관점에서 새 사이트를 크롤링하고 있으며 열악한 모바일 환경에서는 순위가 하락할 수 있습니다.

결론? Google은 사용자가 원하는 훌륭한 콘텐츠와 경험을 제공하는 웹사이트의 순위를 매깁니다.