0917-3876090
0917-3876090
經(jīng)常收到小伙伴的私信，如：
1.請問(wèn)display:none是否被搜索引擎認為作弊？或者直接忽略其中的內容？
2.如果想實(shí)現部分內容不在前臺顯示，而被搜索引擎抓取，比較可靠有效的方式是什么？
從飛優(yōu)角度來(lái)講，我們把以上問(wèn)題簡(jiǎn)單定義為網(wǎng)站前端設計會(huì )不會(huì )影響到SEO的整體效果，以使用Display:none屬性為例,它會(huì )不會(huì )被判定為SEO作弊？在搞清楚之前我們先需要掌握Display:none的具體定義和使用場(chǎng)景。
Display:none的定義
Display:none是CSS代碼中在需要隱藏文字時(shí)需要用到的代碼，當放到網(wǎng)站的頁(yè)面時(shí)，它可以簡(jiǎn)單的控制內容是否顯示。主要作用節省屏幕空間以達到美化和提升用戶(hù)體驗的目的地。
比如：許多大型CMS門(mén)戶(hù)網(wǎng)站，為了實(shí)現簡(jiǎn)潔而良好的用戶(hù)體驗，經(jīng)常會(huì )使用display:none屬性去隱藏部分模塊，當用戶(hù)鼠標劃過(guò)或點(diǎn)擊某個(gè)按鈕等行為時(shí)，這些模塊會(huì )通過(guò)js代碼顯現出來(lái)。它可以在有限的空間里給用戶(hù)展示更多的內容，提高了用戶(hù)的體驗，節約了屏幕空間。
參考示例-導航展示
但是任何事物都有兩面性，它的另一面就是被人用來(lái)SEO作弊。
前端與SEO的關(guān)系
Display:none這種可以隱藏文字的功能經(jīng)常會(huì )被SEO作弊者利用，意圖提高文字相關(guān)性，或希望某些與頁(yè)面不相關(guān)的但搜索次數高的關(guān)鍵詞能有排名和流量。當然，搜索引擎也不是傻子，在作弊與反作弊的較量上幾乎從沒(méi)有停止過(guò)，如今這個(gè)屬性已經(jīng)造成了搜索引擎的敏感。
這么理解起來(lái)比較晦澀，總的來(lái)說(shuō)就是用戶(hù)想看到的你沒(méi)有給展示，但是我只能通過(guò)查看源代碼及相關(guān)提示引導才能看到相關(guān)的內容(是指一種被迫營(yíng)業(yè)狀態(tài))，從這一行為上判斷就能篩選出這個(gè)內容是否是正常行為或者刻意為之，若是刻意的那你能從相關(guān)的JS代碼進(jìn)行查看，所以檢查出來(lái)也是比較容易的。
那我們再回到讀者之前的問(wèn)題：
Q1.請問(wèn)display:none是否被搜索引擎認為作弊？或者直接忽略其中的內容？
Q2.如果想實(shí)現部分內容不在前臺顯示，而被搜索引擎抓取，比較可靠有效的方式是什么？
關(guān)于Q1：僅僅因為使用display:none并不會(huì )被搜索引擎認為是作弊，也不會(huì )忽略其中的內容。
display:none可以有很正常的使用場(chǎng)景，和作弊沒(méi)有任何關(guān)系，比如PC版和移動(dòng)版顯示不同菜單、排版，某些內容太長(cháng)，缺省設置是隱藏的，用戶(hù)點(diǎn)擊“顯示更多/點(diǎn)擊閱讀”或加號，或者點(diǎn)擊選項卡，內容才顯示。這很正常。
參考示例說(shuō)明：
關(guān)于Q2：但你說(shuō)的情況可能就危險了，因為實(shí)現部分內容不在前臺顯示，而被搜索引擎抓取。如果所謂部分內容不在前臺顯示，指的是前面說(shuō)的類(lèi)似情況，用戶(hù)點(diǎn)擊選項的話(huà)，還是可以顯示的，那沒(méi)問(wèn)題。如果不顯示的內容，無(wú)論用戶(hù)做什么都顯示不出來(lái)（除了看源代碼），用戶(hù)是怎么都看不到的，而你又想被搜索引擎當作正文抓取，那就是刻意隱藏文字了，有作弊之嫌。這樣會(huì )收到懲罰，這里一般性而言黑帽會(huì )用得較多，具體示例就不便展示，否則會(huì )有被判定為惡意慫恿之嫌疑，撤了撤了！
正確倡導前端與SEO良性發(fā)展
當然大家也不必杞人憂(yōu)天，按照飛優(yōu)前面介紹的正確的使用場(chǎng)景這是不會(huì )判定為作弊的（屬于正常應用行為），只有那些刻意為之通過(guò)掛相關(guān)的高流量詞做跳轉不展示給用戶(hù)且能正常抓取這樣才會(huì )收到搜索引擎的嚴判，基本上就是死刑了。
若非要用到display:none并且也需要關(guān)聯(lián)到文字且做到隱藏，那我們不妨采用這種替代方案，這是能接受的：
.xxx{display: block;height: 0;width: 0;overflow: hidden;}
所以大家還是不要太刻意使用捷徑來(lái)做SEO，沒(méi)有捷徑可走，唯有扎實(shí)做好內容，解決用戶(hù)需求，這樣才能形成好的搜索體驗帶來(lái)源源不斷的自然流量。
