經(jīng)常收到小伙伴的私信，如：

　　1.請(qǐng)問(wèn)display:none是否被搜索引擎認(rèn)為作弊？或者直接忽略其中的內(nèi)容？

　　2.如果想實(shí)現(xiàn)部分內(nèi)容不在前臺(tái)顯示，而被搜索引擎抓取，比較可靠有效的方式是什么？

　　從飛優(yōu)角度來(lái)講，我們把以上問(wèn)題簡(jiǎn)單定義為網(wǎng)站前端設(shè)計(jì)會(huì)不會(huì)影響到SEO的整體效果，以使用Display:none屬性為例,它會(huì)不會(huì)被判定為SEO作弊？在搞清楚之前我們先需要掌握Display:none的具體定義和使用場(chǎng)景。

　　Display:none的定義

　　Display:none是CSS代碼中在需要隱藏文字時(shí)需要用到的代碼，當(dāng)放到網(wǎng)站的頁(yè)面時(shí)，它可以簡(jiǎn)單的控制內(nèi)容是否顯示。主要作用節(jié)省屏幕空間以達(dá)到美化和提升用戶體驗(yàn)的目的地。

　　比如：許多大型CMS門(mén)戶網(wǎng)站，為了實(shí)現(xiàn)簡(jiǎn)潔而良好的用戶體驗(yàn)，經(jīng)常會(huì)使用display:none屬性去隱藏部分模塊，當(dāng)用戶鼠標(biāo)劃過(guò)或點(diǎn)擊某個(gè)按鈕等行為時(shí)，這些模塊會(huì)通過(guò)js代碼顯現(xiàn)出來(lái)。它可以在有限的空間里給用戶展示更多的內(nèi)容，提高了用戶的體驗(yàn)，節(jié)約了屏幕空間。

　　參考示例-導(dǎo)航展示

　　但是任何事物都有兩面性，它的另一面就是被人用來(lái)SEO作弊。

　　前端與SEO的關(guān)系

　　Display:none這種可以隱藏文字的功能經(jīng)常會(huì)被SEO作弊者利用，意圖提高文字相關(guān)性，或希望某些與頁(yè)面不相關(guān)的但搜索次數(shù)高的關(guān)鍵詞能有排名和流量。當(dāng)然，搜索引擎也不是傻子，在作弊與反作弊的較量上幾乎從沒(méi)有停止過(guò)，如今這個(gè)屬性已經(jīng)造成了搜索引擎的敏感。

　　這么理解起來(lái)比較晦澀，總的來(lái)說(shuō)就是用戶想看到的你沒(méi)有給展示，但是我只能通過(guò)查看源代碼及相關(guān)提示引導(dǎo)才能看到相關(guān)的內(nèi)容(是指一種被迫營(yíng)業(yè)狀態(tài))，從這一行為上判斷就能篩選出這個(gè)內(nèi)容是否是正常行為或者刻意為之，若是刻意的那你能從相關(guān)的JS代碼進(jìn)行查看，所以檢查出來(lái)也是比較容易的。

　　那我們?cè)倩氐阶x者之前的問(wèn)題：

　　Q1.請(qǐng)問(wèn)display:none是否被搜索引擎認(rèn)為作弊？或者直接忽略其中的內(nèi)容？

　　Q2.如果想實(shí)現(xiàn)部分內(nèi)容不在前臺(tái)顯示，而被搜索引擎抓取，比較可靠有效的方式是什么？

　　關(guān)于Q1：僅僅因?yàn)槭褂胐isplay:none并不會(huì)被搜索引擎認(rèn)為是作弊，也不會(huì)忽略其中的內(nèi)容。

　　display:none可以有很正常的使用場(chǎng)景，和作弊沒(méi)有任何關(guān)系，比如PC版和移動(dòng)版顯示不同菜單、排版，某些內(nèi)容太長(zhǎng)，缺省設(shè)置是隱藏的，用戶點(diǎn)擊“顯示更多/點(diǎn)擊閱讀”或加號(hào)，或者點(diǎn)擊選項(xiàng)卡，內(nèi)容才顯示。這很正常。

　　參考示例說(shuō)明：

　　關(guān)于Q2：但你說(shuō)的情況可能就危險(xiǎn)了，因?yàn)閷?shí)現(xiàn)部分內(nèi)容不在前臺(tái)顯示，而被搜索引擎抓取。如果所謂部分內(nèi)容不在前臺(tái)顯示，指的是前面說(shuō)的類似情況，用戶點(diǎn)擊選項(xiàng)的話，還是可以顯示的，那沒(méi)問(wèn)題。如果不顯示的內(nèi)容，無(wú)論用戶做什么都顯示不出來(lái)（除了看源代碼），用戶是怎么都看不到的，而你又想被搜索引擎當(dāng)作正文抓取，那就是刻意隱藏文字了，有作弊之嫌。這樣會(huì)收到懲罰，這里一般性而言黑帽會(huì)用得較多，具體示例就不便展示，否則會(huì)有被判定為惡意慫恿之嫌疑，撤了撤了！

　　正確倡導(dǎo)前端與SEO良性發(fā)展

　　當(dāng)然大家也不必杞人憂天，按照飛優(yōu)前面介紹的正確的使用場(chǎng)景這是不會(huì)判定為作弊的（屬于正常應(yīng)用行為），只有那些刻意為之通過(guò)掛相關(guān)的高流量詞做跳轉(zhuǎn)不展示給用戶且能正常抓取這樣才會(huì)收到搜索引擎的嚴(yán)判，基本上就是死刑了。

　　若非要用到display:none并且也需要關(guān)聯(lián)到文字且做到隱藏，那我們不妨采用這種替代方案，這是能接受的：

　　.xxx{display: block;height: 0;width: 0;overflow: hidden;}

　　所以大家還是不要太刻意使用捷徑來(lái)做SEO，沒(méi)有捷徑可走，唯有扎實(shí)做好內(nèi)容，解決用戶需求，這樣才能形成好的搜索體驗(yàn)帶來(lái)源源不斷的自然流量。