블로그 포스팅을 하면서 글도 중요하지만, 사진 이미지 역시 이해와 설명을 위해서 중요한 역할을 합니다. 검색엔진에서 좋은 글로 평가받기 위해서는 우리가 넣었던 이미지에 포함된 알트태그 역시 작성을 해줘야 하는데요.
알트태그가 뭔가요?
알트태그는 HTML의 이미지 태그에서 alt속성값을 말하는데요. 인터넷 환경이나 그림을 제대로 볼 수 없는 환경에서 대체 텍스트로서 그림을 읽어주는 역할을 합니다. Share on X
사진을 예로 설명드린다면 우리가 눈으로 보는 시원한 파도 치는 바다의 모습도 검색엔진이 봤을때는 그저 파일명이나 이미지 영역으로 밖에 안보이는 거죠.
<noname01> 내지는
<img0900> 요런식일지 몰라요.
알트태그를 넣어보자
그럼 앞에 사진을 예로 들어 이미지 파일에 알트태그를 넣어보겠습니다.
블로그스팟에서는 해당 이미지파일을 클릭해주면 하단에 메뉴바가 뜨게됩니다.
이미지를 선택해 준 뒤 다음과 같이 이미지 설정 메뉴가 뜨면, 톱니바퀴 모양을 눌러줍니다.
이미지 수정 항목이 나왔습니다.
여기서 대체 텍스트 항목이 알트태그인데요. 이미지에 맞게 텍스트를 적어서 설명을 해주면 됩니다.
사진 이미지를 봤을 때 저는 파도–치는–바다 라고 알트 태그를 적어주었습니다.
여기서 띄어쓰기 부분은 글–글–글 식으로 –를 넣어서 작성해주세요. 이렇게 작성 한 뒤에 업데이트를 눌러보면.
다음과 같이 HTML 편집 화면에서 제대로 알트태그가 들어간 것을 확인 할 수 있습니다. 포스팅 하면서 이런 부분도 바꿔줘야 하나 번거롭고 귀찮을수도 있지만, 검색엔진에서 SEO 최적화로 좋은 평가를 받기 위해서 감수해야 하는 부분이라 생각하고 하다보면, 손에 익기도 하고 좋은 성과가 있을 겁니다.