워드프레스 포스트 업데이트 날짜 표시 방법

웹사이트를 운영하다보면 틀린 정보를 고치고 새로운 정보 추가하기 위해 작성된 글을 수정하기도 하는데요.

워드프레스에서 작성된 글은 처음 발행한 날짜만 표시되며, 수정한 날짜는 반영되지 않습니다.

이 때문에 작성된 글은 시간이 지날수록 정보 가치(신뢰도)가 줄어들어 사람들이 발행 날짜만 보고 글이 오래되었다고 생각하여 클릭하지 않게 만듭니다. 그리고 이는 SEO(검색엔진최적화)에도 안 좋은 영향을 줍니다.

하지만, 발행일이 아닌 업데이트 날짜로 표시하면 오래전 발행한 글이라도 수정한 날짜가 (검색엔진에 반영되어) 노출되므로 정보의 가치(신뢰도)를 높일 수 있어 SEO에도 도움이 됩니다.

이번 포스팅에서는 워드프레스에서 포스트를 업데이트 날짜로 표시하는 방법에 대해 알아보도록 하겠습니다.

검색엔진 반영 방식

워드프레스에서는 개별 글에 글 발행 날짜와 수정 날짜(업데이트 날짜)를 표시할 수 있습니다.

보통은 발행 날짜가 표시되지만, 원하는 경우 수정 날짜만 표시하거나 둘 다 표시할 수도 있습니다.

다만, 발행 날짜와 수정 날짜를 둘 다 표시하는 경우, 검색엔진에는 보통은 발행 날짜가 반영된다고하니 추천 드리지는 않겠습니다.

그리고 글 발행 날짜를 표시하다가 글 수정 날짜(업데이트 날짜)로 변경할 경우, 단순히 날짜만 변경되면 구글 등의 검색엔진에 날짜가 반영되지 않는다고 합니다. 아무래도 글을 수정해야 일정 시간이 지나면서 검색엔진에 반영되는 것 같습니다.

(검색 결과 페이지의 모든 권한은 검색 사이트에게 있습니다. 평소 검색 사이트에 색인이 잘 이루어 졌다면 서서히 설정한 표시 방식으로 색인이 업데이트 될 것입니다.)

또한, 발행일을 표시하다 수정일만 표시되도록 변경한 후에 다시 발행일로 바꾸는 등 여러 차례 날짜 표시 방식을 변경하면 검색엔진이 혼란스러워하여 검색엔진에 반영되는 날짜가 실제 글에 표시되는 날짜를 제대로 반영하지 못하거나 아예 날짜가 표시가 안 되는 현상도 나타나는 것 같으니 자주 변경하는 행위도 주의하시길 바랍니다.

워드프레스 포스트 날짜 표시 변경하는 방법

1. 플러그인

WP Last Modified Info 플러그인을 사용하면 간편하게 포스트 날짜 표시 방법을 변경할 수 있습니다.

하지만, 저는 플러그인을 선호하지 않습니다.

웹사이트 속도 저하 등의 문제로 가급적이면 플러그인을 사용하지 않고 코드로 해결 합니다.

2. CSS

대부분의 워드프레스 테마에서는 포스트에 발행 날짜(Post Date) 대신 수정 날짜(Modified Date)를 표시하는 옵션을 제공하지 않습니다. 그래서 최종 수정 날짜를 표시하고 싶은 경우, CSS를 추가하셔야 합니다.

※ CSS 작업은 오류 및 테마 업데이트 시 내용이 삭제되는 문제가 있으니 차일드 테마로 하시길 바랍니다.

(아래 CSS들은 워드프레스 정보 꾸러미 사이트를 참고하였습니다.)

CSS 1

테마 파일 내의 적절한 곳에 추가 해주세요.

// 워드프레스 포스트에 글 변경 날짜 표시
$u_time = get_the_time('U'); 
$u_modified_time = get_the_modified_time('U'); 
if ($u_modified_time >= $u_time + 86400) { 
echo "<p>Last modified on "; 
the_modified_time('F jS, Y'); 
echo " at "; 
the_modified_time(); 
echo "</p> "; }

CSS 2

함수 파일 내에 추가 해주세요.

 글 콘텐츠 상단에 글 변경 날짜 추가
function wpb_last_updated_date( $content ) {
$u_time = get_the_time('U'); 
$u_modified_time = get_the_modified_time('U'); 
if ($u_modified_time = $u_time + 86400) { 
$updated_date = get_the_modified_time('F jS, Y');
$updated_time = get_the_modified_time('hi a'); 
$custom_content .= 'p class=last-updatedLast updated on '. $updated_date . ' at '. $updated_time .'p'; 
} 

$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'wpb_last_updated_date' );

CSS 3

수정일만 표시하는 코드 입니다만, 테스트 해보지 않았습니다.

