Wordpress文章顯示最後更新時間

WordPress教學 – 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧

文章最後更新日期 2020 年 11 月 5 日

這篇 WordPress教學 就來教你要 如何在 WordPress網站 中 顯示文章的 「最後更新日期」,一個有經常更新的網站,才會讓使用者覺得這是最新有用的資訊,才會讓使用者有意願接著把文章看完,或許文章的資訊還是一樣實用,但對於使用者來說,如果有多了一個 「更新日期」的提示,也會增加使用者的信賴度,有固定的流量來源,也可以增加 SEO的分數,是一個很重要的參考指標

為什麼要使用 最後更新日期?

大部份的 WordPress部落格主題都會顯示 文章最後更新日期,對於 部落格網站的經營來說,這是一個很好的提示,讓使用者可以知道這篇文章更新的時間

定時更新舊有的文章內容,保持資訊是最新,對於 網站SEO 的效果來說,也是有加分的作用,這也是站長覺得常常被網站經營者忽略的一個小技巧 ,保持網站的資訊為最新,才會讓網站流量活絡起來

WordPress文章中,通常只會顯示發佈的時間,所以在文章中多了 最後更新日期 的提示,當之後有新的資訊要補充的時候,訪客也可以知道最後的文章更新時間,才會有興趣再繼續看下去

最後更新日期 對 文章seo 有什麼影響?

如果你常常使用 WordPress來編寫你的文章,則文章的發佈日期對你的網站也會產生重大影響

Google後來發現這一點,所以在演算法中也將 發布日期這部份列入評分,並且在 搜尋結果頁( SERP) 中顯示 發布日期,讓搜尋的使用者可以知道這篇文章的最後更新日期,讓提供最新的文章資訊,讓使用者可以找到實用的內容

搜尋結果頁中顯示最後更新日期
搜尋結果頁中顯示最後更新日期

所以說,當你的文章愈久,在搜尋結果頁的曝光度就會愈少, 也會影響到網站的排名及點擊率,

不過因為某些文章的資訊變動率並不是那麼快,雖然已經是N年前的文章,但不表示資訊是錯誤的,只需要稍微更新一下資訊,就是一篇可以解決使用者問題的文章資訊,所以在文章中 增加最後更新時間,對於使用者來說,也可以知道這篇文章是有被更新過的

而在 Google結構化測試 的工具中,其中也有一項是針對文章的 dateModified屬性來摘錄,讓 Google爬蟲可以知道文章是否有更新

有興趣的朋友可以參考Google的 Article 結構化資料 說明:連結

在 WORDPRESS文章 中顯示上次修改時間

使用 程式碼方式 加入 文章的最後更新日期

這個步驟教你使用程式碼的方式加入到 WordPress 的 function.php 的檔案中,用程式碼新增的方式可以減少網站的外掛數量,也能提高網站速度

一般來說,會是在 WordPress後台 主選單 中的 「外觀→佈景主題編輯器→ function.php檔案」,然後在檔案的最後一行,將下面的程式碼複製貼上就可以了

下方的這串程式碼會檢查文章的發佈日期 與 上次的修改日期是否相同,如果不同的話,就會在文章中顯示 最後的更新日期

