순위를 높이는 데 도움이 되는 10가지 모바일 SEO 모범 사례

Google은 모바일 우선 인덱싱을 순위 지정의 기본 기준으로 사용합니다. 검색 결과의 웹사이트.

모바일 친화적이지 않은 웹 사이트를 소유한 경우 불이익을 받기 때문에 여기서 그치지 않습니다. 괜찮아요; Google은 당신을 때리는 것이 아니라 웹사이트의 SEO 순위를 낮춥니다 .

즉, 웹사이트의 모바일 친화성은 Google에서 색인 생성 및 순위 결정에 영향을 미칩니다.

2021년 통계 에 따르면 모바일 장치(태블릿 제외)는 전 세계 웹사이트 트래픽의 54.8%를 생성했습니다.

따라서 웹사이트의 모바일 친화성을 무시하는 것은 절대 해서는 안 되는 약속입니다!

웹사이트의 모바일 친화성을 쉽게 확인하려면 모바일 친화성 테스트 도구를 사용할 수 있습니다.

원천

웹 사이트의 응답성에 대한 공정한 아이디어를 제공합니다. 그러나 녹색 체크가 표시되지 않으면 웹사이트가 작동해야 합니다.

다음 10가지 모범 사례에 따라 웹사이트를 모바일에 최적화된 웹사이트 로 업그레이드해야 합니다.

• 크롤러로부터 절대 숨기지 마세요
• 사용자 범퍼 처리
• 양방향 웹 페이지 최적화 연습
• 페이지 속도 모니터링
• 콘텐츠에 대한 디자인 규칙 따르기
• AMP에 대해 명확히 하세요
• 음성 검색에 최적화
• 지역 검색에 최적화
• 동적 게재 선택
• 스키마 마크업 사용

시작하려면 검색 엔진 크롤러에 대해 조금 알아야 합니다.

1. 크롤러로부터 절대 숨기지 마세요

스마트폰 GoogleBot이 웹사이트와 콘텐츠를 크롤링하는 것을 차단해서는 안 됩니다.

당신의 자바스크립트, CSS, 이미지를 노출하는 것을 두려워하지 마세요. 또는 사이트 코드의 다른 부분을 크롤러에 제공합니다.

원천

Google의 URL 검사 도구를 사용하여 크롤링을 허용했는지 확인할 수 있습니다.

Google이 웹사이트를 렌더링하는 방법과 색인 오류가 있는 경우 이를 보여줍니다.

크롤링 문제를 수정한 후 사용자 범퍼를 처리하는 것도 또 다른 편리한 방법입니다.

2. 사용자 범퍼 처리

팝업, 광고 등 원치 않는 전면 광고를 피해야 합니다.

또한 대부분의 사용자는 이미 "모든 팝업 차단" 설정이 켜져 있어 팝업에 좋지 않습니다.

그러나 다음에 최적화된 경우 관련 전면 광고를 추가할 수 있습니다.

• 페이지에 나타난 시간
• 전면 광고 로드 속도
• 크기
• 페이지에서의 위치

페이지의 중요한 내용을 가리지 않도록 하십시오.

원천

Google 에서 전면 광고로 허용 하는 특정 예외가 있습니다.

여기에는 다음이 포함됩니다.

• 쿠키 사용 정보
• 민감한 콘텐츠 경고
• 로그인 디스플레이
• 면책 조항
• 허용 가능한 한도 내 팝업(화면 전체 또는 대부분을 차단하지 않음)

팝업을 처리한 후 양방향 웹 페이지 최적화로 이동할 수 있습니다.

3. 양방향 웹 페이지 최적화 연습

이를 분석하려면 모바일 및 데스크톱 사용자 모두를 위해 웹사이트를 최적화하십시오.

따라야 할 특정 핵심 팁이 있습니다.

• 웹 사이트의 모바일 및 데스크톱 버전 모두에 대해 단일 URL을 가질 수 있습니다. 그러나 응답성을 향상시키려면 콘텐츠에 메타 뷰포트 태그를 넣어야 합니다.

브라우저가 페이지의 크기를 사용자 장치의 너비에 맞게 자동으로 조정하는 데 도움이 됩니다.

다음은 문서 헤드에 추가해야 하는 메타 태그의 구문입니다.

<메타 이름=”뷰포트” 콘텐츠=”너비=장치 너비, 초기 크기=1.0″>

• 적절한 리디렉션을 사용하여 mobile-404 오류를 피 하세요. 모바일 웹사이트에 대한 다른 URL이 있는 경우 사용자를 해당 URL로 리디렉션합니다.

