티스토리 에디터의 업데이트가 하나 생겼습니다. 개인적으로 매우 좋은 방향인 듯합니다. 바로 사진 삽입 시 대체 텍스트라고 하는 alt 태그를 손쉽게 입력할 수 있게 바뀌었거든요.
아래에서 새롭게 변경된 alt 태그 넣는 방법과 아직 아쉬운 점 하나를 소개해드리겠습니다.
목차
- 티스토리 사진 alt 태그 넣는 방법
- 이미지 하나일때
- 이미지 두개일때
티스토리 사진 alt 태그 넣는 방법
이 업데이트가 되지 않았던 지난 시간에는 티스토리 사진에 alt 태그를 넣는 방법은 아래 링크처럼 수동적으로 해야 했었습니다.
티스토리 이미지 alt 태그 넣는 방법 (구글 seo 팁)
블로그를 운영하면서 조금이라도 구글 seo에 충실하면 구글 상위 노출에 도움이 될 수 있습니다. 이때 많은 사람들이 놓치는 이미지 alt 태그는 어떻게 넣을 수 있을까요? 티스토리 구형 에디터
yeoullu.tistory.com
이 alt 태그를 넣는 것은 구글 seo 적인 측면에서 구글 봇이 좋아라 하는 형식이기 때문에 구글에 내 블로그 포스팅이 노출이 되고자 하려면 기본적으로 해야 하는 것이라고 알려져 있죠.
그렇기 때문에 티스토리에서 신 에디터를 사용하게 바꿨을때 이 alt 태그 넣는 방법이 없어서 힘들게 일일이 넣어줬어야 했습니다.
그게 바뀌었어요. 정말 잘 바뀌었습니다. 한가지 아쉬운 점이 있는데 그건 마지막 부분에서 말씀드릴게요.
이미지 하나일때
이미지 하나일 때 해당 이미지를 삽입하고 클릭하면 아래처럼 이미지 편집에 관련된 메뉴들이 나옵니다. 여기에서 제일 우측에 하나의 아이콘이 이는데 이것이 바로 대체 텍스트 즉 alt 태그를 넣을 수 있는 메뉴입니다.
해당 아이콘을 클릭하면 아래처럼 대체 텍스트를 입력하는 공간이 생기는데 이곳에다 사진에 대한 설명을 적어주시면 됩니다.
그걸 HTML 모드를 열어서 확인해보면 alt태그가 넣어졌음을 확인할 수 있었습니다.
실제로 발행하여 개발자 도구로 HTML 코드를 살펴보면 <img ~~ alt="alt 태그 넣기 1" ~~>처럼 alt 태그가 넣어져 있는 것을 볼 수 있습니다.
이미지 두 개일 때
이미지가 2개일 때도 대체 텍스트를 넣는 방법은 동일합니다. 텍스트를 넣을 이미지를 클릭하여 삽입 아이콘을 클릭한 다음,
텍스트 입력하는 창까지 똑같으니 헷갈리진 않으실 겁니다.
HTML모드를 살펴보면 각각에 alt 태그가 들어가 있는 것을 확인할 수 있습니다.
발행하여 alt 태그가 잘 들어갔는지 확인해보았습니다. 그런데 이럴 수가.
이미지 태그에 (<img />) alt 가 들어간 것이 아니라 이미지를 감싸고 있는 span태그에 alt가 입력되어 있습니다.
제가 프로그래밍에 대해 정확히 알지 못하고 조금 찾아보았는데요. html 태그마다 공통적으로 들어가는 속성과 고유한 속성이 있습니다. 그중 alt는 img 태그의 고유 속성인 것 같더라고요. span이나 p에는 해당 태그를 넣을 수는 있지만 img 만큼 의미가 없는 것으로 보였습니다.
alt 태그를 넣는 이유는 순전히 구글 seo에서 좋은 점수를 받기 위해서 넣는 것인데 img가 아닌 span에 넣어도 구글 봇이 블로거의 의도대로 수집할 때 좋은 점수를 주는지는 확인할 방법은 없으나 기왕이면 그림이 두 개여도 img안에 alt를 넣게 업데이트를 해줬으면 좋았었겠다 는 생각이 들었습니다.
마치며
티스토리 에디터에서 이미지 안에 대체 텍스트를 넣는 방법이 쉽게 바뀐 점에 대해 포스팅을 하였습니다.
이미지 2개일 때 alt를 넣는 것이 조금 아쉬웠지만 그래도 에디터상에서 이미지에 alt를 넣는 방법이 쉽게 되었다는 점에선 참 잘한 업데이트였습니다.
티스토리팀 파이팅입니다.~
해당 포스팅이 조금이나마 도움이 됐다면 ♡공감 버튼 부탁드립니다.~
