一般而言, 能直接修改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的負面影響, 其實是有人堆疊大量關鍵字或連結並使用隱藏語法而被列為黑名單, 問題在於重複大量的使用關鍵字; 而不是隱藏語法的錯.
Author Summary
Subject : Blogger版型範本與搜尋結果的關係
Author : - Dream Talker Updated at: 1:32 AM
Votes : 5.0 - based on 2015
修改Blogger範本樣式時應該注意的事項,將Google+留言系統加入網站時,採用留言訊息欄的方式,不宜直接將提示內容寫入CSS當中. -
Author : - Dream Talker Updated at: 1:32 AM
Votes : 5.0 - based on 2015
修改Blogger範本樣式時應該注意的事項,將Google+留言系統加入網站時,採用留言訊息欄的方式,不宜直接將提示內容寫入CSS當中. -
5 Stars - Reviews
嗨!最近看到一篇文章 這裡 談到 display: none 會被處罰的問題。是這樣嗎?
ReplyDelete我的博客範本裡頭有些 display: none 的用法,以致有點擔心。網路上也有許多相同的seo文章這樣講,和你在這篇的看法不同。 我很困擾哪個才是對的?
謝謝!
您好 新年快樂!
Delete關於 display: none 的使用請相信我才是正確的! 無論是CSS或JavaScript、jQuery皆是經常使用到它; 連Google本身也會使用到, 只要您不是惡意運用在關鍵字或垃圾內容企圖影響搜尋引擎; 又或者被舉報, 那麼無須擔心. 這個您可以搜尋幾位國外真正的SEO大頭, 他們的文章也是這樣寫. 如果您還有疑慮, Google Webspam team at Google 的頭子 Matt Cutts 早在2006年已經談過這個問題, 可以支持我的看法.