티스토리 alt 태그 변경방법

반응형

티스토리에서 alt 태그를 넣으려다가 당황하셨나요?  당황하지 마시고 잠깐만 읽어 주세요. 훨씬 더 편하게 바뀌었습니다.

 

티스토리 블로그에서 이미지를 넣을 때 alt 태그를 넣게 됩니다.  alt를 넣는 이유는 구글검색에서 이미지를 대신할 문구를 반드시 넣도록 되어 있기 때문입니다. 안넣으면 검색이 잘 안된다고 합니다. 하지만 귀찮아서 잘 안넣게 되지요. 다행이 이번에 티스토리 개편이 있었는데 편리하게 바뀌었습니다.

 

기존의 alt 태그 넣는 방법

그런데 alt를 넣는게 그동안은 약간 불편했습니다.

기본모드가 아닌 html모드로 들어가서 이미지를 찾아 거기에 alt="이미지내용" 과 같은 형식으로 일일이 타이핑을 해 주었어야 했거든요.

오늘도 이미지를 넣고 alt를 넣기 위해서 html모드로 들어갔는데 어라? 전혀 다른 코드가 나와서 당황했네요.

그래서 변경방법을 확인하고 부랴부랴 포스팅 합니다.

새로운 티스토리 alt  태그 넣는 방법

1. 저는 아래의 사진을 넣고 alt 태그에 바닷가사진 이라는 태그를 달고 싶습니다. 

바닷가사진

2. 글쓰기 하다가 편집창 윗쪽에 사진모양 아이콘을 눌러서 사진을 붙이면 다음과 같은 모양이 됩니다.

alt태그 넣는 화면

이미지가 선택 된 후 가장 오른쪽 아이콘을 누르면 대체텍스트 라는 문구가 보입니다.

여기가 바로 alt 태그에 넣었던 문구를 넣는 곳입니다. 너무나 쉽게 바뀌어서 깜짝 놀랐네요.

 

그리고 아래쪽에 이미지를 설명해 보세요 부분에도 캡션을 넣어 주시고요.

 

html 편집모드 화면

기본모드 말고 HTML 모드로 들어가서 확인해 보면 다음과 같습니다.

html모드의 alt태그 내용

중간에 "alt":"바닷가사진" 이렇게 보이지요? 

예전에는 alt="바닷가사진"  이런식으로 써넣었는데 이제는 html로 들어가지 않고 바로 화면에서 입력할 수 있게 편리하게 바뀌었네요. 굳이 들어가서 타이핑을 하셔도 괜찮습니다. ^^;

앞으로 티스토리 블로그들이 구글 점수 좀 높아지겠는데요? 

 

꼭 alt태그 붙이셔서 디지털노마드 성공하세요~~