Google이 곧 모바일 검색을 시작하여 올해 중반에 색인을 생성하기 때문에 모바일 친화적 인 웹 사이트를 만들어 비즈니스를 활성화해야합니다. 모바일로 전환하기 위해 모든 기기에서 웹 사이트를 최적화하기위한 다음 네 가지 팁을 고려하십시오.
모바일 우선 색인으로 전환 이해
Google은 데스크톱 콘텐츠를 사용하여 데스크톱 및 모바일에 대한 웹 사이트 순위를 결정합니다. 즉, 휴대 기기가 아닌 데스크톱에 콘텐츠가 표시되는 방식에 따라 순위가 결정됩니다. 그러나 현재 데스크톱에서보다 모바일 장치로 인터넷에 액세스하는 사용자가 늘어나고 있기 때문에 Google은 공식적으로 모바일 콘텐츠를 기반으로 웹 사이트 순위를 결정했습니다. 웹 사이트가 반응 형 레이아웃이 아니거나로드 속도가 느리거나 탐색 및 콘텐츠가 제대로 설계되지 않은 경우 근무하기 전에 모바일 용 사이트를 최적화하지 않으면 순위가 낮아질 수 있습니다.
$config[code] not found테스트 및 가속로드 속도
최근 연구에 따르면 47 %의 소비자가 2 초 이내에 웹 페이지를로드하고 40 %의 시청자가 웹 사이트를 떠날 때로드 프로세스에 3 초 이상이 소요됩니다. 모바일 페이지로드 속도가 전환 후 순위를 결정하는 중요한 요소가된다는 Google의 발표와 함께이 통계는 모든 비즈니스 소유자가 웹 사이트의 모바일로드 시간을 다시 확인하도록하기에 충분해야합니다. Google 툴 크롬 사용자 및 Page Speed 통계를 사용하여 각 웹 사이트 페이지의로드 속도를 결정하십시오.
로딩 속도를 가속화해야하는 경우 가장 권장되는 방법은 다음과 같습니다.
- AMP: 가속 모바일 페이지 프로젝트 - AMP는 표준 HTML보다 빠르게 웹 사이트의 페이지를로드하기 위해 pared-down HTML을 사용하는 오픈 소스 엔터프라이즈입니다. 이는 Google이 버퍼 저장소에 콘텐츠를 저장하는 것과 함께 웹 사이트의 로딩 시간을 향상시키는 데 도움이됩니다.
- 점진적 웹 응용 프로그램 - PWA는 AMP 프로젝트로 이동하고 싶지 않은 사람들을위한 옵션입니다. PWA는 사용자 커뮤니케이션에 신속하게 대응하고 신속하게로드되므로 AMP에 대한 실용적인 대안이됩니다.
- PWAMP - PWAMP는 AMP, JS, CSS 및 HTML에서 개발 된 PWA의 혼합이지만 PWAMP를 사용하는 사이트는 AMP 페이지만큼 빨리 인증하지 못할 수 있습니다. 그러나 PWAMP 페이지는 여전히 빠르며 PWA와 동일한 이점을 제공합니다.
사용자 경험에 스포트라이트 넣기
기업이 일반적으로 범하는 실수는 데스크탑 웹 사이트를 모바일에 적용하는 것과 모바일이 단순히 데스크톱 사이트에 추가되는 것처럼 행동하는 것입니다. 전환 후 높은 순위를 얻으려면 회사는 주로 모바일 사용자의 경험을 바탕으로 조정을 수행하여 모바일의 우선 순위를 지정해야합니다. 모바일 웹 사이트 사용자에 대해 다음 질문을하십시오.
- 내비게이션 - 어떻게 보이며 기동하기가 쉽니 까? 사용자가 방금 전에 있었던 곳으로 쉽게 이동할 수 있습니까?
- 명확성 - 중요한 정보를 찾는 것이 얼마나 쉬운가요? 내 제목 페이지가 명확합니까? 내 연락처 정보에 쉽게 액세스 할 수 있습니까?
- 팝업 고려 - 팝업을 쉽게 닫을 수 있습니까? 팝업을 모두 줄여야합니까?
- 글꼴 - 글꼴 크기는 얼마나 큽니까? 얼마나 커야합니까?
이러한 고려 사항을 염두에두고 모바일 사이트를 준비하는 마지막 단계로 이동할 준비가되었습니다.
디자인 및 콘텐츠 최적화
위 질문에 기반하여 웹 사이트를 면밀히 분석 한 후 가능한 최상의 모바일 사용자 환경을 만드는 데 중점을두고 모바일 용 콘텐츠를 최적화하고 디자인하십시오. 디자인과 콘텐츠에 대해 재구성하려는 것이 많지만 가장 기본적인 변경 사항은 다음과 같습니다.
- 반응이 빠른 웹 디자인 - 다양한 기기와 화면 크기의 다양한 사이트에서 모양과 기능을 최적화하는 디자인 방식 인 반응 형 웹 디자인을 권장합니다.
- 드롭 다운 메뉴 사용 - Google은 페이지와 동시에 콘텐츠가로드되는 경우 드롭 다운 메뉴에서 콘텐츠를 차폐하는 웹 사이트에 불이익을주지 않으므로 모바일 사이트를 구축 할 때 드롭 다운 메뉴를 합리적으로 통합하십시오.
- 플래시 사용 안함 - 대부분의 모바일 사용자는 플래시 콘텐츠를 볼 수 없으므로 플래시 콘텐츠를 사용하지 말고 대신 자바 또는 HTML을 사용하여 사이트에 매력적인 요소를 추가하십시오.
- 내용을 읽기 쉽도록 만드십시오 - 작은 화면에서 내용을 읽기 쉽게 만드십시오. 텍스트의 더 긴 부분에 몇 개의 링크를 제공하여 사용자가 원하는 곳에 쉽게 접근 할 수 있고 헤더를 사용하여 컨텐츠를 분할하고 페이지를보다 깔끔하게 보이게 할 수 있습니다.
- 텍스트 크기 및 터치 스크린 기능을 쉽게 클릭 할 수있게하십시오 - 탭 크기를 적절한 크기로 만들고 클릭 가능한 구성 요소 사이에 충분한 공간을 남겨 두어 웹 사이트가 "탭 친화적"인지 확인하십시오
Shutterstock을 통한 사진
1 논평 ▼
