워드프레스 이미지 대체 텍스트 사용법

워드프레스 이미지 대체 텍스트 사용법에 대해 알려드리겠습니다. 글 작성 시 이미지를 넣고 대체 텍스트를 입력해주어야 하는데요. 이미지는 미디어 추가를 통해 본문에 넣을 수 있으며 이미지, 영상, 썸네일 등 이미지 추가에서 대체 텍스트를 넣어주면 됩니다.

 

워드프레스 기능 사용법

대표적인 수익형 블로그인 워드프레스를 막 시작한 블로거라면, 모든 툴이 낯설고 복잡하기만 합니다.

초보 블로거는 전업 블로거가 아닌 대부분 투잡 또는 부업이기 때문에 워드프레스 툴을 익히는 시간이 항상 부족합니다.

저도 투잡의 개념으로 네이버 블로그, 티스토리를 오랜 시간 운영하다 새롭게 워드프레스를 만들고 현재 1일 1 포스팅 하며 워드프레스에 적응하고 있는데요.

익숙하지 않은 기능들로 인해 바쁜 시간을 쪼개며 매일 같이 구글링하고 있습니다. 저와 같은 워드프레스 초보 블로거를 위한 간단한 사용법을 포스팅 해보려고 합니다.

 

워드프레스 미디어 추가

제가 사용하는 스킨은 가장 보편적으로 알려진 제너레이트프레스(GeneratePress)이고, 블록 단위로 쓰는 형식은 낯설어서 클래식 편집기 플러그인 설치해 사용하고 있습니다.

따라서 제가 포스팅하는 워드프레스 사용법들은 위 두 가지 세팅이 되어있는 분들에게 도움이 되는 점 먼저 안내해 드립니다.

 

워드프레스 미디어 추가 버튼 클릭
워드프레스 미디어추가 버튼

워드프레스 글 작성 중 사진을 넣고 싶을 때, ‘미디어 추가’ 기능을 사용합니다. 대체 텍스트 작성, 영상 추가 그리고 썸네일 까지 모두 미디어 추가에서 한 번에 이루어지고 있습니다.

‘미디어 추가’ 버튼을 클릭해줍니다. 아래 이미지처럼 새로운 화면이 열립니다. 새로운 이미지를 추가해야 하므로 ‘파일 업로드’를 클릭해 파일을 선택해주세요.

 

워드프레스 미디어추가 파일업로드
워드프레스 미디어추가 파일업로드

‘파일 선택’을 클릭하면 미리 포토샵, 미리 캔버스 등을 사용해 만들어둔 이미지 파일을 불러오면 됩니다. 포스팅 본문에 추가할 이미지는 미디어 라이브러리에 올려집니다.

미디어 라이브러리는 워드프레스에서 그동안 사용했던 이미지, 영상, 썸네일 등이 다 올려져 있는 공간입니다. 쉽게 통합 클라우드라고 생각하면 될 것 같습니다.

 

워드프레스에 사용하는 이미지 alt tag 입력
워드프레스에 사용하는 이미지 alt tag 입력

이미지 대체 텍스트, 캡션, 설명이란?

일상 포스팅이 아닌, 수익형 블로그를 목적으로 워드프레스를 운영하는 블로거라면 당연히 자신의 글이 상단에 노출되고 많은 방문자 유입이 이루어져야 합니다.

그러기 위해선 구글SEO에 맞춰 글을 작성하고 이미지 최적화 후 넣어 주어야 합니다.

특히 애드센스를 통해 이익을 얻고자 하는 경우라면 더욱더 구글SEO(검색엔진 최적화) 기준을 맞춰주는 것이 중요합니다.

구글SEO에서는 이미지 사진에도 ‘대체 텍스트’를 꼭 적어 사진이 뜨지 않더라도 보는 이로 하여금 이미지를 이해할 수 있도록 작성할 것을 강조합니다.

그 이유는 여러 가지가 있습니다. 대체 텍스트를 중시하는 구글의 이유에 대해서는 하단 내용을 참고해 주세요.

 

구글-이미지-대체텍스트-사용-이유
구글-대체텍스트-이유
  1. 글로벌 기업의 사회적 책임(CSR)이라는 관점에서, 시각장애인의 웹 접근성을 높이기 위해 작성된 글(대체 텍스트)에 구글은 높은 SEO 점수를 주고 있습니다.
  2. 이미지 대체 텍스트는 인터넷 환경이 좋지 못한 국가에서도 사용자가 글만으로 이미지를 이해할 수 있습니다. 전 세계인이 찾는 구글은 대체 텍스트를 중시합니다.

 