• 많은 스마트폰이 플래시 플레이어를 지원하지 않습니다. 따라서 특수 효과를 위해 플래시 플레이어 형식 대신 HTML5 를 선택하는 것이 가장 좋습니다. "모든 기기에 친화적인" 비디오 임베딩을 사용할 수도 있습니다.

그런 다음 페이지의 로딩 속도를 가속화하는 방법을 이해하십시오.

4. 페이지 속도 모니터링

느린 페이지 로딩 속도는 웹사이트의 이탈률을 증가시킵니다.

원천

또한 비즈니스의 UX 및 전환율에 영향을 미치므로 SEO 순위가 낮아집니다.

좋은 페이지 로딩 속도를 얻으려면 다음 방법을 따라야 합니다 .

• 브라우저 캐싱 활용
• 리디렉션 줄이기
• 이미지 크기를 작게 유지
• 원치 않는 거대한 마케팅 팝업 피하기

변경 사항을 즉시 적용하는 동안 시간을 ​​절약하려면 사이트 설정을 백업해야 합니다 .

이제 웹 사이트의 순간이지만 중요한 부분인 콘텐츠 디자인이 나옵니다.

5. 콘텐츠 디자인 규칙 준수

콘텐츠에는 선, 이미지 또는 아이콘 사이에 최적의 음수 공간 이 있어야 합니다.

원천

위 이미지에서 왼쪽 스크린샷에는 적절한 음수 공간이 있는 반면 오른쪽 스크린샷에는 많이 부족합니다.

다음은 사이트의 유용성을 개선하기 위해 따라야 할 몇 가지 팁입니다.

• 다양한 색상 또는 크기로 중요한 아이콘 또는 클릭 강조 표시
• 일반 시각 장애인이 쉽게 읽을 수 있는 글꼴 크기(14-16픽셀) 사용
• 모든 탭에 맞게 작은 크기의 아이콘을 피하십시오.

콘텐츠를 디자인하는 것만으로는 충분하지 않습니다. AMP는 모바일 SEO에도 유용합니다.

6. AMP(Accelerated Mobile Pages)에 대해 명확히 하세요

AMP에 대한 딜레마를 해결해 드리겠습니다.

AMP는 페이지를 빠르게 로드하지만 특정 웹사이트 콘텐츠는 제외하도록 설계되었습니다.

Google은 AMP 지원 웹사이트를 상향 조정하지만 페이지 기능을 제한하므로 좋지 않을 수 있습니다.

원천

AMP 선택에 대한 결정은 다음 두 가지 요소에 따라 달라집니다.

• 비즈니스의 성격
• 현지 방문 횟수

이제 AMP를 쉽게 선택할 수 있습니다.

그런 다음 프로세스의 흥미로운 부분인 음성 검색을 최적화합니다.

7. 음성 검색에 최적화

오케이 구글! 이봐 시리! 알렉사! – 이는 오늘날 사용자에게 서서히 일반적인 커뮤니케이션 방법이 되고 있습니다.

전 세계 온라인 인구의 27%가 모바일에서 음성 검색 을 수행합니다. 그리고 그 양은 월간 거의 10억입니다.

따라서 음성 검색을 위해 웹사이트를 최적화해야 합니다.

준비가 되면 다음 사항을 염두에 두십시오.

• 대화식으로 작성하십시오.
• 더 많은 질문 키워드를 타겟팅합니다.
• 풍부한 결과를 위해 향상합니다.
• 질문을 간단하고 짧은 형식으로 유지하십시오.

그러나 이것은 로컬 사용자에게 충분하지 않을 수 있습니다. 또한 지역 검색을 위해 웹사이트를 최적화하는 방법도 살펴봐야 합니다.

8. 지역 검색에 최적화

귀하의 비즈니스에 지역적 요소를 가짐 전환율을 높입니다.

스마트폰 사용자의 60%는 검색 결과(예: "클릭 투 콜" 옵션)를 사용하여 업체에 직접 연락했습니다.

그렇기 때문에 Google 비즈니스 계정이 있어야 합니다.

그럼에도 불구하고 사이트의 메타데이터에서 이름, 주소, 전화번호, 도시, 주 등 세부 정보를 표준화 하는 것을 잊지 마십시오.

그것은 확실히 지역 검색에서 웹 사이트의 이탈률을 줄일 것입니다.

지역 검색에서 더 많은 트래픽을 얻는 다른 방법은 다음과 같습니다.

