텍스트 없이 이미지만 덜렁 링크로 걸려 있으면, 스크린 리더는 읽지 못하고 구글 성능 검사 점수도 깎인다는 사실 알고 계셨나요? ALT 속성과 Title 속성만 잘 챙겨도 웹 접근성과 검색 효율을 동시에 잡을 수 있어요. 오늘은 링크의 목적을 분명하게 알려주는 대체 텍스트 설정법을 통해 ‘인식 가능한 이름’ 오류를 없애고 검색엔진 평가까지 좋게 만드는 방법을 알려드릴게요.
왜 ‘링크에 이름이 없다’고 경고가 뜰까요?
구글 성능 검사를 하다 보면 “링크에 인식 가능한 이름이 포함되어 있지 않습니다“라는 빨간 글씨를 볼 때가 있죠. 이건 이미지에 링크는 걸려 있는데, 정작 그 링크가 무엇을 위한 것인지 설명하는 대체 텍스트가 빠졌을 때 생기는 문제예요. 구글은 이걸 권장 사항으로 두고, 지키지 않으면 성능 점수를 깎아버리거든요.
사실 이 경고는 스크린 리더를 사용하는 분들을 위한 배려에서 시작됐어요. 시각적인 정보를 소리로 듣는 분들에게는 ‘링크 설명’이 없으면 도대체 어디로 연결되는지 알 길이 없으니까요. 웹 접근성 면에서 정말 중요한 부분이라고 할 수 있죠.
이미지에도 이름표가 필요해요
적절한 이미지를 사용하면 독자에게 시각적인 정보를 바로 보여줄 수 있고, 말로 다 설명하기 힘든 느낌이나 정보를 전달할 때도 유용해요. 제품 리뷰 같은 걸 쓸 때 사진 한 장이 열 마디 말보다 이해가 빠른 것처럼요. 게다가 이미지가 좋으면 방문자들도 페이지에 더 오래 머무르게 되죠.
그런데 이미지를 클릭해서 다른 페이지로 넘어가게 만들었다면, 반드시 대체 텍스트(Title 속성이나 ALT 속성)를 넣어줘야 해요. 눈으로 볼 수 없는 사용자는 물론이고, 검색 엔진 봇에게도 “이 이미지는 이런 내용을 담고 있는 링크야”라고 친절하게 알려주는 거죠. 이게 바로 SEO의 핵심이에요.
코드로는 보통 이렇게 생겼어요. 링크 태그(a) 안에 title을 넣거나, 이미지 태그(img) 안에 설명을 적어주는 방식이죠.
속성별로 어떤 역할을 하는지 알아볼까요?
| 속성 | HTML 위치 | 웹 접근성 역할 | SEO 점검 시 중요성 |
|---|---|---|---|
alt 속성 | img 태그 안쪽 | 이미지가 안 뜰 때 대신 보여주는 설명 | 이미지 검색 노출에 중요해요 |
title 속성 | a 태그 안쪽 (링크) | 클릭하면 어디로 가는지 설명 | ‘링크 이름 오류’ 해결의 핵심 |
| 텍스트 노드 | a 태그 안쪽 (글자) | 링크의 목적을 글로 직접 써주기 | 가장 완벽한 접근성 점수 |
오류 해결하고 SEO 점수 올리는 방법
티스토리와 HTML에서 고치는 법
‘링크에 인식 가능한 이름‘ 오류를 없애는 가장 쉬운 방법은 링크 태그 자체에 title 속성을 달아주거나, 링크 안의 이미지에 ALT 속성을 꼼꼼하게 적어주는 거예요. 이미지 링크라면 이미지의 ALT 속성이 링크 설명 역할을 대신하기도 하거든요.
티스토리 블로그를 쓰신다면 더 쉬워요. 이미지 올리고 링크 걸 때 나오는 입력창이나 편집 메뉴에서 대체 텍스트를 적는 칸을 보셨을 거예요. 거기에 이 링크가 어디로 가는지 목적을 분명하게 적어주시면 됩니다.
결국은 ‘친절한 웹사이트’가 정답이에요
구글이 이미지 링크에 설명이 없으면 점수를 깎는 건, 결국 사용자를 불편하게 했기 때문이에요. “링크에 인식 가능한 이름이 포함되어 있지 않습니다“라는 경고는 스크린 리더 사용자를 위해 좀 더 신경 써달라는 신호라고 보시면 돼요.
장애 유무와 상관없이 누구나 쉽게 내용을 이해하고 이용할 수 있는 웹사이트가 진짜 좋은 사이트잖아요. 이미지는 단순히 예쁘라고 넣는 게 아니니까요.
정보 전달이라는 본연의 역할을 잘할 수 있게 적절한 텍스트를 덧붙여주는 건 정말 중요해요.
링크 걸린 이미지에 설명을 잘 달아주면 방문자도 편하고, 검색엔진도 그 링크의 의미를 쏙쏙 이해하게 되죠. 이런 긍정적인 경험이 쌓이다 보면 자연스럽게 검색 노출 순위도 좋아질 수밖에 없답니다.
자주 묻는 질문(Q&A)
Q1. 링크에 인식 가능한 이름 오류가 뜨면 검색 노출이 확 떨어지나요?
A. 당장 순위가 뚝 떨어지는 건 아니지만, 구글의 페이지 경험 점수나 웹 접근성 항목에 영향을 줘요. 경쟁 사이트보다 점수가 낮아지면 아무래도 불리하겠죠? SEO 점검할 때 꼭 챙겨서 해결하는 게 좋아요.
Q2. 대체 텍스트(ALT)랑 Title 속성 중에 뭘 써야 하나요?
A. 이미지 링크라면 이미지의 ALT 속성만 잘 써도 해결돼요. 하지만 더 확실하게 하려면 a 태그에 Title 속성을 넣거나, 링크 안에 텍스트를 직접 넣어주는 게 웹 접근성이나 구글 성능 검사 양쪽 모두에서 가장 좋은 점수를 받는 방법이에요.
Q3. 여기에 긴 키워드를 넣어도 되나요?
A. 네, 가능해요. 하지만 키워드를 억지로 구겨 넣는 건 별로예요. 가장 중요한 건 링크가 어디로 가는지 명확하게 설명하는 거니까요. 그 설명이 키워드랑 자연스럽게 맞아떨어진다면 SEO와 웹 접근성 두 마리 토끼를 다 잡을 수 있겠죠?
