SEO Title標題如何撰寫?七大重點整理一看就懂

為什麼SEO Title標題很重要呢?

我們在進行最基礎的SEO優化時,首先一定是會先檢查是否每一個頁面都有屬於自己的名字呢? 這個名字也就是我們常說的「標題」,在SEO中標題要怎麼撰寫才能夠吸引使用者點擊?要如何優化才有利於提升排名呢?標題就像是一個人的名字,當我們要認識一個人時首先會去問他的名字?下一步才會決定是否要繼續深入了解,當我們為每一個網頁上都貼上了專屬的標籤時,搜尋引擎會依據你的名字判定你是屬於哪一類的網頁,進而去推薦給相關的使用者。

就像是我們的標題「SEO Title標題如何撰寫?七大重點整理一看就懂」一看就知道這是一個和SEO優化相關的主題,沒有標題,使用者不會知道你的內容是什麼,也不會知道你可以提供她什麼樣的資訊,自然而然就不會點擊進來。標題代表著你想表達的主題及重點,並且是我們後續優化的關鍵,因此它至關重要!

認識SEO中的Title tag

首先我們要先認識標題,Title tag 又稱Meta title,也就是我們的標題,是在HTML中定義標題的元素。

通常程式碼會如下呈現:

<head>

<title> SEO Title標題如何撰寫?七大重點整理一看就懂</title>

</head>

我們可以在網頁代碼中找到這些程式碼,來檢查是否有正確建立標題? 而標題文字則會在Google搜尋引擎結果中呈現,就是我們可點擊的文字網頁連結,標題會影響到我們的SEO優化以及使用者是否會被吸引點擊,因此標題的長短與精準的詞彙,是我們在撰寫標題時需要注意的部分,也可以為我們的品牌形象營造更加分。

標題通常會出現的三大位

  • 網站中頁籤的標題- 標題就像是頁面的名字一樣,當造訪你的網頁時,通常會出現在頁面的上方,即使開了很多的頁面仍可以看到你的標題,我們才能確定我們要找的就是這個網頁。
網頁標題的呈現,讓人能一眼找到網頁頁籤。
  • 搜尋引擎結果頁面SERP顯示-你的標題會顯示在搜尋結果中,當我們建立一個良好的標題,或是富有吸引力的標題,就容易吸引使用者點擊,因此我們的內容與標題要盡量相符,避免增加跳出率。
SEO Title 標題在搜尋引擎的呈現方式。
  • 社交媒體中顯示-當我們在進行社群媒體行銷時,通常會置入相關連結,而社群分享連結中會出現預設的標題,有些熱門網站像是Facebook或是Twitter,也可以允許標記不同的標題。

SEO Title好簡單,七大優化一點就通

很多人遇到寫標題就開始頭疼,其實撰寫標題很簡單,我們可以利用疑問句的方式來引起讀者的好奇心,或者是製作功略吸引有知識需求的人,也可以參考你的目標受眾來下標題,例如你的目標受眾是朝九晚五的工作者,可能我們的標題就會是「告別社畜,3招讓你準時下班」,找到目標客群的痛點,並且為他們準備解決方案,那就可以吸引相同類型的族群來閱讀,除了題材和主題問題外,接下來我們要解決的就是怎麼樣才能讓SEO標題被Google搜尋引擎喜歡呢? SEO Title 七大優化重點,讓你輕鬆擁有好標題!

檢視標題長度與重點

標題的長度15~30字較剛好,而英文可以將標題保持在50-60個字元以下最佳,過多的字元在Google搜尋結果中會自動隱藏,而無法完全呈現,因此在撰寫標題時,記得保留重點,其他想要更詳細說明的部分可以放在內容撰寫,長度適中就好,過長、過短的標題都不利於SEO,適中的長度也能夠讓使用者更容易閱讀,如果你的網站後台有SEO檢測的功能,在分析中應該也可以看到SEO標題檢測的部分,可以顯示你的標題是否有符合長度。

SEO Title網頁標題長度過長無法完整表達。

置入適當的關鍵字

我們可以在標題中放置適當的關鍵字,並非一直重複相同的關鍵字或是置入很多的關鍵字就是正確的,太多重複或相似的關鍵字會讓用戶的搜尋體驗不好,例如: 西式甜點店|甜點專賣|下午茶甜點,這種類似的詞語,有可能被Google搜尋引擎判定為濫用喔,所以在使用上需要注意,切勿亂填關鍵字,而是要打造有吸引力的標題,並且盡量讓重要的關鍵字放在前面,讓消費者一眼就可以知道這是他要找的資訊,在操作關鍵字時也要注意關鍵字蠶食的問題,可以記錄使用過的關鍵字,避免太多相似或相同內容的頁面。

