수익형 티스토로 블로그 사진 이미지 alt 태그 완벽 이해

티스토리 블로그를 작성 시 사진 이미지에는 반드시 alt 태그를 해야 하는데 왜 해야 하는지, 어떻게 해야 하는지 잘못 적용하거나 누락하여 문서가 검색 노출이 되지 않는 경우가 있습니다. 그리고 잘못된 문서를 쉽게 찾아 수정하는 방법도 알아볼게요.

alt태그 사용법

alt 태그 속성 ( 작성하는 이유 )

어떤 이유로 (인터넷 속도가 느린 지역, 기술적 오류 등 ) 이미지를 표시할 수 없을 때 대신 표시할 텍스트를 지정합니다. 시각 장애인에게 사진에 대한 음성기술을 지원하여 설명할 수 있습니다. 키워드 검색에 영향을 미칩니다. 잘못된 alt 태그는 문서의 품질에 공식적으로 나쁜 영향을 줍니다. alt ( 이미지 태체 텍스트 Alernative text )

예시 : alt="2008년-월드시리즈-베이스볼-우승팀-축하-파티"

태그를 잘해야 하는 가장 큰 이유는 구글 알고리즘은 이미지에 태그를 넣으면 그 설명으로 내용을 인식하기 때문입니다. 문서의 내용과의 관련성, 키워드의 적정성, 문서의 품질에 영향을 미치며, 키워드에도 큰 영향을 주고 있습니다.

alt 태그 위치 ( 작성하는 방법 )

글 쓰기 시 상단의 편집 툴의 기본 모드를 HTML 모드로 변경하고 'img 파일명', '사진 사이즈', 'alt 태그', '사진 타이틀' 순서로 사진 사이즈 뒤에 아래와 같은 형식으로 넣어 주면 됩니다

예시 : widt="800" height="444" alt="2008년-월드시리즈-베이스볼-우승팀-축하-파티"

사진 예시 : 사진 filename="000.jpg" data... widt="764" height="382" data-..."widecontent" alt="앤커 사운드 코오모 션 플러스 30w"

"내용-내용"안의 공백은 -로 표시하거나 공백 없이 입력합니다.

잘못된 작성 예

image1,2처럼 간단한 숫자나 의미 없는 글로 표시하면 수만 개의 같은 이름의 이미지가 있겠죠.
반대로 너무 길거나 전체 키워드 욱여넣으면 알고리즘이 불량 문서로 판단할지도 몰라요.

alt 태그 한 번에 수정 ( 작성된 문서의 누락된 태그 찾기 )

MS Bing webmaster Tool ( 빙 웹마스터 도구 )에서 bing에 나의 블로그 노출을 위해 url을 등록하면 SEO 보고서에서 alt 태그가 빠진 문서가 몇 개인지 "오류" 메시지를 확인할 수 있습니다. Bing에서도 alt 태그가 없는 것을 잘못된 문서로 분류합니다.

메뉴 위치 = Bing webmaster > 좌측 메뉴 ~ > SEO > SEO 보고서

가입을 하고 사이트 URL 등록을 해야 하며 보고서를 받기까지 한 달 이상 시간이 필요합니다.

등록 후 즉시 검사하는 방법은 좌측 메뉴 "URL 검사"에 블로그 URL를 넣고 "검사"를 누르면 결과 값이 " 검색되지 않습니다"라고 출력됩니다. URL을 넣었던 아랫부분에 "Bing색인" + "라이브 URL"에서 "라이브 URL" 클릭을 하면 스캔 후 결과를 보여 주며 제목, h1태그, 디스크립션 오류 등을 같이 출력하며 오른쪽엔 "어떻게 수정하나요"를 눌러 팁을 얻을 수 있습니다.