이미지 알트태그(Alt tag) 넣는 법 (대체 텍스트 삽입)

 

알트태그(Alt tag)는 시각장애인들을 위한 것으로 검색 엔진 특히 외국 검색 엔진 구글과 특정 플랫폼, 특정 에디터에서는 알트태그가 없는 사진이나 포함된 포스팅에 대해서 적절하지 않거나 나쁜 포스팅에 해당한다고 공식적으로 말하고 있습니다.

 

대체 텍스트로 이미지 설명

 

이미지 무료 이미지 사이트나 구글 검색을 통해 이미지는 오려오거나 그대로 가져오는 경우가 있습니다. 해당 이미지가 없을 경우 인스타그램 또는 핀터레스트 검색란에서 원하는 이미지를 저장하여 붙여 넣기를 통해 사진 이미지를 블로그에 옮겨 넣습니다.

 

예를 들어 '올리브유' 이미지를 다운로드하여 사진 사이즈를 정리하여 블로그에 붙여 넣기를 하는 경우 해당 이미지를 클릭하면 사진 위에 '대체 텍스트 삽입'을 위한 설정 아이콘을 클릭합니다. 

 

대체 텍스트 삽입에 해당 이미지에 대한 설명을 넣습니다. 대체 텍스트 즉, 알트태그는 이미지 최적화 방법으로 글과 이미지를 읽기 위해 이미지 설명을 텍스트로 넣게 되면 검색 로봇이 해당 사이트를 크롤링하고 색인을 생성해 순위를 지정하고 이미지를 해석하는 사용됩니다. 

 

 

티스토리 알트태그 넣는 법

 

• 무료 이미지 사이트에서 원하는 이미지(사진) 저장
• 티스토리 블로그에 이미지 업로드
• 이미지 클릭 - "설정" 아이콘 클릭
• 대체 텍스트 삽입 - "건강에 좋은 올리브유"

 

 

HTML에서 알트태그 확인

 

티스토리에서 HTML에서 알트태그 "alt" 부분에서 이미지 설명, 대체 텍스트 "건강에 좋은 올리브유"가 들어간 것을 볼 수 있습니다. 이 방식은 티스토리 블로그에서 쉽게 넣을 수 있으며 직접 HTML 모드에서 타이핑해도 좋습니다. 웹사이트 포스팅과 블로그 HTML에서 중요한 것은 file name과 alt tag는 무척 중요합니다.

 

 

웹사이트의 포스팅과 텍스트 이미지에 대한 설명은 구글 검색 노출에 있어 가장 기본적이고 중요한 부분입니다. 전 세계 웹사이트를 제작할 수 있는 워드프레스 또한 시장 점유율이 꽤 높으며, 웹 제작을 통해 검색의 효율성을 높이기 위한 알트 태그, 즉 대체 텍스트 삽입 할 수 있는 부분이 있으므로 꼭 해두는 것이 좋습니다. 

 

 

AICP 광고 무효클릭 방지 플러그인 추천 (워드 프레스)

 

쿠팡 배너 광고 블로그에 설정 방법 (다이나믹 배너/iframe 태그 광고 송출)