워드프레스 이미지 최적화: Alt 태그와 이미지 제목, 뭐가 다른가요?
안녕하세요, 웹피디아 입니다.
이번 포스팅에서는 워드프레스에 추가하는 이미지의 Alt태그 및 이미지 제목의 차이점을 알아보려고 합니다.
대부분의 블로그나 홈페이지 컨텐츠에는 이미지가 포함되어 있습니다.
그러나 속도나 검색 순위를 높이기 위해 이미지를 최적화하는 웹 사이트 소유자는 생각보다 많지 않습니다.
워드프레스로 제작된 홈페이지는 타 웹 빌더 홈페이지와 다르게 alt 텍스트와 이미지 제목을 쉽게 추가할 수 있습니다.
타 웹 빌더의 경우 번거롭게 코드를 넣어 alt 텍스트와 이미지 제목을 설정해야 합니다.
하지만, 초보자들은 종종 차이점과 사용 방법, 그리고 이게 얼마나 큰 이점인지를 이해하지 못합니다.
이 포스팅에서는 이미지 Alt태그(대체 텍스트)와 이미지 제목의 차이점과 설정 방법을 알아보겠습니다.
이를 통해, 워드프레스 이미지 최적화 할 수 있습니다.
워드프레스 이미지 Alt 텍스트 VS 이미지 제목 최적
Alt 텍스트, alt 태그는 ‘대체 텍스트(Alternative text)’의 줄임말로 HTML 이미지 태그에 추가되는 속성입니다.
텍스트가 이미지를 설명하므로 검색 엔진과 이미지를 볼 수 없는 방문자는 이를 통해 이미지가 무엇인지 이해할 수 있습니다.
워드프레스 웹 사이트의 이미지를 찾거나 표시할 수 없는 경우, 흔히 말하는 엑박이 뜰 경우
문서가 깨진 것 같은 모양의 작은 아이콘과 함께 Alt 텍스트가 대신 표시됩니다.
Alt 텍스트는 이미지 제목과 다릅니다.
사진과 같이 마우스 커서를 이미지 위에 놓으면 이미지 제목이 작은 팝업 상자에 표시됩니다.
Alt 텍스트 및 이미지 제목은 시력이 좋지 않거나 화면 판독기를 사용하여 사이트의 내용을 읽는 사용자의 웹 사이트 접근성을 향상시키는 데도 사용됩니다.
화면 판독기가 이미지에 오면 Alt 텍스트를 읽습니다. 사용자의 설정에 따라 제목 텍스트를 읽을 수도 있습니다.
접근성과 검색 엔진 최적화(SEO) 모두에서 제목 텍스트보다 alt 텍스트가 더 중요합니다.
따라서 모든 이미지에 alt 텍스트를 포함하는 것이 좋습니다.
워드프레스에서 이미지에 Alt 텍스트를 추가하는 방법
워드프레스를 사용하면 코딩 없이 이미지에 Alt 텍스트를 쉽게 추가할 수 있습니다.
블록 편집기, 클래식 편집기 또는 워드프레스 미디어 라이브러리에서 이 작업을 할 수 있습니다.
블록 편집기에서 Alt 텍스트 추가
블록을 추가할 때 이미지 블록을 선택하시면 이미지를 추가할 수 있습니다.
이미지를 업로드하고 난 뒤, 페이지 오른쪽에서 alt 텍스트를 설정할 수 있습니다.
미디어 라이브러리에서 Alt 텍스트 추가
미디어 » 라이브러리로 이동하여 이미지를 클릭하여 편집하여 이미지에 alt 텍스트를 추가할 수도 있습니다.
이렇게 미디어 라이브러리에서 수정할 경우,
게시물이나 페이지에 이미 삽입한 이미지의 alt 텍스트는 변경되지 않습니다.
그러나 여기에 alt 텍스트를 추가한 후 게시물이나 페이지에 이미지를 추가하면 alt 텍스트가 포함됩니다.
워드프레스에서 이미지 제목을 추가하는 방법
이미지 제목을 추가하는 것도 위와 마찬가지로 블록 편집기와 미디어 라이브러리에서 할 수 있습니다.
블록 편집기에서 이미지 제목 추가
이전에 대체텍스트를 추가했던 오른쪽 블록 탭에서
스크롤을 조금 아래로 내리시면 ‘고급’탭이 있습니다.
고급 탭을 누르시면 ‘타이틀 속성’을 작성하실 수가 있습니다.
여기에 이미지 제목을 써주시면 됩니다.
미디어 라이브러리를 통한 이미지 제목 추가 방법
미디어 라이브러리를 사용하여 이미지에 워드프레스 미디어 제목을 추가할 수 있습니다.
미디어 라이브러리에서 이미지를 편집하면 ‘제목’ 필드가 나타납니다.
