이미지로 도배된 홈페이지 — 검색이 읽지 못한다

홈페이지를 예쁘게 만들려고, 글자까지 전부 이미지로 만들어 넣는 경우가 많습니다. 디자인이 자유로워 보기엔 좋습니다. 하지만 이렇게 이미지로 도배된 홈페이지는 심각한 문제를 안고 있습니다. 검색엔진이 내용을 읽지 못한다는 것입니다. 왜 문제이고 어떻게 해야 하는지 이야기합니다.

이미지로 도배하면 왜 문제인가?

결론부터: 검색엔진은 이미지 안에 담긴 글자를 읽지 못하므로, 중요한 내용을 이미지로 만들면 검색엔진이 우리 홈페이지가 무엇에 대한 것인지 파악하지 못해 검색에 나타나지 않기 때문입니다. 예쁘게 만들려던 것이 검색으로 발견될 기회를 막습니다.

검색엔진은 이미지 속 글자를 못 읽는다

사람은 이미지 안의 글자를 눈으로 읽습니다. 하지만 검색엔진은 다릅니다. 검색엔진은 텍스트로 된 글자는 읽지만, 이미지는 그저 '그림'으로만 인식할 뿐 그 안에 무슨 글자가 있는지 읽지 못합니다. 그래서 회사 소개, 제품 설명, 중요한 정보를 전부 이미지로 만들면, 검색엔진에게는 내용이 텅 빈 홈페이지처럼 보입니다.

내용을 읽지 못하니 검색엔진은 우리 홈페이지가 무엇에 대한 것인지 알 수 없고, 관련된 검색에 우리를 보여주지 못합니다. 아무리 좋은 내용을 담았어도, 그것이 이미지 안에 갇혀 있으면 검색에서는 없는 것과 같습니다. 예쁘게 만들려고 글자를 이미지로 넣은 것이, 검색으로 고객을 만날 기회를 스스로 막아버리는 것입니다. 보기 좋은 홈페이지가 정작 발견되지 못하는 안타까운 상황입니다.

이미지 도배가 낳는 문제들

1. 검색에 안 잡힌다

내용이 이미지에 갇혀 검색엔진이 읽지 못하므로, 검색 결과에 나타나지 않습니다. 검색으로 고객을 만날 수 없습니다.

2. 화면 읽기 프로그램도 못 읽는다

시각장애인이 쓰는, 화면을 소리로 읽어주는 프로그램도 이미지 속 글자를 읽지 못합니다. 접근성이 나빠집니다.

3. 무겁고 느리다

이미지가 많으면 홈페이지가 무거워져 느리게 뜹니다. 방문자가 기다리다 떠날 수 있습니다.

텍스트와 이미지를 제대로 나눠 쓰라

이미지를 쓰지 말라는 것이 아닙니다. 이미지와 텍스트를 각각 알맞게 쓰라는 것입니다. 사진, 로고, 그래픽처럼 이미지가 어울리는 것은 이미지로 하되, 회사 소개·제품 설명·중요한 정보 같은 '글'은 텍스트로 넣어야 합니다. 그래야 검색엔진이 내용을 읽고, 화면 읽기 프로그램도 읽고, 홈페이지도 가벼워집니다.

'텍스트로 넣으면 디자인이 제한되지 않느냐'는 걱정이 있는데, 그렇지 않습니다. 웹표준에 맞게 만들면 텍스트도 얼마든지 원하는 글꼴과 디자인으로 꾸밀 수 있습니다. 굳이 글자를 이미지로 만들지 않아도 예쁜 홈페이지를 만들 수 있는 것입니다. 그리고 이미지에는 그것이 무엇인지 설명하는 텍스트(대체 텍스트)를 달아주면, 검색엔진이 이미지의 내용도 어느 정도 파악합니다. 이미지는 이미지답게, 글은 텍스트로 — 이 기본을 지키면 예쁘면서도 검색되는 홈페이지가 됩니다.

예쁨과 검색은 함께 얻을 수 있다

많은 회사가 '예쁘게 만들려면 이미지로 해야 하고, 그러면 검색은 포기해야 한다'고 생각합니다. 하지만 이는 잘못된 양자택일입니다. 웹표준에 맞게 텍스트를 활용하면, 예쁜 디자인과 검색 노출을 함께 얻을 수 있습니다. 문제는 예쁨 자체가 아니라, 글자를 이미지로 만드는 잘못된 방식입니다.

그래서 홈페이지를 만들 때, 예쁨과 검색을 모두 챙기는 제작자를 만나는 것이 중요합니다. 좋은 제작자는 중요한 내용을 텍스트로 넣으면서도 원하는 디자인을 구현합니다. 예쁘게 보이면서 검색에도 잘 잡히는 홈페이지 — 이것이 제대로 만든 홈페이지입니다. 눈에 보이는 예쁨만 좇아 글자를 이미지로 도배하면, 발견되지 못하는 홈페이지가 됩니다. 예쁘면서도 발견되는 것 — 이 둘을 함께 얻는 것이 좋은 홈페이지의 조건입니다.

실제 사례 — 이미지를 텍스트로 바꿔 검색이 열린 회사

디자인이 예쁜데 검색에 전혀 안 잡히던 회사가 있었습니다. 살펴보니 회사 소개부터 제품 설명까지 모든 글자가 이미지로 만들어져 있어, 검색엔진이 읽을 텍스트가 하나도 없었습니다. 디자인은 유지하면서 중요한 내용을 텍스트로 바꾸고, 이미지에는 설명을 달았습니다. 그러자 검색엔진이 내용을 읽기 시작해 검색 유입이 생겼고, 홈페이지도 가벼워졌습니다. 예쁨을 지키면서 검색도 얻은 것입니다.

자주 묻는 질문

Q. 글자를 이미지로 만들면 왜 안 되나요?

검색엔진이 이미지 속 글자를 읽지 못하기 때문입니다. 중요한 내용을 이미지로 만들면 검색엔진에게는 내용이 빈 홈페이지처럼 보여, 검색에 나타나지 않습니다.

Q. 텍스트로 넣으면 디자인이 제한되지 않나요?

아닙니다. 웹표준에 맞게 만들면 텍스트도 원하는 글꼴과 디자인으로 꾸밀 수 있습니다. 글자를 이미지로 만들지 않아도 예쁜 홈페이지가 가능합니다.

Q. 이미지는 아예 쓰면 안 되나요?

씁니다. 사진·로고·그래픽은 이미지로 하되, 회사 소개·제품 설명 같은 글은 텍스트로 넣으세요. 이미지에는 설명(대체 텍스트)을 달면 검색에도 도움이 됩니다.

Q. 우리 홈페이지도 점검이 필요할까요?

중요한 내용이 이미지로 되어 있고 검색에 안 잡힌다면 점검이 필요합니다. 글자를 텍스트로 바꾸면 예쁨을 유지하면서도 검색으로 발견될 수 있습니다.

예쁘면서 검색되는 홈페이지가 필요하면 디자인러버스가 함께합니다.