블로그(28): Core Web Vitals INP 문제

블로그(28): Core Web Vitals INP 문제

에드센스 계정에 광고제한도 걸려서 가뜩이나 기분도 좋지 않은데 갑자기 “귀하의 웹사이트에서 Core Web Vitals INP 문제가 감지되었습니다”란 이메일이 왔습니다. 한 번도 받아본 적이 없는 메일이라 알쏭달쏭하기만 합니다. 이번 글에서는 이 메일이 무슨 뜻인지에 대해 알아보겠습니다.

 

 

구글에서 온 이메일

이런 이메일이 왔습니다. 잘 모르겠지만 “INP 문제: 200ms 초과”라는 말이 나와 있습니다. 우선 INP 문제해결을 눌러봅니다.

 

수정 결과 확인을 누릅니다.

구글서치콘솔로 들어왔습니다. 모르는 건 마찬가지이지만 일단 “수정 결과 확인”을 눌러봅니다.

 

유효성 검사가 시작되었습니다.

항상 익숙한 “유효성 검사 상태: 시작됨”이 나옵니다. 28일 이내에 완료된다고 하니 이제 기다려보겠습니다. 하지만 이렇게 대충 처리한 듯한 것 같은데, 대체 “Core Web Vitals INP 문제”는 무엇일까요?

 

 

▌코어 웹 바이탈

• 코어 웹 바이탈 이해하기: 코어 웹 바이탈은 웹사이트와 연결할 때 사용자의 전반적인 경험을 평가하기 위해 구글에서 도입한 사용자 중심 측정지표 집합입니다. 페이지 로딩 속도, 상호 작용 및 시각적 안정성과 같은 주요 측면을 측정한다고 합니다. 이 지표가 검색 엔진 순위에 영향을 미칠 수 있습니다.

• 세 가지 코어 웹 바이탈 지표: 핵심 웹 바이탈은 다음의 세 가지 주요 지표로 구성됩니다.

가장 콘텐츠가 많은 페인트(LCP): 페이지의 주요 콘텐츠가 사용자에게 표시되는 데 걸리는 시간을 측정합니다.

첫 번째 입력 지연(FID): 버튼을 클릭하거나 메뉴 항목을 선택하는 등의 첫 번째 사용자 상호 작용에 웹 페이지가 응답하는 데 걸리는 시간을 측정합니다.

누적 레이아웃 시프트(CLS): 로딩 프로세스 중 예상치 못한 레이아웃 이동을 평가하여 페이지의 시각적 안정성을 측정합니다.

 

▌INP 문제

• 입력 지연(INP)이란?

입력 지연은 코어 웹 바이탈 내에서 첫 번째 입력 지연(FID) 지표의 하위 집합입니다. 이는 사용자의 상호 작용(예: 버튼 클릭)과 해당 동작에 대한 웹사이트의 응답 사이의 지연을 나타냅니다. INP 값이 높을수록 사용자 입력에 대한 웹사이트의 응답이 지연된다는 뜻입니다.

• INP가 중요한 이유는?

INP가 높으면 사용자 경험에 부정적인 영향을 미칠 수 있습니다. 방문자가 자신의 행동과 웹사이트의 응답 사이에 지연이 발생하면 불만, 참여도 감소, 이탈률 증가로 이어질 수 있습니다. 따라서 사용자 만족도와 리텐션을 개선하기 위해서는 INP 문제를 해결하는 것이 중요합니다.

 

▌INP 문제 처리하기

• INP 문제 분석하기: 우선 영향을 받는 페이지를 확인합니다. 구글의 서치콘솔 등의 도구를 활용하여 데이터를 수집하고 문제가 있는 페이지를 찾습니다.

• INP를 줄이기 위한 방법: 여러 가지 방법이 있을 수 있지만 html이나 css를 특별히 건드리지 않았다면 일반 블로거가 그다지 할 일은 없습니다.

 

▌블로그에 미치는 영향

• 사용자 경험: INP 문제를 해결하면 웹사이트 접속 지연이 줄어들어 사용자 경험에 긍정적인 영향을 줍니다. 사용자는 자신의 블로그에 보다 원활하게 들어올 수 있으므로 참여도가 높아지고 이탈률이 낮아질 가능성이 있습니다.

• 검색 엔진 순위: 구글은 코어 웹 바이탈을 순위 알고리즘의 일부로 봅니다. INP 문제를 해결하면 검색 결과에서 더 높은 순위를 차지할 가능성이 높아집니다.

 

 

블로그(26): “사용자가 선택한 표준이 없는 중복 페이지”의 원인과 해결방법

블로그(26): “사용자가 선택한 표준이 없는 중복 페이지”의 원인과 해결방법

블로그(12): 티스토리 글 작성 중 "400 Bad Request" 에러 해결(크롬)

블로그(12): 티스토리 글 작성 중 "400 Bad Request" 에러 해결(크롬)

블로그(9): 블로거에게 추천하는 무료 이미지 사이트 5개

블로그(9): 블로거에게 추천하는 무료 이미지 사이트 5개