visual link preview 플러그인 이미지에 alt 속성 추가 방법

워드프레스 플러그인 visual link preview의 이미지 Alt 속성을 추가하는 방법 안내입니다. visual link preview 플러그는 링크를 Facebook과 같은 링크 미리보기를 만들어 주는 플러그인입니다.

visual link preview 플러그인을 자주 사용하는데 SEO 검사에서 visual link preview 플러그인의 섬네일에 alt 속성이 없는 것을 확인하고 아래와 같이 수정을 해보았습니다

visual link preview 플러그인 이미지에 alt 속성 추가 방법

visual link preview 플러그인은 자체 기능에 표시할 이미지와 텍스트를 선택할 수 있고 맞춤 템플릿도 만들 수 있으나 기본 템플릿이나 맞춤 템플릿으로는 섬네일 이미지에 alt속성을 넣을 수 없었습니다.

그래서 플러그인 소스에서 타이틀을 alt로 지정되게 수정해 봤습니다. 방법은 아래와 같습니다.

wp-content/plugins/visual-link-preview/includes/public/ 아래 class-vlp-link.php 파일에서 public function image( $size = ‘thumbnail’ ) 함수 내용중에 아래와 같은 부분을 수정한다.

수정 전

 return '<img src="' . esc_attr( $image_url ) . '" style="max-width: ' . $size[0] . 'px; max-height: ' . $size[0] . 'px" />';

수정 후

return '<img src="' . esc_attr( $image_url ) . '" style="max-width: ' . $size[0] . 'px; max-height: ' . $size[0] . 'px" alt="'.$this->title().'" />';

※ alt=”‘.$this->title().'” 를 추가한것임.

이렇게 수정하면 visual link preview 플러그인을 사용한 링크에 섬네일은 alt 속성이 추가됩니다.

단, visual link preview가 업데이트되면 위 수정한 부분이 사라질 수 있기 때문에 이점은 감안하고 사용하시기 바랍니다. (점검해서 주기적으로 적용해주세요. ㅜㅜ)

이상입니다.

[더 읽어볼거리]

워드프레스 첨부 이미지 가운데 정렬 (중앙정렬) 방법