前言：SEO在網(wǎng)站運(yùn)營(yíng)中的地位已經(jīng)不言而喻了，SEO說難不難，因?yàn)橹灰�在網(wǎng)站制作過程中，把握一些“套路”，不要過于修飾就差不多了，這個(gè)方面站長(zhǎng)基本都是知道的，但是SEO說簡(jiǎn)單也不簡(jiǎn)單，需要多觀察、思考，耐心的去研究“細(xì)節(jié)”，方能把網(wǎng)站的整體排名提高到一個(gè)檔次。如果對(duì)于SEO細(xì)節(jié)的把握得當(dāng)，會(huì)起到非常好的收效。本人不才，將在以后的日子里，發(fā)布一系列“SEO：細(xì)節(jié)決定成敗”的文章，本文以CSS優(yōu)化為例，介紹一些技巧，希望能和大家一起學(xué)習(xí)探討SEO，同時(shí)也希望大家不吝賜教，謝謝！

總的來說，DIV + CSS的網(wǎng)站標(biāo)注設(shè)計(jì)，大家應(yīng)該有了很多的了解了，我整理了一下，符合設(shè)計(jì)標(biāo)準(zhǔn)簡(jiǎn)單來講有以下好處： 

提供最多利益給最多的網(wǎng)站用戶

確保任何網(wǎng)站文擋都能夠長(zhǎng)期有效

 簡(jiǎn)化代碼、降低建設(shè)成本

讓網(wǎng)站更容易使用，能適應(yīng)更多不同用戶和更多網(wǎng)路設(shè)備

當(dāng)瀏覽器版本更新，或者出現(xiàn)新的網(wǎng)絡(luò)交互設(shè)備時(shí)，確保所有應(yīng)用能夠繼續(xù)正確執(zhí)行。

那么，我們了知道這些好處，還需要在實(shí)際當(dāng)中活學(xué)活用，今天的主題是以一個(gè)實(shí)例來體現(xiàn)css在SEO中的靈活運(yùn)用，我發(fā)現(xiàn)，在大多數(shù)不怎么運(yùn)用標(biāo)準(zhǔn)甚至一些符合標(biāo)準(zhǔn)的網(wǎng)站里，都犯有這點(diǎn)錯(cuò)誤，哪一點(diǎn)？請(qǐng)繼續(xù)往下看。

先看圖：

     

 

我就不兜圈子了，從圖中我們看到有些標(biāo)題是這樣的：4399小游. . . 。這是一個(gè)因?yàn)殚L(zhǎng)度過長(zhǎng)而被省略的標(biāo)題。

通常我們的一般是做成靜態(tài)頁面的，那么我們?cè)谏�成�?biāo)題的時(shí)候會(huì)使用類似：{limit：title，12，“. . .”}，相信大家都看得懂，限制標(biāo)題長(zhǎng)度為12，過長(zhǎng)的部分用“. . .”省略號(hào)代替。那實(shí)際該標(biāo)題顯示在首頁或者當(dāng)前頁的關(guān)鍵字就是”4399小游. . .“，我們知道，搜索是讀源文件的，我們提取該頁的源文件分析：

搜索引擎看到的結(jié)果是這樣的：<li><a href="http://www.4399ol.com" target="_blank" title="4399小游戲">4399小游. . .</a></li>

而不是我們想像中的完整標(biāo)題：<li><a href="http://www.4399ol.com" target="_blank" title="4399小游戲">4399小游戲</a></li>

那么這樣做會(huì)有影響么？答案是肯定的。站長(zhǎng)們其實(shí)都知道，這樣做該鏈接的文字描述權(quán)重就會(huì)分到”4399小游...“，而非”4399小游戲“上了，當(dāng)然盡管我們已經(jīng)在<A>中用title描述了完整的標(biāo)題。

如果這樣說還不明白的話，我們還可以這樣來解釋，很多平時(shí)喜歡交換鏈接的站長(zhǎng)，使用的網(wǎng)站名不單單是為了帶流量，而是為了某個(gè)關(guān)鍵詞的權(quán)重和排名。SEO的靈魂就是鏈接，不管是外鏈還是內(nèi)鏈，都有明顯的‘權(quán)重傳遞’，如果我們限制了標(biāo)題而替代以省略號(hào)，相信權(quán)重會(huì)大打折扣，這一點(diǎn)是毋庸置疑的。

了解了這一點(diǎn)，我們就會(huì)想對(duì)策。其實(shí)CSS 2.0中屬性<li>就很好的為我們解決了這個(gè)問題，一個(gè)很簡(jiǎn)簡(jiǎn)單的功能就能搞定了，我們?cè)诳刂?lt;li>的時(shí)候可以這樣寫（為了清楚明白，附以完整代碼）：

以下為引用的內(nèi)容：

<style type="text/css">
<!--
li {
 width:20px;
 white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;
 } 
/* firefox only */
  li:not(p) { /* wtf is? pls let me know*/
   clear: both;
   }
  li:not(p) a {
   max-width: 17px;
   float: left;
   }
  li:not(p):after {
   content: "...";
   float: left;
   width: 25px;
   padding-left: 5px;
   color: #df3a0e;
   }

-->
</style>
<ul>
<li><a href="http://www.4399ol.com" titile="4399小游戲">4399小游戲</a></li>
</ul>

這樣的話就輕松解決了問題。即便是超出的部分，也不會(huì)在源文件中被砍掉了，而是以完整的標(biāo)題提供給搜索引擎去索引了。

其實(shí)文章前面我們也提到了，很多網(wǎng)站，尤其是以表格完成頁面主題的網(wǎng)站，在”相關(guān)文章“里都會(huì)有標(biāo)題超長(zhǎng)出現(xiàn)，而大多數(shù)網(wǎng)站的處理方法就是截掉了超長(zhǎng)部分，當(dāng)然表格完成的頁面也可以使用此方法，道理是一樣的，大家可以去試試。

div+css標(biāo)準(zhǔn)設(shè)計(jì)有很多地方很適合SEO優(yōu)化，希望大家慢慢的去摸索和嘗試。

此文只是本人優(yōu)化過程中的一點(diǎn)點(diǎn)體會(huì)，希望能起到拋磚引玉的作用，謝謝大家！

標(biāo)簽： Ad chinaz com CSS div div+css IP seo SEO優(yōu)化 Title 標(biāo) 標(biāo)題 標(biāo)準(zhǔn) 代碼 刂 地方 方法 方面 分析 更新 蚣 關(guān)

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。