워드프레스 블로그에 글을 하나씩 작성하다 보면 어느 순간 이미지에 대해서도 궁금해집니다.
“글에 이미지를 꼭 넣어야 할까?”
“이미지를 넣으면 검색 노출에도 도움이 될까?”
“ALT 텍스트는 또 무엇일까?”
워드프레스를 처음 시작했을 때 저도 이런 용어들이 낯설었습니다.
처음에는 글을 작성하고 필요한 곳에 이미지만 넣으면 되는 줄 알았습니다.
예쁜 이미지를 만들어서 글 중간중간에 배치하면 글도 보기 좋아지고, 방문자에게도 도움이 될 것이라고 생각했습니다.
그런데 워드프레스를 하나씩 알아가면서 이미지를 넣는 것과 이미지를 제대로 사용하는 것은 조금 다르다는 것을 알게 되었습니다.
특히 이미지와 함께 자주 등장하는 ALT 텍스트라는 것이 있었습니다.
처음에는 이것이 무엇인지도 잘 몰랐습니다.
하지만 직접 블로그를 운영하면서 알아보니 ALT 텍스트는 단순히 SEO를 위한 설정만은 아니었습니다.
이미지를 볼 수 없는 사람에게 이미지의 내용을 전달하고, 검색엔진이 이미지가 무엇을 의미하는지 이해하는 데에도 도움을 줄 수 있는 중요한 요소였습니다.
이번 글에서는 워드프레스를 처음 시작한 제가 직접 알아가면서 배운 이미지 사용 방법과 ALT 텍스트가 무엇인지, 그리고 초보자가 어떤 부분부터 신경 쓰면 좋은지 쉽게 정리해 보려고 합니다.
블로그 글에 이미지를 넣는 이유는 무엇일까?
먼저 가장 기본적인 질문부터 생각해 보겠습니다.
왜 블로그 글에 이미지를 넣을까요?
가장 먼저 떠오르는 것은 글을 보기 좋게 만들기 위해서입니다.
긴 글을 읽다 보면 글자만 계속 이어지는 것보다 적절한 이미지가 중간에 들어가 있는 것이 훨씬 편하게 느껴질 수 있습니다.
특히 스마트폰으로 블로그를 읽는 경우에는 긴 문장이 계속 이어지면 부담스럽게 느껴질 수 있습니다.
적절한 위치에 이미지가 들어가면 글의 흐름을 잠시 쉬어갈 수 있고, 다음 내용을 읽을 수 있도록 시선을 자연스럽게 이어주는 역할도 합니다.
하지만 이미지는 단순히 장식하기 위한 용도만 있는 것은 아닙니다.
글의 내용을 이해하는 데 도움을 주거나, 실제 상황을 보여주거나, 복잡한 내용을 시각적으로 설명하는 역할도 할 수 있습니다.
예를 들어 요양보호사 실무에 관한 글이라면 글로만 설명하는 것보다 관련 상황을 보여주는 이미지가 있으면 내용을 이해하기가 쉬울 수 있습니다.
워드프레스 설정 방법을 설명하는 글이라면 실제 설정 화면을 보여주는 이미지가 도움이 될 수도 있습니다.
결국 중요한 것은 글의 내용과 이미지가 서로 연결되어 있어야 한다는 것입니다.
이미지가 있다고 무조건 좋은 글이 되는 것은 아닙니다
이미지를 많이 넣으면 글이 더 좋아질까요?
꼭 그렇지는 않습니다.
글의 내용과 아무 관계가 없는 이미지를 계속 넣는다면 오히려 글을 읽는 데 방해가 될 수 있습니다.
예를 들어 워드프레스 플러그인에 대한 글을 작성하면서 본문과 아무 관계가 없는 풍경 사진을 여러 장 넣는다면 방문자에게 특별한 도움을 주지 못할 수 있습니다.
이미지는 글을 보완하는 역할을 하는 것이 좋습니다.
ALT 텍스트는 무엇일까?
이제 ALT 텍스트에 대해 알아보겠습니다.
ALT 텍스트는 이미지에 대한 대체 텍스트(Alternative Text)입니다.
쉽게 말하면 이미지가 무엇을 보여주는지 글로 설명해 주는 것입니다.
예를 들어 블로그에 노트북 앞에서 워드프레스 글을 작성하는 사람의 이미지가 있다고 생각해 보겠습니다.
ALT 텍스트를 다음과 같이 작성할 수 있습니다.
워드프레스 블로그 글을 작성하고 있는 초보 블로거
이렇게 하면 이미지 자체를 보지 못하는 상황에서도 이미지가 어떤 내용을 담고 있는지 텍스트를 통해 이해할 수 있습니다.
처음에는 이것이 왜 필요한지 잘 와닿지 않을 수 있습니다.
하지만 생각해 보면 상당히 중요한 기능입니다.
모든 사람이 이미지를 똑같이 볼 수 있는 것은 아니기 때문입니다.
ALT 텍스트는 이미지에 대한 설명입니다
ALT 텍스트를 어렵게 생각할 필요는 없습니다.
가장 기본적인 원칙은 간단합니다.
“이 이미지가 무엇을 보여주고 있는지 짧고 정확하게 설명한다.”
예를 들어 어르신을 돌보는 요양보호사의 이미지가 있다면
요양보호사가 어르신의 일상생활을 돕고 있는 모습
이라고 작성할 수 있습니다.
워드프레스 설정 화면을 보여주는 이미지라면
워드프레스 관리자 화면에서 기본 설정을 확인하는 모습
이라고 할 수 있습니다.
컴퓨터 앞에서 블로그 글을 작성하는 이미지라면
노트북으로 워드프레스 블로그 글을 작성하는 모습
이라고 작성할 수 있습니다.
이 정도면 충분합니다.
이미지에 대해 장황하게 설명하는 것보다 핵심 내용을 간결하게 전달하는 것이 중요합니다.
ALT 텍스트는 시각장애인에게도 중요합니다
ALT 텍스트를 이야기할 때 빼놓을 수 없는 부분이 있습니다.
바로 웹 접근성입니다.
이미지를 직접 볼 수 없는 사용자는 화면낭독기 등을 통해 웹페이지의 내용을 접할 수 있습니다.
이때 이미지에 적절한 ALT 텍스트가 있다면 이미지가 어떤 내용을 담고 있는지 이해하는 데 도움이 될 수 있습니다.
예를 들어 이미지가 단순히
image123.jpg
와 같은 파일 이름만 가지고 있다면 이미지의 내용을 알기 어렵습니다.
하지만
워드프레스 블로그 글을 작성하는 모습
이라는 설명이 있다면 이미지의 의미를 전달할 수 있습니다.
그래서 ALT 텍스트는 단순히 검색엔진을 위한 SEO 작업이라고 생각하기보다, 웹페이지의 내용을 더 많은 사람이 이해할 수 있도록 돕는 요소라고 생각하는 것이 좋습니다.
검색엔진은 이미지를 어떻게 이해할까?
사람은 이미지를 보면 쉽게 알 수 있습니다.
노트북 앞에 사람이 앉아 있으면
“아, 이 사람이 컴퓨터로 무언가를 하고 있구나.”
라고 바로 이해할 수 있습니다.
하지만 검색엔진은 사람처럼 이미지를 바라보고 이해하는 방식과는 다릅니다.
이미지의 내용을 이해하는 데 여러 신호를 활용할 수 있는데, ALT 텍스트도 그중 하나입니다.
따라서 이미지에 적절한 설명을 제공하면 검색엔진이 해당 이미지와 페이지의 내용을 이해하는 데 도움을 줄 수 있습니다.
다만 여기서 한 가지 주의할 점이 있습니다.
ALT 텍스트를 작성한다고 해서 이미지 검색 노출이 반드시 높아지는 것은 아닙니다.
ALT 텍스트는 검색 순위를 올리기 위한 마법 같은 기능이 아닙니다.
그보다는 이미지의 의미를 설명하고 접근성을 높이며 검색엔진이 콘텐츠를 이해하는 데 도움을 주는 기본적인 요소라고 생각하는 것이 좋습니다.
ALT 텍스트에 키워드를 억지로 넣지 마세요
SEO를 공부하다 보면 키워드가 중요하다는 이야기를 자주 듣게 됩니다.
그러다 보니 ALT 텍스트에도 핵심 키워드를 여러 번 넣고 싶은 생각이 들 수 있습니다.
예를 들어 ‘워드프레스 글쓰기’라는 키워드로 글을 작성했다고 해서 모든 이미지의 ALT 텍스트를
워드프레스 글쓰기, 워드프레스 글쓰기 방법, 워드프레스 글쓰기 SEO
처럼 만드는 것은 좋은 방법이 아닙니다.
이미지의 실제 내용과 맞지 않는 설명이 될 수 있기 때문입니다.
ALT 텍스트의 기본 목적은 이미지를 설명하는 것입니다.
따라서 이미지가 실제로 무엇을 보여주는지 먼저 생각해야 합니다.
예를 들어 노트북으로 워드프레스 글을 작성하는 이미지라면
워드프레스 블로그 글을 작성하는 모습
정도로 자연스럽게 작성하면 됩니다.
키워드를 넣는 것보다 정확한 설명을 제공하는 것이 먼저입니다.
모든 이미지에 ALT 텍스트를 똑같이 넣으면 안 됩니다
블로그에 여러 장의 이미지를 사용하다 보면 귀찮아서 같은 ALT 텍스트를 반복해서 입력하고 싶어질 수도 있습니다.
하지만 이미지마다 보여주는 내용이 다르다면 ALT 텍스트도 달라야 합니다.
예를 들어 이번 글에 세 장의 이미지가 있다고 가정해 보겠습니다.
첫 번째 이미지는 워드프레스 글쓰기 화면이고,
두 번째 이미지는 이미지 설정 화면이며,
세 번째 이미지는 ALT 텍스트 입력 화면이라면 각각 다르게 설명해야 합니다.
이미지가 다르면 설명도 달라야 합니다.
이렇게 생각하면 ALT 텍스트를 작성하는 것이 어렵지 않습니다.
이미지를 보고
“이 이미지에서 가장 중요한 것은 무엇이지?”
라고 생각해 보면 됩니다.
그 내용을 한 문장이나 짧은 구절로 적으면 됩니다.
장식용 이미지는 ALT 텍스트를 다르게 생각할 수 있습니다
모든 이미지가 정보를 전달하는 것은 아닙니다.
어떤 이미지는 단순히 페이지를 꾸미기 위해 사용되기도 합니다.
예를 들어 글의 분위기를 위해 넣은 단순한 배경 이미지나 장식용 아이콘 등이 있을 수 있습니다.
이런 이미지까지 억지로 긴 설명을 넣으면 오히려 불필요한 정보가 될 수 있습니다.
따라서 이미지가 정보 전달을 위한 것인지, 단순한 장식인지 구분하는 것이 좋습니다.
정보를 전달하는 이미지라면 적절한 ALT 텍스트를 작성하고, 순수한 장식이라면 접근성 관점에서 불필요한 설명을 반복하지 않도록 하는 것이 좋습니다.
초보 단계에서는 모든 이미지를 무조건 같은 방식으로 처리하기보다 “이 이미지가 독자에게 정보를 전달하는가?”를 먼저 생각해 보시면 됩니다.
이미지 파일 이름도 신경 써볼까요?
이미지를 워드프레스에 업로드할 때 파일 이름도 한 번 살펴보는 것이 좋습니다.
예를 들어 카메라나 휴대폰에서 그대로 가져온
IMG_1234.jpg
같은 이름보다는 이미지의 내용을 알 수 있는 이름이 관리하기 편합니다.
예를 들어
wordpress-writing.jpg
처럼 내용을 나타내는 파일 이름을 사용할 수 있습니다.
한글 파일 이름을 사용하는 경우에도 관리 환경에 따라 차이가 있을 수 있기 때문에, 저는 영문과 숫자를 활용해 간단하게 파일 이름을 정리하는 방법도 괜찮다고 생각합니다.
중요한 것은 파일 이름 역시 나중에 내가 이미지를 찾기 쉽게 만드는 것입니다.
이미지가 수십 장, 수백 장으로 늘어나면 파일 이름을 정리해 두었는지 여부가 생각보다 큰 차이를 만들 수 있습니다.
이미지 용량도 확인해야 합니다
이미지를 사용하는 데 있어서 ALT 텍스트만큼 중요한 것이 하나 더 있습니다.
바로 이미지 용량입니다.
고화질 이미지를 그대로 여러 장 업로드하면 이미지 파일의 크기가 커질 수 있습니다.
그러면 페이지가 무거워지고 방문자가 페이지를 불러오는 데 더 많은 시간이 걸릴 수 있습니다.
특히 모바일 환경에서는 이런 부분이 더 중요할 수 있습니다.
그래서 이미지를 업로드하기 전에 필요 이상으로 큰 이미지는 적절한 크기로 조정하고, 웹에서 효율적으로 사용할 수 있도록 최적화하는 것이 좋습니다.
물론 이미지 품질을 지나치게 낮추면 화면이 흐릿해질 수 있으므로 화질과 용량 사이의 균형이 필요합니다.
*워드프레스 블로그 만드는 방법｜초보자를 위한 처음부터 끝까지 가이드
*https://wordpress.org/?utm_source=chatgpt.com
이미지와 글의 내용이 서로 연결되어야 합니다
이미지는 본문과 따로 노는 요소가 되어서는 안 됩니다.
예를 들어
“워드프레스 플러그인을 설치하는 방법”
을 설명하는 글이라면 실제 플러그인 화면이나 관련된 이미지를 보여주는 것이 도움이 될 수 있습니다.
또
“요양보호사가 어르신의 일상생활을 돕는 방법”
에 대한 글이라면 글의 내용과 관련된 돌봄 상황을 표현한 이미지가 자연스럽습니다.
이처럼 이미지와 본문이 서로 연결되어 있으면 독자는 글의 내용을 더 쉽게 이해할 수 있습니다.
이미지는 글을 대신하는 것이 아니라 글을 보완하는 역할을 하는 것이라고 생각하면 좋습니다.
대표 이미지와 본문 이미지는 역할이 다릅니다
워드프레스 블로그를 운영하다 보면 대표 이미지와 본문에 들어가는 이미지를 구분하게 됩니다.
대표 이미지는 글의 첫인상을 결정하는 역할을 합니다.
검색 결과나 블로그 목록에서 글을 보여줄 때 사용되기도 하고, 방문자가 글을 클릭하기 전에 어떤 내용인지 짐작할 수 있도록 도와줍니다.
반면 본문 이미지는 글의 내용을 보완합니다.
따라서 대표 이미지는 제목과 글의 주제를 명확하게 전달하도록 만들고, 본문 이미지는 각각의 내용과 자연스럽게 연결하는 것이 좋습니다.
저도 블로그 글을 작성하면서 대표 이미지와 추가 이미지를 따로 생각하게 되었습니다.
특히 긴 글이라면 적절한 위치에 이미지를 추가하는 것만으로도 전체적인 가독성이 달라지는 것을 느낄 수 있습니다.
이미지에 글자를 넣을 때도 주의해야 합니다
최근에는 블로그 대표 이미지나 썸네일에 제목을 넣는 경우가 많습니다.
저 역시 블로그 글을 작성하면서 대표 이미지에 제목이나 핵심 문구를 넣어 사용하고 있습니다.
그런데 이미지 안에 글자가 들어 있다고 해서 그 내용이 본문을 대신할 수 있는 것은 아닙니다.
예를 들어 이미지에
“워드프레스 검색 노출”
이라는 글자가 크게 들어 있다고 하더라도, 본문에서는 그 내용을 텍스트로 충분히 설명하는 것이 좋습니다.
이미지 안의 글자는 이미지의 일부일 뿐입니다.
따라서 중요한 정보는 이미지에만 넣지 말고 본문에도 텍스트로 제공하는 것이 좋습니다.
이렇게 해야 다양한 환경에서 콘텐츠를 제대로 전달할 수 있습니다.
ALT 텍스트는 어디에서 입력할까?
워드프레스에서는 이미지를 미디어 라이브러리에 업로드한 후 이미지의 여러 정보를 관리할 수 있습니다.
그중 ALT 텍스트를 입력할 수 있는 항목이 있습니다.
처음에는 이것도 어디에 있는지 몰라서 그냥 지나칠 수 있습니다.
하지만 한 번 위치를 알아두면 다음부터는 어렵지 않습니다.
이미지를 선택하고 관련 설정을 살펴보면서 대체 텍스트(Alt Text) 항목을 찾으면 됩니다.
여기에 이미지의 내용을 간단하고 정확하게 작성하면 됩니다.
처음부터 모든 이미지에 완벽한 문장을 만들려고 하지 않아도 됩니다.
이미지를 보고
“이 이미지가 무엇을 보여주는가?”
를 생각한 다음 자연스럽게 적으면 됩니다.
ALT 텍스트를 작성할 때 피하면 좋은 것들
ALT 텍스트를 작성할 때 몇 가지는 피하는 것이 좋습니다.
1. 키워드를 반복해서 넣기
이미지와 관계없이 SEO 키워드를 반복해서 넣지 않습니다.
2. 너무 긴 설명 작성하기
이미지의 핵심을 간결하게 전달하는 것이 좋습니다.
3. “이미지”, “사진” 같은 표현을 반복하기
워드프레스 블로그를 작성하는 이미지
보다는
워드프레스 블로그 글을 작성하는 모습
처럼 실제 내용을 설명하는 것이 자연스럽습니다.
4. 모든 이미지에 똑같은 ALT 텍스트 사용하기
이미지마다 내용이 다르다면 설명도 달라야 합니다.
5. 이미지와 관계없는 내용을 넣기
검색 노출을 위해 이미지와 관계없는 키워드를 넣는 것은 피하는 것이 좋습니다.
이미지를 넣을 때 제가 생각하는 기준
제가 지금까지 블로그를 운영하면서 이미지에 대해 조금씩 알아가며 세운 기준은 아주 단순합니다.
첫째, 글의 내용을 이해하는 데 도움이 되는 이미지를 사용합니다.
둘째, 이미지가 무엇을 보여주는지 ALT 텍스트로 설명합니다.
셋째, 이미지 용량을 확인합니다.
넷째, 대표 이미지와 본문 이미지의 역할을 구분합니다.
다섯째, SEO를 위해 이미지를 억지로 넣지 않습니다.
결국 이미지도 글과 마찬가지입니다.
검색엔진을 의식하는 것도 필요하지만 먼저 글을 읽는 사람에게 도움이 되는지를 생각하는 것이 중요합니다.
처음에는 완벽하게 하지 않아도 됩니다
워드프레스를 처음 시작하면 알아야 할 것이 정말 많습니다.
도메인도 알아야 하고,
호스팅도 알아야 하고,
테마도 선택해야 하고,
플러그인도 설치해야 합니다.
SEO도 공부해야 하고,
검색 노출도 신경 써야 합니다.
여기에 이미지와 ALT 텍스트까지 알아야 하니 처음에는 상당히 복잡하게 느껴질 수 있습니다.
저 역시 하나씩 배우는 과정입니다.
처음부터 모든 것을 알고 시작한 것이 아니기 때문에 지금도 새로운 것을 알게 될 때마다 기존 글을 다시 살펴보게 됩니다.
예전에 작성한 글의 이미지에 ALT 텍스트가 제대로 들어갔는지 확인하기도 하고, 필요하면 수정하기도 합니다.
이런 과정을 반복하면서 조금씩 블로그가 다듬어지고 있습니다.
그래서 지금 워드프레스를 처음 시작하신 분이라면 모든 것을 한꺼번에 완벽하게 하려고 하지 않으셨으면 좋겠습니다.
하나를 배우면 하나를 적용하고, 부족한 부분이 보이면 다시 수정하면 됩니다.
마무리하며
워드프레스 블로그에서 이미지는 단순히 글을 예쁘게 꾸미기 위한 장식이 아닙니다.
본문의 내용을 이해하기 쉽게 도와주고, 긴 글에 적절한 호흡을 만들어 주며, 필요한 경우 중요한 정보를 시각적으로 전달할 수 있습니다.
ALT 텍스트 역시 단순히 SEO를 위한 설정이라고 생각하기보다, 이미지의 내용을 글로 설명해 주고 더 많은 사람이 콘텐츠를 이해할 수 있도록 돕는 요소라고 생각하면 좋겠습니다.
저 역시 처음부터 이런 내용을 알고 있었던 것은 아닙니다.
워드프레스를 직접 운영하면서 하나씩 배우고 있습니다.
처음에는 이미지 하나를 올리는 것에도 별다른 생각이 없었지만, 하나씩 알아가면서 이미지를 어떻게 사용하고 설명하느냐도 블로그 콘텐츠의 일부라는 것을 알게 되었습니다.
저도 앞으로 글을 작성하면서 이런 부분을 하나씩 신경 써보려고 합니다.
아직 배워가는 과정이고 앞으로도 시행착오는 계속될 것 같습니다.
하지만 직접 해보고, 부족한 부분을 찾아보고, 다시 수정하면서 조금씩 나아지는 것.
그것이 지금 제가 워드프레스 블로그를 운영하면서 배우고 있는 방법입니다.
답글 남기기