關於空白,Google 沒跟你說的一件小事

Eddie Wen
3 min readJun 1, 2019

--

前一陣子工作上在做 Google SEO 相關的任務,因為密集地看著 Google 的搜尋結果,有一天真的受不了了

看著那在 - 前莫名消失的空白....

補充說明:我們有餵 <title>, <meta property='og:title'>, `<script type='application/ld+json'>`

順手查了幾個網站也都有這樣的情況

連我偉大央視都淪陷的同時,怎麼 Google 自己的網站就漂漂亮亮的

還真不巧就發現這裡似乎藏了點什麼….

<title>Understand how structured data works &nbsp;|&nbsp; Search &nbsp;|&nbsp; Google Developers</title>
<meta property=”og:title” content=”Understand how structured data works &nbsp;|&nbsp; Search &nbsp;|&nbsp; Google Developers”>

`&nbsp;` SERIOUSLY?!

後來我只先將 meta[property='og:title'] 改成 " &nbsp;-&nbsp; ",其餘 <title> 及結構化資料仍保持 " — "

後記

  1. 在寫這篇文的時候發現,Facebook 的 https://www.facebook.com 正常,但 https://zh-tw.facebook.com 卻是壞的;其他像是 CNN, medium 也在沒使用 non-breaking space 的情況下顯示良好。
  2. pinkoi 也有使用兩個連續空白來達到這效果

跪求仙人指路!(X

接下來繼續走走看看,希望能有第二篇介紹更好的解法。

--

--