티스토리 블로그 글 수정 날짜 자동 표시 방법

오래된 정보는 블로그의 신뢰도를 떨어뜨리고 검색 순위까지 낮아지게 만들지만, 수정 날짜를 명확히 보여주면 이야기가 달라집니다. 검색엔진에 내 글이 최신이라는 신호를 보내 상위 노출 기회를 잡을 수 있거든요! 메타 데이터를 활용해 자동으로 수정일을 표시하고, 방문자에게 공신력을 얻는 기술적 SEO 전략을 지금 바로 확인해 보세요.

글 수정 날짜가 SEO와 정보 신뢰도에 주는 효과

블로그를 운영할 때 글의 최신성을 유지하고 글 수정 날짜를 표시하는 것은 아주 중요한 기술적 SEO 전략 중 하나입니다. 글 내용을 열심히 수정했는데도 발행일만 옛날 날짜로 떠 있다면, 방문자는 “이 정보 지금도 맞는 걸까?” 하고 의심하게 됩니다. 글 수정 날짜를 딱 보여주는 것만으로도 방문자에게는 정보의 신뢰를 주고, 네이버나 구글 같은 검색 로봇에게는 “이 콘텐츠는 관리되고 있다”는 신호를 줄 수 있습니다.

특히 특정 정보를 찾는 사람들은 가장 최신의 데이터를 원합니다. 날짜 표시 하나로 클릭률(CTR)이 올라가고 내 블로그에 머무는 시간도 훨씬 길어지는 효과를 볼 수 있습니다.

블로그 글 수정 날짜 표시 유무에 따른 차이 분석

자동으로 수정 날짜를 표시하는 코드 원리

우리가 글을 수정하면 눈에 보이지 않는 메타 데이터 영역에 수정 시각이 자동으로 기록됩니다. 검색 엔진은 이 데이터를 보고 품질을 평가하죠. 아래 자바스크립트 코드를 활용하면 이 정보를 추출해서 독자들에게 예쁘게 보여줄 수 있습니다.

1. 글 수정 날짜 변환 스크립트

아래 코드를 블로그의 스킨 편집 창이나 스크립트 영역에 넣어주세요.

<script async>
document.addEventListener('DOMContentLoaded', function() {
    const metaModifiedTime = document.querySelector('meta[property="article:modified_time"]')?.getAttribute('content');
    const jsonLdScript = document.querySelector('script[type="application/ld+json"]');
    const jsonLdData = JSON.parse(jsonLdScript?.innerText || '{}');

    const lastUpdatedDate = metaModifiedTime || jsonLdData.dateModified;

    if (lastUpdatedDate) {
        const dateObj = new Date(lastUpdatedDate);
        const formattedDate = dateObj.toLocaleDateString('ko-KR', {
            year: 'numeric',
            month: '2-digit',
            day: '2-digit'
        });

        const lastUpdatedElement = document.querySelector('.last-updated-date');
        if (lastUpdatedElement) {
            lastUpdatedElement.innerText = `최종 수정일: ${formattedDate}`;
        }
    }
});
</script>

2. 글 수정 날짜가 화면에 나타낼 위치 설정

날짜를 표시하고 싶은 곳(보통 제목 아래)에 아래 코드를 한 줄 넣어주세요.

<span class="last-updated-date"></span>