Blogger版型範本與搜尋結果的關係

CSS and search engines
網友在私密留言裡談到留言提示能否直接在CSS裡面修改; 而不需要使用jQuery? 當然可以! 串連式留言或另開視窗的留言板皆可以在後檯面板裡自訂留言欄訊息(Comment from message). Blogger換成G+留言板; 則不能自訂格主的留言訊息, 只好寫在板型的CSS. 參考此篇: 自訂Google+留言系統的留言提示

一般而言, 能直接修改CSS就無須使用外部連結呼叫樣式的方法, 如此可減少網路訊息交換的負擔(*註), 但通常僅限CSS標籤、屬性這類內容. 例如: <div class='xxx'>#comments { ﹒﹒﹒}. 如直接將留言提示赤裸裸地寫進CSS裡面會有不可預期的影響.

將留言訊息欄內容以HTML方式附加到Blogger範本中有個疑慮.
每次載入會被讀取一次; 每篇文章又被讀取一次, 假使留言提示裡又有附帶連結; 連結又未使用 "rel=nofollow" 提示搜尋引擎忽略之. 那麼沒多久您的部落格或網站可能被搜尋引擎列為惡意頻繁地使用熱門關鍵字或連結曝光.
Blogger標籤也經常出現在頁面中, 卻不會影響搜尋引擎的觀感? 假設我的文章經常使用"中式美食"當作標籤, 是否也受影響? 這和設定面板中使用留言訊息欄的方式一樣, 標籤(tag)也是透過blogger data呼叫個人的設定; 而不是直接修改在CSS中. 現在能發現其中的差異嗎?

使用上篇jQuery的展開收合語法, 其中的 "display: none" 可以讓搜尋忽略這區塊的內容, 減少搜尋扣點的衝擊. 當然, 可以使用另一種載入js或css檔案的方式, 雖然也是修改了範本樣式; 卻沒有這種問題, 可參考: 搜尋機器人無法分析的內容
同理, 因為其他緣故修改版型時, 除了CSS規則、JavaScript、程式碼、註解之外的任何文字或HTML盡量不要寫入CSS當中,以免被googlebot、bingbot誤判.

* 註: 另外載入css檔案連結的方式意味著您需要從網路再一次傳送連結要求. 尤其是您的檔案網址前綴是https, 另外從443端口傳輸, 比起原有樣式從80端口載入要分次地多費功夫.

參考文件:


有位網友私下問我, 到底使用 "display:none" 這類隱藏的規則會不會被搜尋引擎忽略? 我覺得這是很重要的觀念必須補充. 您按右鍵檢視網頁原始碼時, 任何看得到的內容都可能被googlebot爬過; 即使它採用 "display:none" 或 "display:hidden". 而搜尋引擎並不會分析你為何使用隱藏? googlebot只會找它想要的字詞. display:none被人誤解會造成SEO的負面影響, 其實是有人堆疊大量關鍵字或連結並使用隱藏語法而被列為黑名單, 問題在於重複大量的使用關鍵字; 而不是隱藏語法的錯.