페이지스피드인사이트로 블로그 성능 측정을 진행하니 진단 결과 중 링크에 설명 텍스트가 없음 항목이 표시되었다. 해당 항목으로 검색엔진 최적화 점수가 8점 감점되어 92점으로 표시되고 있다. 이 문제를 수정하여 SEO(검색엔진최적화)를 진행해 보자.
원인분석
구글 문서 링크에 설명 텍스트가 없음을 확인해 보니 링크에 여기를 클릭하세요, 자세히 알아보기 등으로 사용자를 어디로 안내하는지 전달하지 않는 경우에 문제가 발생한다고 한다. 농구 동영상과 같이 사실을 명확하게 전달해야 한다고 한다.
종합해 보면 링크에 Read more로 표시하고 있어 어디로 안내하는지 몰라 문제가 발생하는 것으로 확인되었다. 링크에 글 제목을 포함하여 이 문제를 해결해 보도록 하자.
해결방법
Read more를 수정하기 위해 인터넷을 검색한 결과 ALT text on “Read more” links의 내용을 참고하여 수정을 진행하였다.
WP관리자>모양>테마 파일 편집기로 들어가서 오른쪽 테마 파일 목록에서 function.php를 선택한다. function.php 파일 내용의 끝부분에 아래 코드를 삽입한다. 이 코드를 적용하면 링크 텍스트가 Read more에서 Read more about 글제목으로 변경이 된다. 링크 텍스트 형식은 입맛에 맞게 코드를 수정해도 좋다.
// PageSpeedInsights 링크에 설명 텍스트가 없음 수정
add_filter( 'generate_excerpt_more_output', function() {
return sprintf(
' ... <a title="%1$s" class="read-more" href="%2$s" aria-label="%3$s">%4$s</a>',
the_title_attribute( 'echo=0' ),
esc_url( get_permalink( get_the_ID() ) ),
"Read more about ".get_the_title(),
"Read more about <b>".get_the_title()."</b>"
);
} );
적용결과
해당 코드를 적용한 후 다시 페이지스피드인사이트로 확인해 본 결과 링크에 설명 텍스트가 없음 항목이 제거 되었고, SEO 점수가 100점으로 향상되었다. 테마 변경 등 워드프레스에 변경이 있을 때마다 확인하여 항상 SEO(검색엔진 최적화) 상태가 유지되도록 하자.
