블로그스팟을 운영하시면서
이미지 최적화에 대해 고민해 보신 적 있으신가요?
특히 검색엔진 최적화(SEO)는 물론
웹 접근성을 높이는 데도 아주 중요한 역할을 하는 것이
바로 이미지 alt 태그인데요.
이걸 블로그스팟에서는 어떻게 넣어야 할지
궁금해하시는 분들이 많더라고요.
그래서 오늘은 블로그스팟에서 이미지에
alt 태그를 손쉽게 추가하는 방법을 자세히 알려드리려고 합니다.
생각보다 어렵지 않으니 차근차근 따라와 보세요.
새 게시물 이미지에 alt 태그 추가
먼저 새 게시물에 이미지를 올릴 때부터 살펴볼까요?
블로그스팟 글쓰기 화면에서 평소처럼
'이미지 삽입' 아이콘을 통해 원하는 이미지를 업로드하고 나면,
글 본문에 해당 이미지가 쏙 들어갈 거예요.
이때, 본문에 삽입된 그 이미지를 한번 클릭해 보세요.
그러면 이미지 주변으로 작은 메뉴나 아이콘들이 나타날 텐데요.
여기서 톱니바퀴 모양으로 생긴 아이콘이나
'속성(Properties)'이라고 표시된 메뉴를 찾아 눌러주시면
이미지 설정을 변경할 수 있는 창이 뜬답니다.
그 창 안에 대체 텍스트(Alt text) 라고 된 입력 칸이 보이실 텐데
바로 이곳이 우리가 찾던 alt 태그 입력 공간이에요.
여기에 이미지에 대한 설명을 꼼꼼하게 적고
'업데이트'나 '저장' 버튼을 누르면 끝이죠. 정말 간단하죠?
기존 이미지 alt 태그 수정
이미 게시물에 올라가 있는 기존 이미지에
alt 태그를 추가하거나 내용을 수정하는 것도 비슷한 과정을 거칩니다.
해당 게시물의 수정 화면으로 들어가서
본문에 있는 이미지를 클릭하세요.
그러면 역시 이미지 주변으로 설정 메뉴가 나타날 테고,
같은 방식으로 '대체 텍스트' 입력 칸을 찾아
내용을 입력하거나 수정해 주면 됩니다.
이렇게 alt 태그를 입력하실 때는
이미지를 구체적이면서도 명확하게 설명해 주는 것이 중요합니다.
이전에 우리가 함께 이야기 나눴던 것처럼,
해당 페이지의 내용과 관련된 핵심 키워드가 있다면
자연스럽게 포함시키는 것도 좋고요.
물론, 너무 길게 작성하기보다는
이미지 내용을 충분히 전달할 수 있는 선에서
간결하게 작성해 주시면 됩니다.
이미지나 사진 같은 단어는 굳이 반복해서 넣지 않으셔도 괜찮습니다.
검색엔진은 이미 그것이 이미지 태그 안에 있다는 것을 알고 있으니까요.
HTML 편집을 통한 alt 태그 관리
혹시 HTML 코드를 직접 다루는 것이 더 편하신 분들이라면,
블로그스팟 글쓰기 모드를 'HTML 보기'로 바꿔서
해당 <img> 태그 안에 있는 alt 속성값을
직접 추가하거나 수정하는 방법도 물론 가능합니다.
하지만 대부분의 경우
글쓰기 모드에서 시각적으로 처리하는 것이
더 직관적이고 편리할 거예요.
이제 블로그스팟에서도 이미지마다
의미 있는 alt 태그를 쉽게 추가하고 관리하여,
블로그의 검색 엔진 최적화와 웹 접근성을 향상시킬 수 있습니다.