有些網頁在 SERP 的標題 <title> 會被 Google 大幅度改寫，而實際的運作機制又是什麼呢？SEO 又是否會被影響？ Google 如何生成新的網頁標題： 我們已經知道 Google 會改寫標題的頭尾（把產品或企業名稱加在標題結尾或開頭），但這次的改動比起前者更進一步，可能整句都會被重寫或刪除。 根據 Google 公開的說明頁面 和他們之後提供的 補充說明 可以得知，他們確實在 8 月 16 日推出了新的網頁標題生成系統，並會從該網頁的主視覺標題、一般標題、h1 或 h2 h3 之類的標籤內容，或者使用樣式而變得大而突出的內容，進而產生新的網頁標題文案。 更甚者，可能還會參考頁面中的其他文字、使用指向該頁面連結中的文字，或是自己改年份加項次來「改善」該頁面原本的標題。 但實際上改變不止侷限於 Google 公開的方式，還包含 直接截短 、 刪除句中的某些關鍵字 。用這個網誌來舉例的話，〈簡單理解LCP、FID、CLS三個網站使用體驗核心指標是什麼、對SEO的影響、改善案例〉這篇的標題因為太長了，便會被 Google 截短只剩下〈簡單理解LCP、FID、CLS三個網站使用體驗核心指標是什麼〉。 所以，我們可以簡單歸納出原本和現今的標題改動方式： 在前面或後面加上品牌名。 直接截斷。 截取網頁內容資訊（通常是大標）。 增加搜尋相關關鍵字在標題中。 刪除不必要的關鍵字或行銷術語後重新排列。 改年份或加項次（第1季 第2季）來區別重覆標題。 使用指向該頁面連結中的文字（極少）。 上述情況有時候會同時出現。 順帶一提，Google 認定「品牌名」的方式，經過我自己的實驗是和首頁的 title 大有關聯，另外還會參考各網頁 title 像產品名的重覆字詞。而 title 整體太長的話，除了常見的「...」結尾之外，也可能會直接把品牌名刪除；而比較特別在結尾有「雙品牌」的標題，也見過其中一個品牌名被移到最前面的情況。所以請小心命名，避免關鍵字被當成品牌名的一部分而遭 Google 刪改或移動。 另外，Google 對於品牌名的區隔符號比較偏好「-」而不是「|」，括號也有高機率會被更改。 ...

若你在優化任何非網站的網址(Office文件、PDF、留言、Email、Google 我的商家、SERP結構化資料如 FAQ 中的網址)，除了在網址使用 #id (錨點)之外，Scroll to Text Fragment 或許是另一個可以考慮的方式。 URL Scroll to Text Fragment 是什麼？ 它的功能是在網址中設定文字，使用者點擊網址進入網頁後，可能看到被強調的文字，並將畫面移動到該文字處，文字高度在畫面中間。這並不是什麼新功能，早在 chrome 80 以後就出現在以 chrome 為核心的瀏覽器之中了。 如何創建？ 複製醒目顯示文字連結 在 chrome 90 之後的版本，網頁上選取（反白）文字之後按右鍵，就會出現「 複製醒目顯示文字的連結 」的功能，點擊該功能產生的連結，貼到任何除了該連結頁面之外的地方，被點擊後就可以產生上一段文字提到的效果。如果沒有該功能，可能是被設定成關閉，網址列輸入 chrome://flags 並按下enter後，找到 Copy Link To Text 後就能開啟該功能（enabled）。 如何關閉？ 但是，在最新版本的 chrome 中， chrome://flags 已經找不到 Copy Link To Text 這個指令了，換句話說就是沒辦法關閉這個功能，還請注意。 文字反白之後右鍵即可看見該功能   連結的架構與DIY 若不想透過 chrome 附加的功能直接設定使用的話，自己也可以設計出這種特殊網址，方法與錨點類似，不過是加上「 #:~:text= 」 完整結構： https://example.com#:~:text=[prefix-,]textStart[,textEnd][,-suffix] 方法1 整段文字： 只使用 textStart 的話是最簡單的使用方式： #:~:text=文字 ，它會當成要 highlight 的所有文字，就像 {這個連接} 的範例一樣。 方法2 文字區段： 你也可以打上兩段文字： #:~:text=文字1,文字2 ，分別代表開頭和結尾，它會找尋這一區段的文字 highlight，這裡也用 {這個連接} 示範一次。 方法3 多段文字： 可以使用「&」區隔： #:~:text=文字1&text=文字2 。但是個人不建議這樣做，畫...

什麼是 SEF ？ SEF ( Search Engine Friendly ) 搜尋引擎友善，也有人稱之為 Technical SEO（技術 SEO）。簡單來說就是讓拜訪網站的機器人比較容易作業的技能，在 SEO 裡面只能算是冰山一角。 工程師在工作上常常被主管要求改善網站的 SEO ，卻不能改變其中的文字與圖片，這算哪門子的 SEO，頂多只能算 SEF。SEO 是較為全面的行銷，可以延伸到 PPC 、整體文案內容、社群經營、線下活動、UI排版、UX...都會對 SEO 造成影響。 對於說自己拚命改善 SEO 實際上只有做 SEF 的人，我真的不知道要怎麼溝通，因為 SEO 主要還是靠內容與其權威性。 扯遠了，還是回來看 SEF 吧。 HTML Meta tag title：網頁名稱。就如它的名稱，是這個網頁頁面的標題，也是在搜尋結果中呈現的名稱。 description：網頁描述，雖然在SEF中的比重極小，但還要要填。  property="og:xxx"：Facebook 中呈現的樣貌。在台灣 FB 就是最大的社群網站，你不得不服。當然還有像是 twitter 之類的社群網站也有它們專用的 tag。詳見： The Open Graph protocol  和 twitter cards 。 以 SEF 的角度來說，title 和 description 這兩個是必要的，當然還有像是 charset、http-equiv、viewport 這些必要的東西，不過這三個會影響 RWD 的東西有誰不知道要加嗎？ 你說 robots 跟 keywords 呢？基本上 robots 只有在你要下 nofollow 或 noindex、max-image-preview:large 的時候才會用到； 至於 keywords……都 2017 年了，別再考慮這個東西。 HTML Link tag canonical：指向的網頁，跟網頁權重有關。比方說，一個頁面有上百筆資料，你想一次呈現 10 筆，然後靠網址的變動程現不同筆的資料，這些網頁就需要加上這個避免流量分散。 另一個情況是「桌機、行動裝置」網頁，因為這兩頁內容相同，也必需加上這個 tag 指向其中一個主要的網頁，要不然會打架互相搶流量...