이미지 위주의 블로그나 특정 키워드로 검색했을 때 이미지가 검색이 안되어서 검색 순위가 뒤로 밀려나는 경우가 있는데요 alt 옵션을 이용해서 이미지에 키워드, 설명을 달고 구글이나 네이버 검색엔진에서 검색순위를 높이는 방법에 대해서 알아보겠습니다.
![[애드센스] 이미지를 검색엔진 노출 구글 서치콘솔 alt 태그 달기 이미지 설명 [애드센스] 이미지를 검색엔진 노출 구글 서치콘솔 alt 태그 달기 이미지 설명](https://blog.kakaocdn.net/dn/cIE5i1/btqJV5LiiFp/KkKEn44xkWR13tkCEq9LV0/img.png)
먼저 많은 사람들이 오해하는 부분입니다.
티스토리 구버전에서는 일반적인 img src 코드로 가져와서 alt 옵션을 달수 있었지만
위 사진처럼 이미지 설명을 다는 것만으로는 검색엔진에서 인식을 못합니다.
![[애드센스] 이미지를 검색엔진 노출 구글 서치콘솔 alt 태그 달기 이미지 설명 2 img](https://blog.kakaocdn.net/dn/7HIai/btqJ3gK28mk/EgB1joZup4hn5LZZKuyhH1/img.png)
오른쪽 상단에 글쓰기 모드를 HTML 로 바꾸어 보시면
위와 같이 | | 사이에 키워드가 들어간 것을 보실 수 있습니다.
이렇게 들어가 있는 태그는 검색엔진에서 가져가지 못할 수 있습니다.
![[애드센스] 이미지를 검색엔진 노출 구글 서치콘솔 alt 태그 달기 이미지 설명 3 img](https://blog.kakaocdn.net/dn/0ENKD/btqJ3ioz3fT/Ur8EKvnexAU1BQU1M25k2k/img.png)
발행해서 코드를 보시면 위와 같이 data-alt 태그로 들어가 있는 것을 확인할 수 있습니다.
검색엔진의 알고리즘이 어디까지 가져가는지는 알 수 없지만
중요한 것은 img src 사이에 들어있지 않고 span 태그 안에 들어가 있습니다
이렇게 들어가 있는 태그는 img의 설명으로 보지 않고 넘어갈 가능성이 매우 높습니다
![[애드센스] 이미지를 검색엔진 노출 구글 서치콘솔 alt 태그 달기 이미지 설명 4 img](https://blog.kakaocdn.net/dn/bJOzef/btqJZnEd06B/uXX8YDcHeWzeK1TApuR0K1/img.png)
그래서 이렇게 alt 태그를 이용해서 넣어주어야 합니다
중간에 보시면 alt=”설명” 이런식으로 태그를 직접 넣어주어야 합니다
이렇게 매번 쓰는 과정이 귀찮겠지만 아직까지 새로운 플러그인이나
해결책이 명확히 제시되지 않았기 때문에 이렇게 써주시는게
검색엔진 노출에 도움이 될 것 입니다.
띄어쓰기에는 스페이스바로 띄우지 않고 ‘_’를 넣어주세요
스페이스바를 인식 못해주는 검색엔진들도 있습니다
![[애드센스] 이미지를 검색엔진 노출 구글 서치콘솔 alt 태그 달기 이미지 설명 5 img](https://blog.kakaocdn.net/dn/C5DVO/btqJ0oCRLA0/x2aB6a4hxYknRfgkDndJ90/img.png)
이제 또 코드로 확인해 보시면
깔끔하게 alt 옵션으로 들어가 있는 것을 확인할 수 있어요
이렇게 작은 차이가 쌓이다 보면 큰 차이로 발견될 겁니다
감사합니다