谷歌在本月發布了Chrome 80以及包括Edge和Opera等Chromium內核瀏覽器的新特性Link To Text Fragment 。為什麼這是個大新聞？因為這波騷操作我們足足盼了二十年不止。HubSpot One數字行銷將在本篇為你介紹什麼是Link To Text Fragment以及為什麼它具有歷史意義。
片段標識符Fragment Identifier
這要從鏈接說起。當我們分享網頁的時候我們會復制整個網頁地址。比如HubSpot One那篇廣為流傳的《數字行銷術語詞彙表》，它的網址是https://hubspot.one/digital101-digital-ads-search-marketing/。但是問題是當你分享的時候或許只是讓你的小伙伴去了解其中某個術語，碰巧這篇文章有很長，那怎麼辦呢？傳統的做法是在某個HTML標籤中添加一個id屬性，然後給它賦一個值。第二步就是在鏈接後面加上#井號和這個id的值。
在這個例子中，假設你需要分享的是PageRank這個術語，那麼我們找到id=”attachment_2950″的元素，然後把#attachment_2950加在網址後面。於是鏈接就變成了https://hubspot.one/digital101-digital-ads-search-marketing/#attachment_2950 讀者可以自行用上面鏈接試一下。
上面的例子中#後的部分就是我們說的片段標識符（Fragment Identifier） ，傳統的文章內鏈接都是這麼做的。不僅如此#還被用於其他文件類型，比如CSV，MP4，PDF文件內表示位置。當然#還被用作Ajax的參數傳遞。讀者可以參考Wikipedia了解具體用法。
片段標識符雖然可以解決我們的問題但是它太麻煩了，因為需要id我們碼字的時候還要告訴編輯或者前端工程師去埋碼。這非常不方便，容易造成大面積996。於是谷歌在Chromium中進行了改進。
Link To Text Fragment
新的方法非常簡單，你先找到你想要的目標內容，比如PageRank。然後在原來的頁面代碼中插入#:~:text=[關鍵字] 。於是你得到了：https://hubspot.one/digital101-digital-ads-search-marketing/ #:~:text=PageRank 。試試看，你將得到下面的結果。
你可以看到頁面不單自動滾動到了第一個PageRank部分而且該關鍵字還高亮了。也就是說你不用再去擔心id這個屬性，直接可以達成原來的效果甚至更好。另外，大小寫不敏感，而且你不必擔心關鍵字在兩個不同的HTML標籤中，只要連續就可以使用。比如這樣：https://hubspot.one/digital101-digital-ads-search-marketing/#:~:text=PageRank一說。
這個新特性在所有Chromium80以上版本中皆可使用，安卓手機版和Webview也適用。上面的截屏就是在Edge中的效果。但是在Safari和FireFox中還不適用。
Link To Text Fragment插件
6月18日，谷歌發布了Link To Text Fragment插件，諳熟科學上網的你已經可以在插件商店免費下載了。
這個插件的用法也很簡單。你只要在網頁上選定一段文字，然後在右鍵菜單中選擇Copy Link to Selected Text即可。如下圖：
至此，我們不單解決了定位問題，還解決了獲取定位的問題。
為什麼這很重要？
最後我們講一下這個新特性的重要意義。我們知道Web是由一個個網頁構成的，它們是內容的主要載體。在大段文本中尋找你所關心的相關內容相當困難，通常的做法是打開網頁後使用Ctrl+F來查找文本，這相當不方便。尤其是一些場景，比如搜索引擎或者站內搜索，當你打開結果鏈接後還需要花不少時間來定位文字段。 Link to Text Fragment很好地解決了這一點，這也是作為瀏覽器一哥Chromium的擔當。
事實上谷歌已經開始使用這一特性在它的搜索結果中，早先SEL就已經報導過谷歌在精選摘要（Featured Snippet）中使用該特性。這對我們找訊息的用戶來說節省了不少時間。
未來Web中會越來越多這樣的鏈接以內鍊或外鏈出現，其他搜索引擎如何處理這些鏈接，如何判斷相關性併計算權重將會是另外的考驗。
這一特性的應用其實還提醒了某些妄圖殺死Web端的互聯網科技公司盡快回歸到以用戶價值為首位的價值觀中。