function wp_last_updated_date( $content ) {
if( is_front_page() || is_home() ) {
return $content;
}
if( is_page(array(1017,927))){
return $content;
}
$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
$updated = get_the_modified_time("Y 年 F \ j 日 ");
$custom_content .= '<p class="last-modified">文章最後更新於 '. $updated .'</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'wp_last_updated_date' );

因為預設只會顯示 「文章最後更新於」的文字訊息,看起來不美觀也不明顯,所以接著我們用 CSS樣式來美化一下

複製下面的程式碼,貼到 佈景主題自訂CSS樣式的地方就可以

/*文章最後更新日期tech.masterweb.com.tw*/
.last-modified {
    font-size: 1rem;
    background-color: #ffbb0d;
    text-align: center;
    color: #ffffff;
    border-radius: 15px;
	margin: 20px auto;
}
Google 搜尋結果出現 文章更新日期
Google 搜尋結果出現 文章更新日期

如果不會找主題的 function檔案的話,也可以下載 Code Snippets 這個 WordPress外掛來加入 PHP語法,參考畫面如下

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧
新增文章最後更新日期 PHP程式碼
文章最後更新日期-CSS 程式碼
文章最後更新日期-CSS 程式碼

使用 WP Last Modified Info 外掛加入更新時間

如果使用 加入程式碼的方式 對你有難度的話,也可以考慮使用 WordPress外掛的方式來加入 最後更新的訊息

外掛名稱: WP Last Modified Info
外掛下載:連結

下載 WP Last Modified Info 外掛並啟用

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧
WP Last Modified Info 外掛

這個外掛會自動在您的 WordPress文章(包括自定義文章類型)和頁面上插入上次修改或更新的訊息,也可以使用簡碼[lmt-post-modified-info]用於手動插入,這外掛還會在WordPress文章中自動新增“ dateModified”架構標記,用於將文章或頁面的最後修改日期和時間提供給搜尋引擎,例如Google,Bing等等

設定 WP Last Modified Info 外掛

step 1

Post Options

在這個步驟中,要設定 「最後更新時間」的訊息顯示位置 ,通常保留預設值就好, 最下方紅框的地方可以修改訊息為中文,如果怕改錯也可以直接複製站長的程式碼

<p id="post-modified-info">最後更新日期: %post_modified% </p>
wp last

step 2

Template tags

接著設定 html 樣式的內容,一樣可以採用預設的設定,並且將前面的語法貼到紅框的區域

post-last-modified-外掛設定2
post-last-modified-外掛設定2

step 3

Schema

這個步驟中要設定 文章結構 資訊,一般採用預設就可以了,不過如果有安裝 seo相關外掛的話,例如 Rankmath、yoast seo等等,就可以選擇 Compatibilty mode (相容模式)的選項做同步,這個外掛會試著將SEO或Schema外掛的發布日期轉換為修改日期

post-last-modified-外掛設定

step 4

Notification

這個步驟是用來設定「通知」使用,如果你的部落格文章有多名作者在管理的話,就可以使用這個功能通知管理員,當文章有更新時候就會自動以信件通知管理員,也是一個方便的功能,信件內容的地方可以參考站長的設定

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧

step 5

Misc. Options

這個步驟是用來設定在 WordPress後台 的文章中,新增一個 「last modified」欄位,讓你可以清楚的知道文章更新時間,可以針對太舊的文章做 資訊更新,可以視需求開啟/關閉這個功能

因為原本顯示的訊息的內容跟前面插入程式碼的方式一樣,只會顯示 一段文字,為了讓他更美觀,所以加入一些 css樣式美化

最後點開網站的任何一篇文章,確認一下 更新時間 有沒有設定成功,如果是新發佈的文章,要過24小時之後才會顯示訊息唷

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧

使用Google結構化測試工具驗證文章

在一開始有提到 Google結構化測試 的部份,當外掛都設定完成之後,就將你網站的文章網址,貼到 結構化檢測網站確認一下

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧

貼上之後,可以確認一下右邊的 Article 文章結構資訊, 有沒有出現 dateMidified 的資訊,以及更新的時間是否相同,再來就是確認有沒有其他的錯誤及警告訊息(右上方訊息)

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧

不過這個 文章結構化檢測工具,Google 在2020年7月7日的文章中提到,因為新的檢測工具 Rich Results Test 已經測試完成,未來這個 測試工具會暫停更新,新的工具 完全支持所有Google Search Rich結果功能 , 檢測出來的結果更完整

新版 Rich Results Test 結構化測試

要使用新的測試工具跟舊版的一樣,只要將網址貼上之後,就會開始跑網站分析數據,檢查的內容更全面,,可以在文章下方的區塊找到 dateModified的時間

WordPress教學 - 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧

Rich Results Test 結構化檢測工具可以檢測更完整的數據資料:

  • 顯示了哪些搜尋功能增強對您提供的標記有效
  • 可以更有效地處理動態加載的結構化數據標記
  • 針對手機版和桌機版做不同檢測
  • 與Search Console報告完全一致

結論

定期更新網站資訊是網站經營必要的工作之一,透過 最後更新時間 的提示,使用者會更加的信任你的網站,對於有定期在做更新的網站,才能讓使用者想要持續的追隨你的網站資訊,維持舊有顧客的流量,且下次網站有爬蟲拜訪時,搜尋引擎也會更新你的網站記事,這樣做更可以讓網站取得一個好的 SEO排名,以及更多的網站點擊率



若是對於教學文章有不清楚的地方,歡迎在下方留言
如果覺得我們的文章對你有幫助,也歡迎幫我們「分享」給更多人知道

我們正在製作 WP全方位新手架站課程,包含形象設計、電商網站的建置教學,讓你省下5-10萬元的網站費用
有興趣的話可以先填寫Email加入,我們將優先通知您,也能享有早鳥優惠價唷~~

想要快速學習成長架站的話,可以參考 WordPress專人1對1網站教學服務 ,讓你可以快速學習架站技能

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯繫
我們也有提供一對一教學及顧問服務,有需求的話也都可以跟我們聯絡唷

如果對 WordPress架站 有興趣的朋友,可以訂閱馬思特電子報或是按讚追蹤馬思特粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計相關文章。

近期開了一個FB社團,「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 / 網路賺錢 」,主要會是討論網站架設、部落格經營、網路行銷,進而探討如何從網路賺到錢,有興趣的朋友歡迎加入社團交流

如果我們的教學文章有對您有幫助,可以在下方按下5個like,支持我們創作更多優質的文章

更多實用文章推薦

12 thoughts on “WordPress教學 – 如何在文章顯示 最後更新日期?提升 文章SEO排名小技巧”

  1. 您好:
    謝謝分享,請教使用 程式碼方式 加入 文章的最後更新日期
    要怎麼放在最下面?
    要怎麼寫讓只有文章跟頁面才有?
    因為我文章是成功在內容頁裡,但頁面是跑到選單那排去

    謝謝

    1. 嗨,您好
      因為不同WordPress主題限制的關係,若要比較精確的設定,建議使用外掛方式來設定比較快喔

  2. 您好:請問我裝WP Last Modified Info
    但網頁文章更新後,都沒有顯示最後更新日期,外掛設定都照著步驟,文章發布跟修改也都有1天以上
    謝謝

  3. 如果是文章更新了,然後在文章的上方用 的 標簽寫 – 更新 2020年 11月 21日,這樣會好不好?

    1. 馬思特站長

      因為Google抓取的是 dateModified屬性,所以手動加上文字沒有效果

  4. 您好!我將程式碼加入到function.php 的檔案中,雖然成功了,但不只文章會出現最後更新日期,就連“頁面”也都會出現,請問該怎麼修改,讓頁面不會出現最後更新日期?麻煩您了,謝謝

        1. 我使用的主題是Astra,不同主題可能有些不同,下方是「隱藏頁面」的css語法

          .page .last-modified {
          display: none!important;
          }

  5. 您好,想請教一下:

    我使用了此外掛後,修改了某篇文章的日期。

    修改後,在 Rich Results Test 中顯示的日期是新的,不過 SERP 上顯示的卻一直是舊的日期,前後也經過了快兩個多月。

    有確認過網頁是有被重新爬取的 (被爬取的日期顯示是新的),不知道為什麼 SERP 上顯示的卻都還是舊的日期呢?有辦法改善嗎?

    再麻煩解答了,謝謝!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *