본문 바로가기
코딩자료 Published Date: 2024. 6. 26.

검색엔진 최적화 이미지 요소가 속도에 미치는 영향. 2

by NanDA arhat
openipc.kr

검색엔진 최적화중 속도와 가장 민감한 부분은 동영상, 애니메이션 그림 그리고 주로 많이 사용하는 이미지가 검색엔진 최적화 속도에 영향을 줍니다. 그러나 검색엔진 최적화를 위해서 글로만 내용을 채우는건 상식적이 못한 방법일것입니다. 검색엔진의 최적화도 중요하지만 글 본연의 의미까지 상실해 가며 검색엔진 최적화를 위해 정보를 전달하는 방법중 가장 효과가 있는 동영상. 애메이션, 이미지를 사용하지 않는 것은 잘못된 방법이기 때문입니다.

 

사람들은 긴 장문의 글을 읽는 것보다 이미지를 보거나 동영상을 보면서 좀더 편리하게 정보를 얻고자 하는 본능이 있습니다. 그본능은 너무도 자연스러운것입니다. 정보의 전달 수단이 그 만큼 편리해지고 우리 생활에 그러한 편리함이 자연스럽게 받아들이고 있는 시대이기 때문입니다.그래서 이미지와 동영상은 정보전달에 있어서 빼놓을수 없는 가장 강력한 수단중 하나 입니다.

 

그러나 그러한 이미지를 어디에 배치하는가에 따라서 검색엔진 최적화 속도에 상당한 영향을 줄수있습니다. 아래는 잘못된 이미지 노출로 검색엔진 최적화 성능점수를 거의 다 손해를 보고 있는 경우입니다.

 

검색엔지최적화
글 상단이미지 노출페이지

 

위에 경우는 이미지를 글 상단에 배치한 경우입니다. 이미지를 글 상단에 배치하게 되면 검색엔진 최적화 속도 결과에서 이미지를 랜더링하는데 들어가는 시간이 모두 LCP 마이너스 요소로 반영된것을 확인할수 있습니다. 이처럼 글 페이지 상단에 이미지를 노출시키게 되면 검색엔진 최적화 테스트에서 상단 이미지 로딩시간이 길어지면서 그 소요시간이 그대로 반영된것입니다.

 

이 페이지의 경우 이미지를 상단이 아닌 다른곳에 배치를 한다면 이미지에 소요되는 시간을 줄일수있고, 제일 큰 콘텐츠에 포함이 되지도 않고 페이지의 로딩시간도 줄일수 있습니다. 단지 이미지의 적절한 배치만으로도 시스템 성능향상에 큰 도움이 될거라 생각됩니다.

 

검색엔진 최적화 중 이미지를 글 페이지의 상단에 노출시키는 경우는 몇가지 이유가 있어서 인위적으로 이런한 문제를 알고 노출시키는 경우가 있습니다. 그리고 이런 경우는 고정 이미지를 많이 사용합니다. 페이지 마다 다른 이미지를 사용하게 되면 변수가 많기 때문입니다. 이 내용은 글로 작성하게 되면 문제가 되기 때문에 생략하겠습니다.

 

한가지 예를 더 들어보겠습니다.

 

위에 경우는 이미지를 정보보호 차원에서 인위적으로 삭제를 하고 올린 경우이고 아래는 이미지를 글 상단에 올리면서 이미지를 흰색 이미지만 올렸을 경우입니다. 즉 특정 형태의 이미지가 없는 텍스트만 사용한 이미지 입니다. 이 테스트는 이미지의 크기와 해상도가 검색엔진 최적화 속도에 영향을 주지만 그보다는 이미지 자체의 존재가 검색엔진 최적화 속도에 더 영향을 준다는 결과를 확인하기 위해서 입니다. 결과는 오히려 텍스트만 작성한 이미지가 더 안좋은 결과가 나왔습니다.

 

이미지의 크기와 해상도 보다는 이미지의 위치가 LCP에서는 더 큰 영향으로 작용하며 그 이유는 처음 로딩되는 화면에서 제일 큰 콘텐츠로 작용하기 때문입니다.

 

검색엔진최적화
다른 이미지가 없는 흰색이미지



검색최적화의 속도는 이미지의 적절한 운영만으로도 상당부분 효과를 올릴수 있습니다. 검색 최적화 작업은 검색이 잘되는 방법이 아닙니다. 검색에서 불이익을 안 당하는 방법입니다.