在SEO-Title適當置入關鍵字。

以使用者角度思考撰寫

我們可以思考一下,當我們要查找這個相關的資訊時會運用什麼標題呢?或是查找時會填入什麼樣關鍵字呢?以使用者的角度思考,可以讓你的標題更加有效,像是很多人會在標題中置入一些特殊符號或是特殊的文字,但是我們仔細地想想,當我們在查找時真的會使用這些符號嗎?還是傾向於簡單、關鍵的詞句呢?大部分的人都還是習慣使用簡單的文字查找,因此我們下標時也可以思考一下你的目標TA的喜好,並且避免錯別字以及生僻辭,下標題時會更加地準確、有效。

【 延伸閱讀 】分析搜尋意圖關鍵,有效提升SEO關鍵字點擊率

標題切合主題內容

撰寫標題時,最重要就是避免名不副實,當使用者點擊進入網頁時,卻發現他想看的內容和吸引他的標題完全沒有關係,這很容易造成使用者的跳出率提高,假設我今天想要查找咖啡豆,而你的標題吸引了我點擊進去,但是我卻發現內容其實是賣咖啡機的,是不是會讓使用者滿頭問號並且感到失望,而跳出網頁,因此要小心這種牛頭不對馬嘴的情形,在Google搜尋結果中,相關性也是提高排名的一個要素,因此我們應該拿掉不符合主題的關鍵詞,減少降低排名的可能性。

【 延伸閱讀 】SEO 關鍵字優化密技,SEO關鍵字優化精選攻略

文章目的決定標題的調性

文章標題要和內容符合,不同性質的文章,標題的寫法也會有所不同,例如商品或是服務性的標題,可能就會在標題上呈現商品名稱或是銷售重點和折扣等等,如果是部落客撰寫生活經驗或是旅遊類型的標題,可能就會傾向描寫經歷、情感的標題,或是攻略、懶人包等等,而像是新聞類的標題可能會需要比較吸睛、爆炸性的標題,吸引人閱讀,因此你可以先決定網站文章的規劃,不同的類型就會有不同方向的撰寫。

【 延伸閱讀 】SEO文章字數多少才叫好?過長、過短都會影響搜尋引擎排名?

傳遞品牌資訊與價值

當我們建立標題時,可以適時的加入品牌資訊,例如: 「SEO Title標題如何撰寫?七大重點整理一看就懂 | 龐果設計」,可以讓消費者在讀取文章時,同時認識品牌,如果你的品牌具有知名度,帶上你的品牌名稱甚至可以讓Google搜尋引擎為你加點分,通常品牌名稱會加在開頭或是結尾,用一個小符號和主標題分開,也可以在品牌名稱後方加入簡短的品牌理念,讓使用者了解你的品牌價值,也許使用者沒有點入網頁,但在搜尋中使用者看到標題,也可以加深品牌在使用者心中的印象。

SEO Title 搜尋結果顯示

但有時候Google搜尋結果,可能會自動幫我們加上品牌名稱也不要太緊張,如果重複時都可以刪改或是向官方反應,也可以再次檢視我們的標題是否有需要修改。

【 延伸閱讀 】 這不是我要的網頁標題!Google演算法到底更新了什麼?

每一個網頁都需要有一個標題

標題就像是一個人的名字一樣重要,所以每一個頁面記得都要給他一個獨特的標題,避免有太多重複或相似的內容,造成排名的降低,獨特的標題可以增加點擊率,也可以讓Google搜尋引擎認為我們是有價值的網頁而提升排名,我們可以利用一些小工具,像:Search Console的「改善HTML」報表或Ahrefs,來檢測是否標題具有重複或是相似性,像是電商網站通常商品成千上萬,標題與內容會非常多,也有可能產生重複的情況,因此我們需要建立一個自己的命名規則,才能讓你的網站更有秩序。

【 延伸閱讀 】做內容行銷與SEO時,不可或缺的H標籤

結論

