AMP기능을 이용하게 되면은 구글 서치 콘솔에서 AMP의 개선사항을 항상 체크해주어야 하는 번거로움이 발생합니다.
워드프레스로 블로그를 시작하면서, AMP기능을 이용하는 것이 좋다고 하여, 초반에 AMP기능을 활성화 하게 되었는데, 구글 서치 콘솔에서 AMP에 문제가 발생했다는 메일이 도착하게 되었습니다.
“이미지 크기가 권장 크기보다 작음“이라는 문제가 되겠는데, 일단 중요한 문제는 아니라고 하지만, 블로그를 운영하는 입장에서는 그냥 무시할 수는 없어, 이 글에서는 구글이 권장하는 이미지의 크기를 알아보고, 이미지 크기가 작은 문제를 해결하는 방법을 정리해보았습니다.
1. 구글이 권장하는 이미지 크기
Google 검색센터에서 이미지의 규정에 대해 검색을 하면은 아래 두군데에서 이미지의 사이즈에 대해 언급이 있습니다.
- 구조화된 기사(Article, NewsArticle, BlogPosting) 데이터
고해상도 이미지(너비와 높이의 곱이 최소 50,000픽셀)를 제공하는 것이 좋습니다. - 디스커버 및 웹사이트
이미지는 너비가 1,200픽셀 이상이어야 합니다.
위 두가지 내용을 자세히 알아보면 아래와 같습니다.
1-1. 구조화된 기사(Article, NewsArticle, BlogPosting) 데이터
구조화된 기사 데이터에서 말하는 너비와 높이의 곱이 최소 50,000픽셀이라는 것은 사실 엄청 작은 사이즈가 되겠는데, 대략 500원 동전 크기의 이미지가 50,000픽셀 정도라고 보시면 되겠습니다.
실제로 그림판에서 50,000픽셀 사이즈를 만들어볼 수 있는데, 위 그림판 캡쳐에서처럼, 크기 조정을 클릭하여, 필셀항목에서 가로 250정도 입력해주면, 세로는 자동으로 수치가 입력해지게 되는데, 250픽셀*290픽셀이면 벌써 70,000픽셀을 넘게 되는 사이즈가 되겠습니다.
그래서 여기서 얘기하는 이미지의 사이즈라는 것은 권장사항이라기보다, 그냥 너무 지나치게 비정상적으로 작은 사이즈 예를 들면 조그마한 아이콘 같은 사이즈의 이미지는 삽입하지 않았으면 하는 것이겠습니다. 구글이 고해상도의 이미지를 요구하는 이유는, 블로그 방문자들이 이미지를 제대로 확인할 수 있게 하기 위한 것이겠습니다.
근데 우리가 기본적으로 삽입하고 있는 이미지는 거의 50,000픽셀 이상일 것이어서, 이번 AMP의 문제 “이미지 크기가 권장 크기보다 작음” 과는 관계가 조금 약하다는 것을 알 수 있겠습니다.
이어서 아래 두번째 규정에 대해 알아보겠습니다.
1-2. 디스커버 및 웹사이트
디스커버 및 웹사이트에서는 이미지의 너비가 1,200픽셀 이상인 것을 요구하고 있는데, 이는 모든 이미지 사이즈의 요구사항이 아닌, 디스커버의 이미지의 사이즈를 말하는 것이겠습니다.
디스커버 이미지는 워드프레스에서 특성 이미지 즉 썸네일이 되겠는데, 위 캡쳐에서처럼 이미지가 왼쪽에 나타나기도 하고, 핸드폰 화면에서는 제목 상단에 크게 나타나기도 하고, 제목 오른쪽에 조그마하게 나타나기도 하겠는데, 이때 나타나는 이미지의 너비가 1,200픽셀 이상이어야, 구글 검색노출에서 클릭될 확률이 높아질 수 있다는 것이겠습니다. (사진이 크게 나타날 수록 눈에 더 잘 띄게 되고, 결국 클릭될 확률이 높아진다는 것이겠습니다.)
그래서 AMP에서 얘기하는 “이미지 크기가 권장 크기보다 작음“이라는 것은 특성 이미지 즉 썸네일 이미지의 너비가 1,200픽셀보다 작다는 것이겠고, 우리가 해야 하는 것은 해당 문제가 있는 글의 특성 이미지 즉 썸네일 이미지의 너비를 1,200픽셀보다 크게 바꿔주면 된다는 것이겠습니다.
모든 글의 모든 이미지를 하나하나 다 픽셀을 체크하여 바꾸줄 필요는 없다는 것이겠습니다.
이미지의 픽셀을 변경하는 방법은 그림판에서 간단하게 할 수 있는데, 그 전에 이미지의 픽셀을 어떻게 확인하는지 아래에 소개해봅니다.
2. 이미지 픽셀 확인방법
위 캡쳐에서처럼, 이미지 파일에서 오른쪽 마우스를 클릭하고, 속성->상세에 들어가면 너비 즉 가로의 픽셀을 확인할 수 있겠습니다. 위 캡쳐에서의 이미지 너비는 682픽셀로 1,200픽셀이상에 도달하지 못한 상태이라는 것을 알 수 있겠습니다.
즉 이런 이미지를 썸네일로 등록해주면, AMP 문제 “이미지 크기가 권장 크기보다 작음“이라는 것이 발생한다는 것이겠습니다.
이미지의 픽셀은 그림판에서 쉽게 변경할 수 있으니, 아래에 계속 이미지 너비를 1,200픽셀이상으로 변경하는 방법을 소개해봅니다.
3. 이미지 픽셀 크기 조정
픽셀 크기를 변경하고자 하는 이미지 파일을 마우스 우클릭하고, 연결 프로그램에서 그림판을 클릭하면, 그림판으로 이미지가 열리게 됩니다.
그림판에서 크기 조정을 클릭하고, 픽셀을 선택한 후 가로의 수치를 1,200으로 변경해주고 저장해주면 되겠습니다.
세로의 수치는 가로의 수치에 따라 자동으로 변경되겠는데, 자동으로 변경되지 않을 경우, 가로 세로 비율 유지에 체크를 해주시면 되겠습니다.
이렇게 간단하게 이미지의 픽셀 값이 변경이 되겠으며, 변경된 픽셀 값을 아래 이미지 속성에서 다시 확인해볼 수 있겠습니다.
이미지 파일에서 우클릭을 하고, 이미지의 속성->상세를 확인해보면, 너비가 1,200픽셀로 변경된 것을 확인할 수 있겠습니다.
이렇게 변경된 이미지를 문제가 되고 있는 글의 특성 이미지 즉 썸네일을 변경해주면 되겠습니다.
4. 블로그 특성 이미지 변경
구글 서치 콘솔->개선사항->AMP에 들어가면 “이미지 크기가 권장 크기보다 작음” 문제가 발생하고 있는 URL 주소들을 확인할 수 있겠습니다.
위 URL 주소들을 통해, 워드프레스에서의 문제가 되는 글을 찾아, 특성 이미지를 변경해주시면 되겠습니다.
특성 이미지는 위 캡쳐에서와 같이 글 쓰기의 오른쪽 하단에 있겠습니다.
문제가 되는 URL 주소의 특성 이미지를 전부 너비가 1,200픽셀 이상의 이미지로 변경하고, 구글 서치 콘솔에서 수정 결과 확인을 클릭해주시면 되겠습니다.
5. 마무리
위에서처럼 특성 이미지를 너비 1,200픽셀이상으로 바꾸고, 하루 정도 지나 AMP 문제가 해결되었다고 연락이 왔습니다.
AMP가 좋다 안좋다는 것은 결국 블로그 상황에 따라 다를 수 있기에, 좋은 점과 나쁜 점을 잘 분석하고, 본인의 블로그에 어떤 것이 더 좋은 영향을 주고 있는지 직접 테스트해보고 결정하는 것이 좋겠습니다.
일단 필자는 AMP의 사용을 멈춘 상태이며, 굳이 꼭 사용해야 하냐는 의문의 입장을 가지고 있으며, 초보분들에게는 사용을 가능한 추천하지 않겠습니다.
아래 글에서 AMP에 관해 상세하게 정리한 내용이 있으니, AMP를 사용할지 고민하시는 분, 그리고 AMP에 대해 궁금하신 분들은 읽어보시면 되겠습니다.
댓글