티스토리 최적화를 위해선 alt 태그 즉 대체택스트를 작성해야만 합니다. 구글은 물론 네이버 스니펫을 노리는 데 있어 많은 도움이 되기 때문이죠. 티스토리 블로그 SEO 최적화를 위한 alt 태그 작성법을 빠짐없이 모두 설명드리겠습니다.
티스토리 최적화 alt 태그 대체택스트 작성법
티스토리 최적화에 필요한 alt 태그 대체택스트 작성법은 크게 두 가지로 나뉩니다. 첫 번째는 큰 틀에서 스킨 전체에 적용되는 alt 태그를 빈자리 없이 채워줘야 하고, 두 번째는 포스팅을 작성할 때 필요한 대체택스트 작성법입니다.
솔직히 다음'만'을 노린다면 크게 상관없는 부분이지만 구글 노출이나 네이버 스니펫 노출까지 노리신다면 반드시 작성해 주어야 노출될 가능성이 높아집니다.
★티스토리 최적화를 위해 함께보면 좋은 포스팅
1. 티스토리 스킨 html 편집 단계에서의 alt 태그 작성법
티스토리 메인에서 보이는 썸네일이나 기타 이미지들의 alt 태그 곳곳이 비어져 있는 경우가 많기 때문에 티스토리 최적화를 위해선 스킨 편집을 통해 대체택스트를 작성하여 채워줘야 합니다. 한 번만 수정하면 영구적으로 작동하기 때문에 잘 따라만 와 주세요.
1. 가장 먼저 관리>좌측 메뉴에서 스킨 편집을 클릭해 주세요.
2. 오른쪽 상단의 'html 편집' 클릭해 줍니다.
3. html 편집창 빈 곳을 클릭한 뒤 Ctrl+F 를 눌러 검색창을 열어주세요.
5. 검색창에 img 또는 alt를 입력, 엔터 쳐서 검색해 주세요.
6. img 옆의 alt=""이라고 쓰인 곳의 따옴표 사이를 채워주시면 됩니다.(alt로 검색해도 마찬가지로 alt="" 이런 모양으로 생긴 곳을 찾아 채워주세요.)
예시를 들어본다면, 원래는 alt=""이렇게 되어있던 부분이 alt="대체택스트 입력하는 곳" 요렇게 수정되는 것이죠.
그냥 이미지의 성격에 맞게 썸네일 1 썸네일 2 이미지링크 1 등으로 간단하게 수정해 주시면 됩니다. 요 비워진 alt 태그 부분만 제대로 다 채워주시면 구글에서 말하는 '이미지가 누락된 경우의 alt특성' 오류가 발생하지 않아요.(해당 오류가 발생했다면 이 부분을 수정해 주시면 된다는 뜻이기도 합니다.)
2. 티스토리 포스팅할 때 삽입 이미지 alt 태그 작성법
티스토리 블로그 포스팅할 때 썸네일 이미지나 보충적 설명을 위한 이미지 등 다양한 사진들을 삽입하게 되는데 이때 빼먹지 말아야 할 것이 바로 alt 태그를 작성해 주는 것입니다. 매번 포스팅을 할 때마다 해주어야 하지만 엄청 쉬워서 간단히 익히실 수 있어요.
1. 포스팅 작성 페이지에서 이미지를 삽입한 뒤
2. 이미지를 클릭, 이미지 상단에 뜨는 메뉴창에서 가장 왼쪽의 톱니바퀴를 클릭합니다.
3. 톱니바퀴 모양이 대체택스트를 삽입하는 메뉴인데, 원하는 방식으로 간단하게 사진 설명을 입력해 줍니다.
저는 포스팅 썸네일의 경우 제목+썸네일 이라는 정직한 방법으로 작성해주고 있습니다. 그 외의 기타 이미지들은 그때그때 이미지의 역할에 맞게 설명하는 식으로 작성하고 있고요.
참고로 이 부분 또한 'img 태그에 alt속성이 정의되지 않아 발생하는 오류'라는 이름으로 구글에서 자주 발생하는 오류여서 포스팅을 할 때마다 빼먹지 말고 모든 이미지 하나하나에 alt 태그 대체택스트를 작성하시는 것이 좋습니다.
나중에 한 번에 하려면 많아서 힘들기도 하고, 티스토리 자체가 조금 불안정해서 잦은 수정은 포스팅 누락이나 티스토리 블로그 최적화를 방해할 수 있기 때문입니다.
alt 태그 대체택스트 작성하는 것 이외에도 티스토리 블로그 최적화를 위해선 먼저 기본 설정을 해 주셔야 하는 것들이 있는데 뉴비 분들이시라면 아래 포스팅을 참고해서 설정을 바꿔주세요!