이미지를 업로드할 때 alt 텍스트 칸을 그냥 비워두고 넘어가는 경우가 흔합니다. 티스토리든 워드프레스든 블로그스팟이든, 사진 하나 끼워 넣는 데 급급해 그 옆 작은 입력창은 눈에 잘 띄지도 않죠. 그런데 이 몇 글자짜리 칸이 검색엔진이 이미지를 이해하는 거의 유일한 통로라는 사실은 의외로 잘 알려져 있지 않습니다. 구글 서치 센트럴 공식 문서를 기준으로 alt 텍스트를 어떻게 써야 하는지, 그리고 정말 검색 순위에 영향을 주는지 짚어보겠습니다.
alt 텍스트, 원래는 스크린 리더를 위한 장치였다
alt 속성은 HTML 표준 자체에 접근성 목적으로 포함된 요소입니다. 시각장애가 있는 사용자가 스크린 리더로 웹페이지를 탐색할 때, 이미지가 있는 자리에서 그 내용을 음성으로 읽어주는 역할을 하죠. 이미지가 로딩되지 않았을 때 대체 텍스트로 표시되는 것도 원래 용도 중 하나고요.
검색엔진은 이 접근성 장치를 그대로 빌려 씁니다. 구글 크롤러는 사람처럼 이미지를 눈으로 보고 이해하는 게 아니라, 이미지 주변에 붙은 텍스트 정보를 단서 삼아 그 이미지가 무엇을 담고 있는지 추론하거든요. alt 텍스트는 그 단서 중에서도 가장 직접적인 신호에 해당합니다.
구글은 이 텍스트를 순위 신호로 쓸까
여기서 흔히 오해가 생깁니다. alt 텍스트에 키워드를 잔뜩 넣으면 그 페이지 전체의 검색 순위가 올라간다는 식의 이야기가 여전히 돌아다니거든요. 구글 서치 센트럴 문서는 이 부분에 대해 분명한 태도를 보입니다.
"focus on creating useful, information-rich content that uses keywords appropriately"
핵심은 "적절하게"라는 단서예요. 키워드를 억지로 반복해서 채워 넣는 방식(키워드 스터핑)은 오히려 스팸 신호로 읽힐 수 있다고 문서는 경고합니다. alt 텍스트가 이미지 검색 노출과 이미지 이해에는 실질적으로 쓰이지만, 그 자체가 페이지 순위를 끌어올리는 별도의 지렛대는 아니라는 뜻이죠. 컴퓨터 비전 분석, 페이지 전체 맥락, 캡션, 파일명까지 종합해서 이미지를 해석하는 여러 신호 중 하나일 뿐입니다.
좋은 alt 텍스트와 나쁜 alt 텍스트, 예시로 비교하면
구글이 문서에서 직접 든 예시가 이해하기 쉽습니다. 강아지가 공을 물어오는 사진이 있다면, "이미지", "사진1", "IMG_2384" 같은 표기는 아무 정보도 전달하지 못해요. 반면 "달마시안 강아지가 공을 물고 뛰어오는 모습"처럼 실제로 화면에 보이는 내용을 그대로 서술하면 됩니다.
- 이미지가 실제로 보여주는 것을 정확하게 서술한다
- 문장이 아니라 짧은 구(句) 단위로 간결하게 쓴다
- 자연스럽게 들어갈 자리에만 키워드를 넣는다 (억지로 끼워 넣지 않는다)
- 장식용 이미지(구분선, 배경 패턴 등)는 빈 alt(
alt="")로 남겨도 무방하다 - 이미지가 링크나 버튼 역할을 한다면, 그 이미지를 눌렀을 때 무슨 일이 일어나는지를 설명한다
빈 칸으로 두는 것보다는 짧더라도 채워 넣는 편이 항상 낫습니다. 다만 없는 내용을 지어내거나, 본문 키워드를 그대로 복사해 붙이는 건 피하는 게 맞아요.
파일명도 같이 본다는 사실
alt 텍스트만큼 놓치기 쉬운 게 파일명입니다. 스마트폰으로 찍은 사진을 그대로 올리면 IMG_20260831_142.jpg처럼 아무 의미 없는 이름이 붙어 있기 마련이죠. 구글은 이런 파일명보다 dalmatian-puppy-playing-fetch.jpg처럼 내용을 짐작할 수 있는 파일명을 권장합니다. alt 텍스트, 파일명, 이미지 주변의 본문 텍스트와 캡션까지 한데 묶여서 그 이미지의 맥락을 만든다고 보면 됩니다.
이미지를 직접 촬영하지 않고 무료 스톡사진을 쓰는 경우에도 다운로드 시 붙는 원본 파일명을 그대로 두지 말고, 업로드 전에 한 번 정리해두는 습관을 들이는 게 좋아요. 어떤 사이트에서 어떤 조건으로 무료 이미지를 받아 써도 되는지는 Pexels·Unsplash 라이선스 확인법에서 정리해뒀습니다.
블로그스팟에서는 어디에 입력할까
블로그스팟(Blogger)을 쓰고 있다면 이미지를 업로드한 뒤 클릭하면 나오는 툴바에서 "속성" 버튼을 눌러 alt 텍스트와 제목(title)을 각각 입력할 수 있습니다. 두 칸이 따로 있어서 헷갈릴 수 있는데, 검색엔진과 스크린 리더가 실질적으로 참고하는 건 alt 텍스트 쪽이에요. 제목 칸은 마우스를 이미지 위에 올렸을 때 나타나는 툴팁용이라 SEO 효과는 제한적입니다.
HTML을 직접 편집하는 방식이라면 <img> 태그 안에 alt="설명" 속성을 직접 추가하면 되고요. 완성된 HTML을 붙여넣는 형태로 작업한다면, 이미지 태그를 작성하는 단계에서부터 alt 속성을 비워두지 않는 걸 원칙으로 삼는 게 나중에 일일이 되짚는 수고를 줄여줍니다.
이미지 검색 유입이라는 또 다른 채널
alt 텍스트를 신경 써야 하는 이유가 하나 더 있습니다. 구글 이미지 검색을 통해서도 방문자가 유입될 수 있다는 점이에요. 텍스트 검색 결과와는 별개의 유입 경로라서, 본문 검색 순위와 무관하게 이미지 자체가 검색되어 클릭으로 이어지는 경우가 있습니다. 이 경로를 살리려면 alt 텍스트뿐 아니라 이미지 자체의 화질과 로딩 속도도 함께 갖춰야 하는데, 이미지가 큰 파일일수록 페이지 속도에 영향을 준다는 점은 코어 웹 바이탈 개선 체크리스트에서 다룬 LCP 기준과도 맞닿아 있습니다. alt 텍스트만 잘 써놓고 이미지 용량이 수 메가바이트로 방치돼 있다면, 결국 다른 지표에서 손해를 보는 셈이죠.
체크리스트로 정리하면 이렇습니다.
| 확인 항목 | 기준 |
|---|---|
| alt 텍스트 | 이미지 내용을 정확하고 간결하게 서술 |
| 키워드 사용 | 자연스러운 자리에만, 반복 금지 |
| 파일명 | 의미 있는 단어 조합, 자동 생성명 지양 |
| 장식용 이미지 | 빈 alt(alt="")로 처리 가능 |
| 링크형 이미지 | 클릭 시 일어나는 동작을 설명 |
작은 칸 하나지만 이미지 하나마다 몇 초만 더 들이면 채울 수 있는 정보입니다. 다음 글을 발행하기 전에, 방금 넣은 대표 이미지의 alt 속성부터 한 번 확인해보는 것도 나쁘지 않은 습관입니다.
출처
- Google Search Central, "Google Images best practices" — developers.google.com
0 댓글