標題的優化是我們在進行網站內容檢測時很重要的基本功,標題就跟我們平時撰寫的行銷文案一樣,只不過我們現在需要推銷的是我們的網頁,因此如何寫好你的標題,如何讓標題看起來更吸引人,這就要考驗我們的功力了,只要符合以上的七大優化重點,那你的標題就離Google搜尋引擎喜歡的類型不會太遠,下完標題後也可以去前台的網頁搜尋看看,是否有完整呈現你想要呈現的標題呢? 開始檢視你的網頁頁面,打造吸引人目光的好標題吧!

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

什麼是 SEO Title 標題?跟一般文章標題有什麼差別?

SEO Title 也就是 Title tag 或 Meta title,是 HTML 中用 定義的元素,會出現在三個位置:瀏覽器分頁籤、搜尋結果頁面(SERP)的可點擊連結,以及社群媒體分享連結的預設標題。<br />它就像網頁的名字,搜尋引擎依據它判定你屬於哪一類網頁,使用者也是先看到它才決定要不要點擊。<br />所以它不只是給人看的文案,更是 SEO 優化最基礎的環節之一,直接影響排名與點擊率。</p> </div> </div> <div class="qa-item"> <h3 class="qa-question">SEO 標題的理想長度是多少?太長太短會怎樣?</h3> <div class="qa-answer"> <p>中文建議 15–30 字、英文 50–60 個字元以內最佳。<br />過長的標題在 Google 搜尋結果會被自動隱藏無法完整呈現,重點容易被截掉;過短又交代不清主題。<br />撰寫時保留最關鍵的重點,更詳細的說明留到內文。<br />若你的網站後台有 SEO 檢測功能,標題長度通常會列在分析報表裡。<br />長度適中也比較容易閱讀,使用者掃過搜尋結果時能快速判斷是不是要找的內容。</p> </div> </div> <div class="qa-item"> <h3 class="qa-question">標題裡放關鍵字有什麼訣竅?</h3> <div class="qa-answer"> <p>重要關鍵字盡量放前面,讓使用者一眼看到要找的資訊。<br />但不是塞越多越好,例如「西式甜點店|甜點專賣|下午茶甜點」這種重複近似詞,可能被 Google 判定為濫用,反而扣分。<br />每篇文章記錄使用過的關鍵字,避免關鍵字蠶食(多篇相似內容互相搶排名)。<br />同時要以使用者角度思考:實際搜尋會用什麼字?大多人習慣簡單詞句,避免錯別字與生僻字,少用特殊符號。</p> </div> </div> <div class="qa-item"> <h3 class="qa-question">標題該怎麼寫才不會「名不副實」?</h3> <div class="qa-answer"> <p>標題務必切合內容主題,避免用吸引人但與內容無關的詞句騙點擊,會讓使用者進來發現不對立刻跳出,跳出率升高反而降低排名。<br />例如使用者想查「咖啡豆」,標題卻把人吸引進賣咖啡機的頁面,就是典型的不相關案例。<br />Google 把相關性視為排名要素,撰寫時請刪掉不符主題的關鍵詞。<br />另外標題調性要符合文章類型:商品頁強調品名與折扣、生活文偏情感經歷、新聞類則需爆點吸引閱讀。</p> </div> </div> <div class="qa-item"> <h3 class="qa-question">標題裡要加品牌名嗎?每個頁面都要不同標題嗎?</h3> <div class="qa-answer"> <p>可以在標題開頭或結尾用分隔符號加上品牌名,例如「SEO Title 標題如何撰寫?七大重點整理一看就懂 | 龐果設計」,讓使用者讀文章時也認識品牌,品牌有知名度甚至能加分。<br />每個頁面必須有獨特標題,避免重複或近似造成排名下降。<br />可以用 Search Console 的「改善 HTML」報表或 Ahrefs 檢測是否有重複。<br />電商網站商品成千上萬,更要建立命名規則維持秩序,例如「商品名|分類|品牌」固定格式。</p> </div> </div> </div> </section> <!-- 資料來源 (Reference Repeater) --> <!-- 相關文章 (YARPP) --> <section class="related-posts-section"> <div class="section-title">延伸閱讀</div> <div class="grid grid-1"> <article class="related-post-card"> <a href="https://www.pongo.com.tw/google-seo/"> <h3 class="related-title">2026 用 7 個步驟,寫出能上 Google 首頁的 SEO 文章!</h3> <div class="related-excerpt"> 能上 Google 首頁的 SEO 文章,需同時讓搜尋引擎與使用者都能讀懂。文章拆解 SEO 文章的架構特徵、字數考量,並提供從關鍵字選定、長尾詞整理、競爭度驗證、首頁內容分析,到標題撰寫與草稿執行的完整七步驟流程。適合想系統性提升 SEO 文章品質、讓內容真正發揮排名效益的內容創作者與行銷人員。 </div> </a> </article> <article class="related-post-card"> <a href="https://www.pongo.com.tw/how-to-set-up-website-design/"> <h3 class="related-title">準備架站? 2026 製作網站前必看的網頁設計全攻略</h3> <div class="related-excerpt"> 架設網站前需要在主機、網域、編碼語言、伺服器位置與響應式設計等多個層面做出選擇。文章從 PHP 與 ASP.NET 的差異、虛擬主機空間與流量規劃、RWD 與 AWD 的比較,到網站初期可行的流量預估,提供具體數據作為配置判斷依據,協助網頁設計決策更有方向。 </div> </a> </article> <article class="related-post-card"> <a href="https://www.pongo.com.tw/search-engine-marketing/"> <h3 class="related-title">低成本搶占搜尋引擎排名!SEM行銷優勢分析及關鍵技巧</h3> <div class="related-excerpt"> SEM 關鍵字廣告透過 PPC 付費機制快速佔據搜尋結果頁頂部欄位,適合時效性強的促銷活動與新品推廣。相較於 SEO 的長期累積,SEM 能精準覆蓋購買意圖明確的潛在顧客,但停止投放後效果即消失。完整規劃涵蓋關鍵字研究、廣告文案、著陸頁設計、出價策略與成效追蹤五大步驟。 </div> </a> </article> <article class="related-post-card"> <a href="https://www.pongo.com.tw/how-to-make-googles-website-rank-higher-and-higher/"> <h3 class="related-title">SEO 如何讓網站排名越來越高?又與 UX 有什麼關係?</h3> <div class="related-excerpt"> SEO 與 UX 雖然分屬不同領域,但都以改善使用者體驗為核心目標。SEO 透過關鍵字與連結為網站吸引流量,UX 則協助將訪客轉化為潛在顧客。涵蓋 Google 演算法運作原理、熊貓、企鵝與蜂鳥三大演算法機制,以及網站載入速度、社群訊號等影響排名的實務因素分析。 </div> </a> </article> <article class="related-post-card"> <a href="https://www.pongo.com.tw/how-to-do-seo-optimization/"> <h3 class="related-title">SEO 優化是什麼?新手也能照做的 SEO 入門與實作流程</h3> <div class="related-excerpt"> SEO 優化是透過整理網站內容、結構與體驗,讓搜尋引擎理解頁面主題並在對的情境下被目標使用者找到的長期曝光策略。文章涵蓋 SEO 與關鍵字廣告的差異、Google 排名的四大判斷因素、從確保收錄到建立內部連結的七步驟實作流程、新手一週行動清單,以及常見踩雷情境的分析與修正方向。 </div> </a> </article> </div> </section> </div> </article> </main> <footer id="colophon" class="site-footer"> <div class="container footer-container"> <div class="footer-branding"> <div class="footer-logo"> <a href="https://www.pongo.com.tw/"> <img width="307" height="80" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20307%2080'%3E%3C/svg%3E" class="attachment-full size-full" alt="" decoding="async" data-lazy-srcset="https://www.pongo.com.tw/wp-content/uploads/2026/05/pongo_logo_s.png 307w, https://www.pongo.com.tw/wp-content/uploads/2026/05/pongo_logo_s-300x78.png 300w" data-lazy-sizes="(max-width: 307px) 100vw, 307px" data-lazy-src="https://www.pongo.com.tw/wp-content/uploads/2026/05/pongo_logo_s.png" /><noscript><img width="307" height="80" src="https://www.pongo.com.tw/wp-content/uploads/2026/05/pongo_logo_s.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.pongo.com.tw/wp-content/uploads/2026/05/pongo_logo_s.png 307w, https://www.pongo.com.tw/wp-content/uploads/2026/05/pongo_logo_s-300x78.png 300w" sizes="(max-width: 307px) 100vw, 307px" /></noscript> </a> </div> <p class="footer-tagline">讓每一個故事都有專屬的風格與形象。</p> <div class="footer-info-meta"> <p>龐果設計有限公司</p> <p>統一編號:50947987</p> </div> </div> <div class="footer-nav-group"> <h4 class="footer-title">Quick Links</h4> <ul id="footer-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14870"><a href="https://www.pongo.com.tw/businessdesign/">品牌設計</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14871"><a href="https://www.pongo.com.tw/webdesign/">網頁設計</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14021"><a>WordPress 服務</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14019"><a href="https://www.pongo.com.tw/portfolio/">設計案例</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14178"><a href="https://www.pongo.com.tw/about/">關於我們</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-14025"><a href="https://www.pongo.com.tw/sightseeing/">觀點聚焦</a></li> </ul> </div> <div class="footer-contact"> <h4 class="footer-title">Contact</h4> <p>地址:高雄市鼓山區內惟路435巷3號</p> <p>電話:(07) 588-6337</p> <p>Email:pongo6301@gmail.com</p> <p>LINE:<a href="https://line.me/R/ti/p/@imk3340l" target="_blank" rel="noopener">@imk3340l</a></p> <div class="footer-social"> <a href="https://www.facebook.com/pongo6301/" target="_blank" rel="noopener" aria-label="Facebook">FB</a> <a href="https://www.instagram.com/pongo6301/" target="_blank" rel="noopener" aria-label="Instagram">IG</a> <a href="https://x.com/pongodesign" target="_blank" rel="noopener" aria-label="X">X</a> </div> </div> </div> <div class="footer-bottom container"> <div class="copyright"> © 2026 PONGO Design. All rights reserved. </div> </div> </footer> </div><!-- #page --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/pongocomtw/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); //# sourceURL=rocket-browser-checker-js-after </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"/tag/%2525(.*)/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.pongo.com.tw","onHoverDelay":"100","rateThrottle":"3"}; //# sourceURL=rocket-preload-links-js-extra </script> <script id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); //# sourceURL=rocket-preload-links-js-after </script> <script id="rocket_lazyload_css-js-extra"> var rocket_lazyload_css_data = {"threshold":"300"}; //# sourceURL=rocket_lazyload_css-js-extra </script> <script id="rocket_lazyload_css-js-after"> !function o(n,c,a){function u(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(s)return s(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return u(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var s="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){"use strict";{const c="undefined"==typeof rocket_pairs?[]:rocket_pairs,a=(("undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs).map(t=>{var e=t.selector;document.querySelectorAll(e).forEach(e=>{e.setAttribute("data-rocket-lazy-bg-"+t.hash,"excluded")})}),document.querySelector("#wpr-lazyload-bg-container"));var o=rocket_lazyload_css_data.threshold||300;const u=new IntersectionObserver(e=>{e.forEach(t=>{t.isIntersecting&&c.filter(e=>t.target.matches(e.selector)).map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,a.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{u.unobserve(e),e.setAttribute("data-rocket-lazy-bg-"+t.hash,"loaded")}))})})},{rootMargin:o+"px"});function n(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&c.forEach(t=>{try{document.querySelectorAll(t.selector).forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-"+t.hash)&&(u.observe(e),(t.elements||=[]).push(e))})}catch(e){console.error(e)}})}n(),function(){const r=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType)return(t=new r(t)).observe(e,{attributes:!0,childList:!0,subtree:!0}),t}}()(document.querySelector("body"),n)}},{}]},{},[1]); //# sourceURL=rocket_lazyload_css-js-after </script> <script data-minify="1" src="https://www.pongo.com.tw/wp-content/cache/min/1/wp-content/themes/pongocomtw/assets/js/main.js?ver=1782902145" id="pongo-main-js" defer data-wp-strategy="defer"></script> <script src="https://www.pongo.com.tw/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js" data-rocket-defer defer></script> <script src="https://www.pongo.com.tw/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" data-rocket-defer defer></script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.pongo.com.tw/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=["no-lazy",".no-lazy"];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/www.pongo.com.tw\/wp-admin\/admin-ajax.php","nonce":"50924da20c","url":"https:\/\/www.pongo.com.tw\/seo-title","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://www.pongo.com.tw/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --> <!-- plugin=object-cache-pro client=phpredis metric#hits=2863 metric#misses=30 metric#hit-ratio=99.0 metric#bytes=5417283 metric#prefetches=0 metric#store-reads=99 metric#store-writes=4 metric#store-hits=165 metric#store-misses=25 metric#sql-queries=26 metric#ms-total=271.18 metric#ms-cache=14.17 metric#ms-cache-avg=0.1389 metric#ms-cache-ratio=5.2 -->