[TOC] ## `<h1>` ~ `<h6>` w3school描述：由于 h 元素擁有確切的語義，因此請您慎重地選擇恰當的標簽層級來構建文檔的結構。 ####display:none 有時候為了達到 SEO 與界面美觀，不得不采用一些隱藏文本的辦法。不僅是網易、騰訊等大型門戶網站如此，小網站在網站 LOGO 上采用文本背景、文本縮進等方式的也屢見不鮮。 采用 display:none 的做法唯一的一個弊端就是代碼所隱藏的文字很有可能會被引擎誤以為的垃圾信息，從而忽略其內容。在這個說法的前提下，display:none 僅僅作為達到界面樣式的作用，而失去了 SEO 的作用。 因 display:none 樣式導致網站被 K ，有點說不過去了。除非是網站中大量的站外鏈接都設置 display:none 樣式，這種情況下會被認為是黑鏈。 針對 SEO 最佳隱藏文本的辦法是： ~~~ .seowhy{display: block;height: 0;width: 0;overflow: hidden;} (**Xee:**我認為可以設置font-size:0;這些都屬于黑帽SEO) ~~~ 其次還可以使用 visibility:hidden; 樣式，但是它會占據一定的文本流空間。 * * * * * 這個是我優化的一個影視站HTML結構代碼，故意加了影片標題，這樣做的目的就是增加影視名稱的關鍵詞出現頻率，但是在顯示效果不讓標題顯示，代碼結構如下： ~~~ <li> <a target="_blank" href="http://www.tebotv.com/vod-play-id-14866-sid-0-pid-2.html" title="《不要追究過去》第2集"><strong>不要追究過去</strong>第2集</a> </li> ~~~ 樣式結構： ~~~ .playBox .boxList li a strong { position: absolute; left: -999px; } ~~~ 顯示效果：  > [Display:none做SEO隱藏文字可行嗎？](http://www.ecdoer.com/post/displaynone-hidden-text.html)