.posted-on .updated {
display: inline-block;
}

.posted-on .updated + .entry-date {
display: none;
}

.posted-on .updated:before {
content: "Last Updated ";
}

GeneratePress 테마용 CSS

GeneratePress 테마에서도 글 수정 날짜를 표시하는 옵션이 제공되지 않지만, 전용 코드를 삽입하여 날짜 표시 방법을 변경할 수 있습니다. 아래 코드 중 하나를 선택하여 자식 테마 내의 함수 파일(functions.php)에 추가하도록 합니다.

(테마 공식 홈페이지 자료도 있는데요. 검색엔진에게 수정일을 보여주는 역할은 없다고 하기 때문에 참고만 하시길 바랍니다.)

* 후크를 활용하여 수월하게 포스트 날짜를 글이 최종적으로 변경된 날짜로 바꿀 수도 있습니다.

업데이트 날짜 표시 1

글이 수정되지 않았다면 발행일만 표시해주고, 업데이트 되었다면 업데이트 문구 + 수정일로 표시되는 코드입니다.

// Display 'Last Modified Date' in GeneratePress
// GeneratePress 테마에서 업데이트 날짜 표시하기
add_filter( 'generate_post_date_output', function( $output, $time_string ) {
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>';

if ( (get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) && is_singular( 'post' ) ) {
$time_string = 'Last Updated: <time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">%4$s</time>';
}

$time_string = sprintf( $time_string,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( 'c' ) ),
esc_html( get_the_modified_date() )
);

return sprintf( '<span class="posted-on">%s</span> ',
$time_string
);
}, 10, 2 );

업데이트 날짜 표시 2

add_filter( 'generate_post_date_output', function( $output, $time_string ) {
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>';

if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
$time_string = '<time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">마지막 업데이트 날짜: %4$s</time>';
}

$time_string = sprintf( $time_string,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( 'c' ) ),
esc_html( get_the_modified_date() )
);

return sprintf( '<span class="posted-on">%s</span> ',
$time_string
);
}, 10, 2 );

업데이트 날짜 표시 3

add_filter( 'generate_post_date_output', function( $output, $time_string ) {
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">Published on: %2$s</time>';

if ( get_the_date() !== get_the_modified_date() ) {
$time_string = '<time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">Last Updated on: %4$s</time>';
}

$time_string = sprintf( $time_string,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( 'c' ) ),
esc_html( get_the_modified_date() )
);

return sprintf( '<span class="posted-on">%s</span> ',
$time_string
);
}, 10, 2 );

업데이트 날짜 표시 4

add_filter( 'generate_post_date_output', function( $output, $time_string ) {
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">발행 날짜: %2$s</time>';

if ( get_the_date() !== get_the_modified_date() ) {
$time_string = '<time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">마지막 업데이트 날짜: %4$s</time>';
}

$time_string = sprintf( $time_string,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( 'c' ) ),
esc_html( get_the_modified_date() )
);

return sprintf( '<span class="posted-on">%s</span> ',
$time_string
);
}, 10, 2 );

발행일 및 수정일 표시

add_filter( 'generate_post_date_output', function( $output, $time_string ) {
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>';

if ( get_the_date() !== get_the_modified_date() ) {
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">발행 날짜: %2$s</time> | <time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified">마지막 업데이트 날짜: %4$s</time>';
}

$time_string = sprintf( $time_string,
esc_attr( get_the_date( 'c' ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( 'c' ) ),
esc_html( get_the_modified_date() )
);

return sprintf( '<span class="posted-on">%s</span> ',
$time_string
);
}, 10, 2 );

발행일 및 수정일 표시 2

// 워드프레스 글 발행일 및 업데이트 날짜 표시 
add_filter( 'generate_post_date_output', function( $output, $time_string ) { 
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">%2$s</time>'; 

if ( get_the_date() !== get_the_modified_date() ) { 
$time_string = '<time class="entry-date published" datetime="%1$s" itemprop="datePublished">게시: %2$s</time> | <time class="entry-date updated-date" datetime="%3$s" itemprop="dateModified"> 업데이트: %4$s</time>'; 
} 

$time_string = sprintf( $time_string, 
esc_attr( get_the_date( 'c' ) ), 
esc_html( get_the_date() ), 
esc_attr( get_the_modified_date( 'c' ) ), 
esc_html( get_the_modified_date() ) 
); sprintf( '<span class="posted-on">%s</span> ', $time_string ); }, 10, 2 );를 

반환합니다.

발행일 및 수정일 표시 3

/* Display updated date in WordPress GeneratePress theme */
.posted-on .updated {
display: inline-block;
margin-right: 1em;
}
/*Add date prefixes */
.posted-on .updated:before {
content: 'Updated: '; 
}
.posted-on .entry-date:before {
content: 'Published: '; 
}