블로그 포스팅에 첨부하는 이미지가 유명 화가의 작품이라면 ‘대체 텍스트’에 화가의 작품명을 적는 것으로 대체 텍스트를 대신할 수 있습니다.

‘캡션’과 ‘설명’에서는 작품의 이미지를 상상할 수 있도록 설명해주는 것이 좋습니다.

  • 대체 텍스트 – 이미지에 적합한 설명을 간단하게 적어준다. 이때 글의 배경에 해당하는 단순한 정물 사진이라면 별도의 텍스트가 없어도 됩니다.
  • 제목 – 삽입한 미디어의 이름을 적어주세요. 테마나 플러그인에 따라 다르며, 제목을 표시하도록 설계된 경우 이미지의 제목을 입력해줍니다.
  • 캡션 – 미디어에 올린 이미지에 대한 간략한 설명을 작성해 주세요.
  • 설명 – 이 특정 미디어에 대한 설명입니다.

 

미디어 대체 텍스트 작성 예시
미디어 대체 텍스트 작성 예시

만약 상단 이미지 예시와 같은 수컷 공작새에 대한 포스팅을 작성하고 이미지를 첨부한다면, 이미지의 제목은 ‘공작새’라고 입력해주면 됩니다.

대체 텍스트(alt tag) ‘수컷 공작새 머리’ , 그리고 캡션 또는 설명에는 ‘수컷 공작새를 설명’ 또는 ‘수컷 공작새의 외관에 대한 설명’ 정도로 작성하면 됩니다.

 

자료 참고 :  워드프레스 공식 홈페이지 https://ko.wordpress.org/

 

대체 텍스트 공란도 좋아요

워드프레스 포스팅을 작성하며, 이미지 대체 텍스트 작성이 처음이라면 어렵게 느껴질 수 있습니다. 다른 블로그에 익숙한 분들, 초보 블로거 모두 이에 해당합니다.

작성하는 글의 형식에 따라 이미지 대체 텍스트와 캡션, 설명이 상세하게 필요하기도 하고 오히려 공란으로 비워둬야 하는 경우도 있습니다.

예를 들어, 캠핑과 관련한 글에 텐트 치는 방법에 대해 포스팅하다 이미지를 울창한 숲을 첨부했다면 그 이미지는 별다른 캡션이나 설명은 없이 공란으로 두는 게 더 좋습니다.

따라서 ‘모든 항목을 다 맞춰서 작성해야 한다’라는 중압감에 벗어나 상식적인 선에서 대체 텍스트와 캡션, 설명을 작성하기를 바랍니다.

대체 텍스트뿐 아니라 워드프레스 블로그 이미지 업로드 시 용량을 줄이면서 이미지 퀄리티를 높이는 Webp 파일을 활용하는 것도 좋은 방법입니다.

하단 링크를 통해 이미지 최적화에 도움이 되는 Webp 파일 업로드 방법을 확인해 보실 수 있습니다.

워드프레스 이미지 Webp 등록 방법 카페24 웹호스팅

 

AI를 이용한 꼼수’NO’

최근 AI 챗봇 ‘ChatGPT’가 작성해 주는 글을 통해 블로그 애드센스를 빠르게 받는 방법에 대해 강의하는 꼼수 유튜브 채널이 늘어나고 있습니다.

대체 텍스트는 사람이 사람에게 이미지를 설명하는 ‘감성의 영역’이기도 합니다.

자신의 포스팅이 AI의 도움을 받지 않고 정성들여 작성된 글이라는 것을 방문자에게 보여 주고자 한다면 워드프레스 ‘대체 텍스트’를 잘 활용 해 보면 좋을 것 같습니다.

사람이 가지는 생각이 들어가지 않은 검색 기능만을 가진 블로그는 이제 ‘ChatGPT’시대와 함께 곧 사라질 것입니다.

AI가 아닌 글 작성자의 직접적인 경험을 방문자(사람)에게 전달하는데 중요한 요소인 대체 텍스트를 활용해 차별화된 블로거로 성장해 경제적으로도 더 풍족해지길 바랍니다.