워드프레스 Rank Math SEO 플러그인을 사용하여 이미지 alt 태그 속성 자동 추가하기

워드프레스 Rank Math SEO 플러그인을 사용하여 이미지 alt 속성 자동 추가하기

Rank Math SEO 플러그인의 이미지 최적화(ALT attributes) 기능을 사용하여 alt 속성이 없는 이미지에 alt 태그를 자동으로 추가할수있습니다.
1)Rank Math SEO 플러그인을 설치 및 활성화하고  Rank Math SEO 대시보드의 Modules 메뉴로 이동합니다.

 
2)하단 Image SEO 기능을 활성화하고 설정(settings)으로 이동합니다.

 
3)add missing ALT attrubutes, add missing TITLE attributes 옵션이 비활성화되어있는것을 확인할수있습니다.
ALT attributes
검색엔진이  중요하게 보는 태그중 하나입니다. 이 옵션을 활성화하면 기존의 게시물과 새로 작성한 글에서 Alt 태그가 비어있는 모든 이미지에 해당 글의 제목이나 파일명을 기반으로 Alt 태그를 자동 부여해 줍니다.
TITLE attributes (선택) 
사용자가 이미지에 마우스를 올렸을 때 뜨는 설명 풍선 도움말입니다. SEO에 미치는 영향은 Alt보다 작지만 활성화하면 사용자 경험(UX)에 도움이 됩니다.

 
4)두 옵션을 활성화합니다. 이 옵션은 이미지에 ALT 태그와 제목 태그를 자동으로 추가해 줍니다.
ALT attributes를 활성화하면 alt 속성이 없는 이미지에 alt 속성을 자동으로 추가합니다. 이 속성은 콘텐츠가 표시될 때 동적으로 적용되며 기존의 모든 게시물에 대해서 이미지 alt 태그를 수정할 필요가 없습니다. 
(저장된 콘텐츠는 변경되지 않습니다)
 

 
5)Alt attrubute format이 기본 파일명(filename)으로 설정되어있는것을 확인할수있습니다. 

 
6)Alt 태그 속성 이름에 게시물 제목을 사용하려면 Post Title으로 설정합니다.

 
7)Counter 포맷을 추가하면 이미지 순서대로 게시물 제목에 숫자를 기입합니다.

 
8)변경사항을 적용합니다(save changes)

 

9)이후에 사용자가 또는 검색엔진 로봇이 해당 페이지에 접속할때  이미지의 alt 속성을 동적으로 적용합니다

(데이터베이스를 직접 수정하고 페이지가 사용자에게 렌더링되는 순간 동적으로 적용)

 

Rank Math의 작동 방식
-구글 봇이 워드프레스 웹페이지 접속(크롤링)을 요청합니다
-서버는 구글 봇의 요청을 받고 페이지를 표시하기 전에 Rank Math 기능을 실행하여 HTML 소스 코드에서 alt="%title%"을 동적으로 추가합니다.
-구글 봇은 alt 속성이 추가된 최종 HTML 결과물을 받습니다.