• 로컬 웹 디렉토리에 비즈니스 등록
• 고객 리뷰 요청
• 시간이 지남에 따라 세부 정보 업데이트
• 지역 소셜 네트워크 구축

이제 동적 게재를 간소화해 보겠습니다.

9. 동적 검색 선택

새로운 웹사이트를 디자인하는 번거로움 없이 하나의 URL로 데스크톱 및 모바일 사용자 모두에게 서비스를 제공할 수 있다면 어떨까요?

사용자가 사용하는 장치 유형(모바일, 태블릿 또는 데스크톱)에 따라 다양한 HTML 및 CSS 세트를 표시하려면 하나의 URL만 있으면 됩니다.

이 설정을 사용하면 모바일 사용자에게는 웹사이트의 모바일 버전이 제공되고 데스크톱 사용자에게는 웹사이트의 데스크톱 버전이 제공됩니다.

이를 적용하려면 웹사이트의 코드에 Vary HTTP 헤더를 넣어야 합니다. 그 목적은 캐싱 서버가 사용자에게 서비스를 제공하도록 신호를 보내는 것입니다.

• 모바일 장치용 모바일 HTML
• 데스크탑 장치용 데스크탑 HTML

원천

예를 들어, 사용자가 Makemytrip에서 예약하기 위해 호텔을 체크아웃합니다.

모바일 사이트와 데스크톱 사이트의 콘텐츠 차이를 확인할 수 있습니다. 다이나믹 서빙 방식의 작품입니다.

좋아요!

여기서 유일한 문제는 새 사용자를 목록으로 업데이트하는 것입니다. 그렇게 하는 동안 특정 실수를 피하십시오.

마침내 우리는 마지막 연습인 스키마 마크업에 도달했습니다.

10. 스키마 마크업 사용

웹사이트 전문 용어인 스키마 마크업은 콘텐츠를 검색 엔진 크롤러에 정확하게 전달하기 위해 웹사이트 데이터를 구조화합니다 .

SERP 내에서 추가 및 검색 의도 관련 정보를 제공하는 리치 스니펫의 일부입니다.

비즈니스 요구 사항에 따라 사용할 수 있는 다양한 유형의 스키마 마크업이 있습니다.

• 조항
• 이벤트
• 사람들
• 제품
• 조직
• 지역 기업
• 제품 리뷰
• 건강 상태
• 조리법
• 웹사이트 내의 이동 경로
• 채용 공고
• FAQ 페이지
• 직업 훈련
• 서적
• 팟캐스트
• 어떻게
• 로고
• 영화 산업
• 사이트링크 검색창
• 구독 및 페이월 콘텐츠
• 비디오
• 이미지 라이선스 메타데이터

옵션을 결정했으면 웹사이트의 스키마 코드를 생성하는 도구가 있습니다.

원천

위 이미지의 빨간색 화살표는 풍부한 결과를 시각적으로 보여 주는 스키마 구조화된 사이트의 마법입니다.

이 연습을 통해 다음을 얻을 수 있습니다.

• 높은 클릭률
• 높은 지역 SEO 순위
• 향상된 모바일 SEO

이제 웹사이트를 모바일에 최적화할 수 있는 모든 것이 준비되었습니다.

결론

이 10가지 방법은 웹사이트를 모바일 친화적으로 만들고 모바일 SEO 노력을 최대한 활용하는 데 도움이 됩니다.

때때로 진행 상황을 계속 확인하고 더 나은 결과를 위해 필요한 변경을 하십시오.

마지막으로, 더 나은 순위를 매기기 위해 필요한 것이 있습니다.

위의 관행 중 아직 따르지 않은 것은 무엇입니까? 댓글에서 웹사이트의 기복을 알려주십시오.

저자 약력

Sahil은 계속 성장하는 인터넷 환경에서 회사와 브랜드가 SEO 노력에서 앞서 나갈 수 있도록 지원하는 플랫폼인 Rankwatch의 CEO이자 설립자입니다. 그는 RankWatch 블로그에서 자신의 지식과 경험을 계속 공유하고 일상적인 작업의 자동화에 도움이 될 수 있는 창의적인 제품을 만드는 것을 좋아합니다. Facebook 또는 Twitter에서 그와 Rankwatch 팀과 연결할 수 있습니다.

소셜 미디어 링크:

페이스북 - https://www.facebook.com/RankWatch/

링크드인- https://www.linkedin.com/company/3478204/

트위터- https://twitter.com/RankWatch

인스타그램 : https://www.instagram.com/rankwatch_seo/

웹사이트- http://www.rankwatch.com