【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧

【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧
Wordpress文章顯示最後更新時間

文章最後更新日期 2021 年 8 月 24 日

這篇 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語法,參考畫面如下

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

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

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

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

下載 WP Last Modified Info 外掛並啟用

【2021】如何在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

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

【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧

step 5

Misc. Options

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

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

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

【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧

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

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

【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧

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

【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧

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

新版 Rich Results Test 結構化測試

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

【2021】如何在WordPress文章顯示 最後更新日期?提升 文章SEO排名小技巧

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

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

結論

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


 

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡

如果想要自己架設網站的話,也有提供 1對1線上教學 ,使用遠端連線+語音的方式教學,讓你不需出門就能在家學習

另外也有 網站顧問服務網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你確認

推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案

想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊

想要在網路販賣東西的話,我們也有提供 電商購物網站 方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站自主權

如果對 WordPress架站網站經營網路行銷 有興趣的朋友,也可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。

歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流


本網站部份推薦的連結與商家有合作關係,如果您透過推薦連結購買商品,我們會得到少量分潤,支持我們產出更多優質文章,不會影響您的購買價格,透過連結購買甚至可以更優惠,詳情說明請查看這篇 免責聲明

大新哥

12年以上網站架設與網路行銷的經驗,自由工作者5年+,架過過多種類型網站,例如形象網站、購物網站、會員網站、課程平台網站,擅用網站工具來解決不同的問題,希望將多年來的網站經營經驗技巧分享給你,若是想成為自由接案者也歡迎私訊交流唷

這篇文章有 14 個評論

  1. 晴晴

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

    謝謝

    1. 馬思特

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

  2. 晴晴

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

    1. 馬思特站長

      您好,
      方便提供網址嗎?
      如果沒有顯示更新日期的話,可能是外掛跟主題衝突,或是沒有正確設定

  3. MK Lim

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

    1. 馬思特站長

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

  4. WEI

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

    1. 馬思特站長

      這部份我是使用 CSS 做將頁面上的訊息做隱藏

      1. WEI

        請問站長可以分享CCS嗎?感激不盡

        1. 馬思特站長

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

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

  5. Mr. J

    您好,想請教一下:

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

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

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

    再麻煩解答了,謝謝!

    1. 馬思特站長

      重新提交網址給Google收錄更新試試看

  6. Simon

    站長你好:
    想請問一下,如果有添加css語法,但都沒有改變樣式,要怎麼改善呢?才會出現呢?在此先謝謝你的回答!

    1. 馬思特

      嗨,您好:
      先確認一下語法是否都有輸入正確,再來就是清除網頁的cookie 或是 使用瀏覽器的「無痕模式」確認看看
      推測可能是快取暫存的原因導致修改的樣式沒顯示

發佈留言