2019년 7월부터 모바일 우선 지수는 신규 도메인에 대한 Google 검색 결과 순위의 표준이 되었습니다.
Google은 2020년 초에 늦어도 2021년 초까지 모든 웹사이트에 '모바일 우선 색인'을 적용할 것이라고 발표했습니다. 즉, 모바일 사용에 최적화된 웹사이트만 검색 결과 목록의 상단에 표시된다는 뜻입니다. 따라서 반응형 디자인은 강력한 순위 결정 요소입니다. 웹사이트의 콘텐츠가 아무리 훌륭하더라도 반응형 디자인이나 모바일 사이트로 설계되지 않았다면 사용자가 주로 데스크톱 사용자인지 여부에 관계없이 전체 트래픽 잠재력을 실현하지 못할 수 있습니다.
최근 몇 년 동안 Google은 페이지 속도, 모바일 최적화 및 신뢰도와 같은 요소를 Google 검색 결과 목록의 순위 요소로 점점 더 많이 전환하고 있습니다. 2020년 5월, Google은 2021년부터 페이지 경험이 7가지 요소를 결합하여 웹사이트 경험의 품질을 총체적으로 파악할 수 있는 지표가 될 것이라고 발표했습니다.
사용자 및 페이지 경험의 7가지 주요 요소 6가지
- 로딩 속도
- 상호 작용성(2024년 2월까지), 응답성(2024년 3월부터)
- 시각적 안정성(누적 레이아웃 변경)
- 모바일 최적화
- 안전한 브라우징: 멀웨어 없음, 브랜드 위조 없음... (2021년부터 순위 요소로 다시 비활성화됨)
- HTTPS: SSL 인증서를 통한 암호화
- 방해가 되는 전면 광고(전면 배너) 없음
로딩은 웹사이트 속도, 즉 사용자에게 주요 콘텐츠가 얼마나 빨리 표시되는지를 나타냅니다. Google은 웹사이트 운영자가 사용자를 위해 노력해야 하는 바람직한 시간으로 최대 2.5초를 지정하고 있습니다.
첫 번째 입력 지연의 의미에서의 상호 작용은 사용자가 스크롤하거나 버튼을 클릭하는 등 페이지와 상호 작용하고자 할 때 페이지가 실제로 반응하는 시간을 의미합니다. 따라서 사용자 상호 작용에 대한 웹사이트의 반응 속도입니다. 이 기간은 가능한 한 짧게 유지해야 하며 Google의 적정값은 최대 100ms입니다. 하지만 2024년 3월부터 FID는 "Interaction to Next Paint"(INP)로 대체될 예정입니다. FID와 마찬가지로 INP는 웹사이트의 응답 속도에 관한 것입니다. 사용자 상호 작용 후 웹사이트가 더 빨리 응답할수록 좋습니다. INP는 전체 방문 기간 동안 웹사이트의 지연 시간을 측정합니다. 모든 사용자 상호 작용이 고려됩니다.
온라인에서 매우 긴 문서로 작업하는 경우 이 개념에 익숙하실 것입니다. 온라인 애플리케이션 Google Docs의 스크립트에 수백 페이지의 콘텐츠가 있는 경우 지연 또는 흐릿함이 발생할 수 있습니다. 마케팅 강사인 저는 500페이지가 넘는 스크립트를 만들었습니다. 브라우저에서 글을 작성할 때 많은 이미지 파일을 포함하여 리소스를 많이 사용하는 페이지를 원활하게 로드하는 데 어려움을 겪으면서 미세한 버벅거림을 발견했습니다. 이 때문에 업무에 지장을 주지는 않았지만 작업에는 지장이 있었습니다. 또 다른 예는 이미지가 매우 많은 웹 사이트에서 스크롤할 때 지연이 발생하는 경우입니다(예: 4eck Media.de). 이것이 바로 웹사이트의 상호작용성, 즉 긍정적인 사용자 경험의 핵심입니다.
누적 레이아웃 변경 (CLS)은 웹사이트가 비동기식으로 로드되고 사용자가 더 아래쪽 섹션을 읽는 동안 파일 크기가 큰 이미지나 광고가 상단에 로드되고 최종 배치로 인해 레이아웃이 아래쪽으로 이동하는 경우 발생합니다. 예를 들어 최적화되지 않은 10MB 크기의 이미지가 상단 영역에 삽입된 경우 이런 문제가 발생할 수 있습니다. 인터넷 연결 속도가 느리고 사용자가 이미 아래로 스크롤한 경우 이미지가 천천히 쌓입니다.
Seobility와 같은 SEO 소프트웨어의 응답 시간 분포에서 성능이 너무 좋지 않다는 힌트를 얻을 수도 있습니다. 이러한 방법으로도 충분하지 않은 경우 성능을 개선하고 GTMetrix 및 Google PageSpeed와 같은 추가 도구를 사용해야 합니다.
페이지스피드는 여기에서 테스트할 수 있으며 두 가지 도구를 권장합니다:
https://gtmetrix.com/ (서버 위치를 런던으로 조정하세요!)
https://pagespeed.web.dev/ (특히 모바일과 데스크톱에 대한 분할 정보로 인해 권장됨)
다음은 페이지 속도에 대한 TutKit.com의 모바일 평가와 핵심 웹 바이탈 통과 여부에 대한 표시를 발췌한 것입니다:
웹사이트 속도와 응답성은 서버 성능, 코드 품질, 이미지 파일 크기, PNG가 아닌 SVG 아이콘 등 여러 요인에 따라 달라집니다. 따라서 아직 수치가 좋지 않은 경우 전반적인 개선을 위해 당분간 GTMetrix 및 PageSpeed Insight의 권장 사항을 고수하는 것이 좋습니다.
최신 웹 형식(WEBP/AVIF)의 이미지의 경우 https://squoosh.app/ 같은 도구를 사용할 수 있습니다. 이 도구는 몇 개의 이미지만 수동으로 변환하려는 경우에 특히 유용합니다. 그렇지 않은 경우 서버 또는 cms에서 JPG 또는 PNG 파일을 변환하도록 할 수도 있습니다. 최신 이미지 포맷으로 TutKit.com을 사용자 지정했을 때 14,000개 이상의 기존 JPG 파일이 한 번에 AVIF 및 WEBP로 출력되었습니다. 압축률이 더 우수하고 품질이 좋은 AVIV가 브라우저에 기본적으로 표시됩니다. 구형 브라우저에서 AVIF를 지원하지 않는 경우 WEBP가 대체로 표시됩니다. 에이전시 웹사이트 4eck Media.de에서도 동일하게 구현했습니다.
결과적으로 Google은 새로운 페이지 경험용 핵심 웹 바이탈에 대한 요약된 값도 제공합니다. Google 검색 콘솔에서는 웹사이트의 개별 페이지에 할당할 수 있는 옵션도 있습니다. 이를 통해 페이지의 문제를 분석, 식별 및 수정하는 데 도움이 됩니다.
웹사이트의 모바일 친화성은 람다 테스트와 같은 도구를 사용하여 테스트할 수 있습니다.
특히 개발자에게는 레이아웃이 특정 최종 디바이스에 어떻게 반응하는지 파악하는 것이 중요한 경우가 있습니다(예: 고객이 구형 iPhone 모델에서 문제를 보고하는 경우). Chrome = F12를 사용하면 다양한 기기를 직접 활성화한 다음 해상도를 표시할 수 있습니다.
모바일 최적화는 사용자가 스마트폰에서 콘텐츠를 확대하지 않고도 편안하게 볼 수 있다는 의미이기도 합니다!
안전한 브라우징은 웹사이트가 멀웨어를 전달하지 않으며, 사용 금지된 브랜드 로고를 사용하지 않거나 포트폴리오에 없는 브랜드 제품을 사용하는 것처럼 가장하는 등의 규칙을 준수한다는 것을 의미합니다. 예를 들어 동영상 재생을 위한 재생 버튼은 실제로 동영상을 재생하고 사용자에게 아무것도 다운로드하지 않아야 한다는 의미이기도 합니다. 특히 멀웨어는 세이프 브라우징에서 많은 웹사이트의 가장 큰 위험 요소이며, 이는 사용되는 CMS와 플러그인을 지속적으로 업데이트해야만 제한할 수 있습니다. 웹사이트에 문의 양식이 반드시 필요하지 않은 경우 양식 필드가 해커나 자동화된 해킹에 SQL 인젝트, 크로스 사이트 스크립팅, 16진수 코드 등을 위한 게이트웨이를 제공하기 때문에 양식 없이 사용하는 것을 고려하는 것이 좋습니다. 2021년 8월, Google은 많은 웹사이트 소유자가 해킹에 대한 책임이 없기 때문에 더 이상 안전한 브라우징을 순위 요소로 고려하지 않겠다고 다시 한 번 발표했습니다. 페이지스피드 인사이트와 라이트하우스에서는 평가에서 안전 브라우징에 대한 권장 사항을 볼 수 있으므로 이 주제가 아직 SEO에서 완전히 배제된 것은 아니라고 가정할 수 있습니다:
HTTPS는 이제 표준입니다. 모든 사이트에는 SSL 인증서가 있어야 합니다. 인증서가 없는 사이트 운영자에게는 경고의 위험이 있습니다 (https://t3n.de/news/dsgvo-abmahnung-ssl-fehlt-1091180/).
따라서 특히 서버를 변경하거나 다시 시작할 때는 http에서 https로 포워딩하는 것을 고려해야 합니다. 이를 위한 테스트 도구도 있으니 참고하세요: https://www.seobility.net/de/redirectcheck/
이러한 맥락에서 SSL 인증서가 할당되기 전에 배치된 이미지가 코드에서도 http에서 https로 조정되었는지 확인하는 것이 특히 중요합니다. 그렇지 않으면 브라우저에서 페이지가 안전하지 않다고 표시합니다. 가장 널리 사용되는 CMS인 WordPress 사이트의 경우(또는 과거에 그랬던 경우)입니다.
Google 검색을 통해 http 페이지가 여전히 색인화되어 있는지 확인하세요. 검색 필드에 사이트:도메인 inurl:http를 입력하면 됩니다.
도메인을 회원님의 도메인으로 바꿉니다. 입력합니다.
- 사이트: 지정한 도메인에만 포함된 결과를 필터링합니다.
- -inurl: URL에 http가 포함된 페이지의 결과를 필터링합니다.
차트의 마지막 요점은 사용자의 심장을 더 빨리 뛰게 하는 경우가 거의 없는 전면 배너와 같은 방해가 되는 전면 광고는 피해야 한다는 것입니다. 이러한 배너는 좌절감을 조장하여 부정적인 감정과 빠른 취소를 보장할 뿐입니다.
느린 로딩 시간, 모바일 비친화성 또는 기타 요인으로 인해 사용자를 실망시키지 않으려면 페이지 경험이 특히 중요합니다. 따라서 원하는 행동으로 전환하는 데 기여합니다. 웹사이트의 콘텐츠 및 기타 사용자 신호도 순위에 영향을 미치기 때문에 페이지 경험이 우수하다고 해서 반드시 순위에서 승자가 되는 것은 아닙니다. 그러나 콘텐츠 측면에서 페이지의 위치가 동일하다면 페이지 경험이 더 나은 웹 사이트가 '동점자'가 되어 핵심 웹 바이탈에서 더 나은 값을 가진 웹 사이트가 더 높은 순위를 차지할 수 있습니다.
모바일 친화성과 높은 사용자 및 페이지 경험에 대한 Google 요소는 대부분 개발자 또는 지원 대행사만이 해결할 수 있습니다. 마케팅 담당자는 페이지 경험을 측정하는 데 사용되는 지표와 이를 위해 사용할 수 있는 도구를 파악하는 것이 중요합니다. 대행사에 최적화를 의뢰하는 경우, 서비스 수락을 위해 매우 우수한 측정 결과가 필요하다는 점을 계약서에 직접 명시하세요.
