티스토리 이미지 태그 자동입력: 간단하게 알트태그 적용하기

이 블로그 글은 티스토리 사용자들이 이미지에 대한 알트태그를 자동으로 입력하는 방법에 대해 설명하고 있습니다. 먼저, 알트태그가 SEO에 도움이 된다는 것과 티스토리에서는 알트태그를 수동으로 입력해야 한다는 것을 강조하고 있습니다. 그러나 이 글에서는 이미지에 알트태그를 자동으로 추가하는 방법을 제공하고 있습니다. 이를 위해, 자바스크립트 코드를 사용하여 이미지의 파일 이름을 기반으로 알트태그와 타이틀태그를 자동으로 생성하는 방법을 소개하고 있습니다. 이 코드는 이미지 요소의 'data-filename' 속성을 활용하여, 이미지에 대한 대체 텍스트(alt)와 툴팁(title)을 설정합니다. 이미 알트태그나 타이틀태그가 존재하는 경우에는 그대로 둡니다. 어떤 태그도 존재하지 않는 경우에는 둘 다 파일 이름에서 추출한 값으로 설정됩니다. 이렇게 하면, 알트태그나 타이틀태그를 깜빡하고 입력하지 않아도, 자동으로 파일명으로 대체되어 SEO에 도움이 됩니다. 이 글은 또한 알트태그와 타이틀태...

원문링크 : 티스토리 이미지 태그 자동입력: 간단하게 알트태그 적용하기