'동영상이 표시 영역 밖에 있음' 문제 해결 방법

동영상이 표시 영역 밖에 있음

구글 서치 콘솔(Search Console)에서 발생할 수 있는 오류 중 하나입니다. 이 오류는 동영상이 웹 페이지의 표시 영역(viewport) 바깥에 위치하여 사용자가 스크롤을 하지 않으면 보이지 않는다는 것을 나타냅니다. 일반적으로 이 오류는 웹 페이지의 동영상이 사용자에게 보이도록 하기 위해 스크롤을 사용하여 화면에 나타나야 하는데, 그렇지 않을 때 발생합니다.

오류 원인

서치 콘솔 오류 확인을 위해 테스트된 페이지 보기를 클릭하면 위 이미지의 모습을 보실 수 있습니다. 그러니까 스크린샷 노란색 네모칸 범위 안에 동영상이 보여야 하는데 그 범위를 벗어나 있기 때문에 발생하는 오류입니다. 그 이유는 구글에서 모바일 친화적인 환경을 요구하기 때문이라고 생각하시면 되겠습니다.

해결 방법

구글에서 추천하는 방법은 다음과 같습니다.

1. 동영상을 웹 페이지의 중요한 부분에 배치하여 사용자가 쉽게 찾을 수 있도록 합니다.
2. 동영상을 웹 페이지의 표시 영역 안으로 이동시킵니다. 이를 위해 CSS를 사용하여 동영상의 위치를 조정할 수 있습니다.
3. 동영상이 사용자에게 보이지 않는 경우에도 스크롤을 사용하여 동영상이 화면에 나타나도록 합니다. 이를 위해 필요한 경우 자바스크립트를 사용하여 스크롤 이벤트를 트리거할 수 있습니다.

하지만 가장 간단한 방법은 동영상의 위치를 상단으로 이동시키면 간단하게 해결할 수 있습니다.

마무리

동영상을 '렌더링 영역' 즉 노란색 네모칸 범위 안에 배치하게 되면 색인이 가능한 동영상의 경우에는 별도의 조치 없이 색인도 가능하기 때문에 만약 동영상을 배치하실 거라면 렌더링 영역을 잘 확인하면서 동영상을 첨부하면 좋겠습니다. 하지만 동영상의 경우 색인이 안될 수 있다는 점을 꼭 참고하셔야겠습니다. 자세한 사항은 아래 글을 확인하시면 이해가 더 잘 되실 수 있습니다.

'동영상이 페이지의 주요 콘텐츠가 아님' 해결 방법