티스토리 최적화 앵커 텍스트 이미지 alt 속성 적용하는 법
- 블로그 운영/티스토리 최적화
- 2019. 5. 21. 19:51
안녕하세요. 콘마니입니다!
블로그 가독성을 위해서 그동안 포스팅한 글들을 전부 대표이미지, 본문 내용도 살짝 바꾸었는데 생각보다 시간이 많이 걸렸습니다. 이제는 네이버 웹마스터도구에 사이트 최적화를 위해서 앵커 텍스트와 이미지 alt 속성 적용하는 법에 대해서 소개핬습니다.
사이트 내 링크의 구조 개선
사이트 구조가 최고예요가 뜨긴 하는데 자세히보면 노란느낌표 뜨는게 하나 있어서 그 부분을 해결해 보려고 합니다.
바로 링크관리입니다. 사이트 내 링크의 구조 개선이 필요하다고 하니 가이드를 보겠습니다.
가이드에서 앵커 텍스트와 이미지 alt 속성에 대해서 나옵니다.
링크를 눌렀을때 예상가능한 텍스트를 넣어 주는게 바로 앵커 텍스트 입니다. 저는 이렇게 링크를 활용하고 있으면서도 이것이 앵커 텍스트라는건 처음 알았습니다.
앵커 텍스트는 이렇게 작성하면 좋습니다.
- 어떤 페이지로 이동하는지 함축적 내용을 담는다.
- 쉽게 눈에 띄도록 굵게, 색상을 다르게 하는 것이 좋다.
저도 눈에 띄도록 링크를 다 바꾸어야 겠습니다.
이미지 alt 속성이란 이미지가 브라우저에서 표시할 수 없는 환경에서 이미지를 대체할 수 있는 텍스트라고 합니다.
c
글쓰기 화면에서 업로드 한 이미지를 클릭하면 오른쪽에 대체 텍스트를 입력할 수 있습니다. 그 텍스트가 alt 속성 값이 되고, 동일한 내용은 입력하지 않는 것이 좋습니다. 이미지마다 새로운 내용을 입력하는 것도 시간이 많이 걸릴 듯 하니 키워드 하나 정하고 예를들어 드로즈면 드로즈_01, 드로즈_02 이런 식으로 뒤에 숫자만 바꿔주는 것이 좋을 거 같습니다.
티스토리 블로그 이미지 alt 속성 추가
블로그 이미지 alt 속성을 추가하려면 먼저 블로그 관리 - 스킨 편집 - HTML로 이동하고 HTML에서 CTRL+F 눌러 <img 검색을 해줍니다.
스킨마다 다 표시되는 게 다를 수 있습니다. JB SKIN 167은 alt="" 이 부분에서 "" 사이에 대체 텍스트를 입력하면 됩니다.
이런식으로 이미지에 대한 설명을 넣으면 좋은데 JB SKIN 167 스킨은 검색량도 많고 어떤 이미지인지 구분이 안되서 그냥 콘마니 블로그01 이런식으로 계속 입력했습니다.
이미지 alt 속성을 네이버 검색엔진이 이해하는데 중요한 정보로 도움을 준다고 합니다. 그렇다면 이미 포스팅 글이 많이 있는 경우는 전부 대체 텍스트를 넣기엔 상당히 시간적으로 부담스러운 작업이 될 듯 하니 천천히 하루에 몇 개씩 하거나 그냥 새로 포스팅하는 글부터 alt 속성 값을 넣는 것도 좋은 방법일 듯 싶습니다. 저는 포스팅 한 글이 얼마 되지 않아 전부 속성 값을 입력해 주어야 겠습니다.
'블로그 운영 > 티스토리 최적화' 카테고리의 다른 글
| 티스토리 페이지 로딩 속도 개선 이미지 용량 줄이는 사이트 (0) | 2019.12.03 |
|---|---|
| 티스토리 네이버 검색 누락 확인 및 해결 방법 (2) | 2019.06.01 |
| 티스토리 사이트맵 만들기 구글 네이버 Bing 등록하기 (0) | 2019.05.21 |
| 티스토리 검색 등록 빙 웹마스터도구 적용 하는 법 (0) | 2019.05.20 |
| 티스토리 검색 등록 구글 네이버 웹마스터도구 적용 하는 법 (0) | 2019.05.19 |