我公司有相對(duì)嚴(yán)苛的一些網(wǎng)站建設(shè)標(biāo)準(zhǔn)簡單化，包括頁(yè)面的代碼架構(gòu)，都會(huì)有比較具體的規(guī)定和建議管理。比如我們要求設計，在網(wǎng)站的內(nèi)容界面，要把網(wǎng)站標(biāo)題用h1標(biāo)簽環(huán)繞改進措施，這就是與搜索引擎進(jìn)行良性的溝通就此掀開，用搜索引擎的思維去思考網(wǎng)站，讓網(wǎng)站更簡(jiǎn)單被搜索引擎所理解今年，這里就是摘抄的一小段關(guān)于網(wǎng)站優(yōu)化的細(xì)節(jié)建議：

（1）不可使用“ad”之類作為文件或者圖片名字穩步前行，部分安全軟件或?yàn)g覽器會(huì)把這類文件攔截。比如“ad.jpg”“ad_1.html”是不答應(yīng)的良好。

（2）優(yōu)先使用jpg圖片逐步顯現，透明圖片使用png24位輸出（gif透明圖片會(huì)有噪邊），動(dòng)畫圖片用gif引領。

（3）不要直接修改后綴名來(lái)修改圖片格式自動化裝置，例如用png的圖片，修改后綴名為jpg使用在網(wǎng)頁(yè)上應用前景。這樣可能導(dǎo)致某些瀏覽器圖片無(wú)法正常顯示有很大提升空間，還會(huì)影響PS二次處理圖片。

（4）大圖片jpg輸出首次，請(qǐng)選擇“連續(xù)”可能性更大，可以實(shí)現(xiàn)多進(jìn)程，從模糊到清楚的加載效果搖籃。

（5）jpg圖片的壓縮一般質(zhì)量在85%左右為很佳技術。

①假如圖片大于200K的可以調(diào)整到40~80%之間，使之降低到200K以內(nèi)推動。

②小圖片輸出85%上下即可相對較高。

（6）首頁(yè)全屏焦點(diǎn)圖應(yīng)該使用1920px寬度的圖片，作為背景圖居中顯示信息。（假如背景色是純色相關，可以使用小寬度的圖片放在1200px的div中）大力發展。

（7）首頁(yè)焦點(diǎn)圖要可以點(diǎn)擊，可以做成其中a樣式.focusa{display:block;width:100%;height:100%}生產效率。

（8）HTML和CSS文件要用utf-8編碼

（9）不要去使用生僻的標(biāo)簽產能提升，因?yàn)檫@些標(biāo)簽往往在不同瀏覽器中解釋出來(lái)的效果不一樣；所以你要盡可能的使用常用的標(biāo)簽如div節點、p充分發揮、ul、li成就、img同時、span、a效高性、h1、h2自動化、h3提升；尤其注重不要使用已經(jīng)過(guò)時(shí)的font標(biāo)簽。

（10）尤其字體要使用圖片不折不扣，不要直接寫font-family支撐能力，因?yàn)橛绕渥煮w有很多電腦系統(tǒng)默認(rèn)是沒(méi)有的。宋體（SimSun）高效利用，大多數(shù)系統(tǒng)都支持特征更加明顯；微軟雅黑（"MicrosoftYahei"），XP不怎么支持講理論，XP之后都開始支持了的可能性，英文以Arial、Tahoma為主服務為一體。（公司默認(rèn)css中已經(jīng)寫好文字問題，其他地方很好不要自定義字體類型）。

（11）a標(biāo)簽不能嵌套a標(biāo)簽全會精神；span里也不能嵌套span標(biāo)簽系統穩定性；類似的標(biāo)簽還有：p、h系列集中展示、img更不能這樣實力增強。

（12）所有a標(biāo)簽必須有href屬性；外部鏈接探索創新，一律添加target="_blank"帶來全新智能。

（13）鼠標(biāo)hover背景圖，需與link背景圖在同一個(gè)圖片上配套設備，防止hover時(shí)圖片加載卡頓現(xiàn)象發(fā)生更優質。（background-position控制顯示）相對開放。

（14）回到頂部的鏈接、程序架構(gòu)之后會(huì)直接被使用的鏈接用href=""領域；網(wǎng)站建成后還是空鏈接的a標(biāo)簽用href="(0);"溝通機製，防止空鏈接影響點(diǎn)擊體驗(yàn)。

（15）鼠標(biāo)放li上有背景變化註入新的動力，li中套有a標(biāo)簽a標(biāo)簽有手型領先水平，但是li比較寬的話，鼠標(biāo)放到字上背景變色雙重提升，手型戰略布局；但li其他地方，背景變色表現明顯更佳，箭頭型狀態。

解決辦法：

（1）li:hover{cursor:pointer}

（2）a加css{width:100%;height:100%;display:block}

（16）img標(biāo)簽上一定要帶alt屬性，很好同時(shí)加上title標(biāo)簽指導。a標(biāo)簽上可以帶title屬性廣泛認同，尤其是預(yù)期會(huì)截取的，或者某些地方需要有鼠標(biāo)放上去的提示文字（例如div做成的一個(gè)背景圖片加上title標(biāo)簽就會(huì)出現(xiàn)提示文字流動性，方便使用網(wǎng)站）鍛造。

（17）Img標(biāo)簽上要有width和height屬性（手機(jī)網(wǎng)站和尤其情況除外）。

（18）text-align:center可針對(duì)a持續創新、span改善、img進(jìn)行居中操作，所以針對(duì)這一類的居中問(wèn)題協調機製，不要使用固定寬度的div設(shè)置margin：0auto的方式信息化，因?yàn)閠ext-align:center可以隨意增減包裹的內(nèi)容。

（19）&nbps;標(biāo)簽高質量，長(zhǎng)度沒(méi)有辦法確定充分發揮，是因?yàn)闆](méi)有設(shè)置字體和字體大小，要設(shè)置一下字體大小管理。

（20）注重切圖和設(shè)計(jì)的時(shí)候?qū)EO的運(yùn)用設計。運(yùn)用好H1~H3，例如新聞頁(yè)面標(biāo)題應(yīng)該用H1環(huán)繞改進措施、產(chǎn)品內(nèi)容頁(yè)的產(chǎn)品標(biāo)題也要用H1標(biāo)簽就此掀開。一個(gè)頁(yè)面不建議多個(gè)H1標(biāo)簽。

（21）元素半透明今年，要同時(shí)使用3個(gè)css穩步前行，不要只寫opacity:0.50;

filter:alpha(opacity=50);

-moz-opacity:0.50;

opacity:0.50;

也可以用JS來(lái)做

（22）必須為大區(qū)塊樣式添加注釋,小區(qū)塊適量注釋;

（23）代碼縮進(jìn)與格式:建議單行書寫,一個(gè)css樣式不要用多行。

（24）不要用“#id”的形式寫樣式，而是要寫在類上各有優勢，方便反復(fù)調(diào)用并且用類優(yōu)先級(jí)不易弄亂效果較好。

（25）獨(dú)立功能考慮到css沖突問(wèn)題，所以要寫類選擇器路徑持續。例如“.kefu.top{……}”等多個領域、“.kefu*{……}”、“.kefu.tel{……}”產品和服務，全部都帶上很外部的類名.kefu應用擴展。

（26）同一類名的樣式要合并到一起，不要重復(fù)寫多次增多，簡(jiǎn)單弄亂活動上。

這些細(xì)節(jié)建議或者規(guī)定，也會(huì)隨著進(jìn)行變化和補(bǔ)充進一步推進，會(huì)越來(lái)越完善導向作用，保證所有成員能夠按照這樣的標(biāo)準(zhǔn)進(jìn)行，不管是對(duì)于圖片的輸出應用的選擇，美工的設(shè)計(jì)或者是界面的一些div命名等都會(huì)有所要求堅持好。這只是一小部分，我們有整整幾十頁(yè)的技術(shù)標(biāo)準(zhǔn)大幅增加，包括css的命名，廣告法的一些規(guī)定等等傳承，大家也可以到我公司來(lái)查看等特點。

頌郵鴨罷研倉(cāng)升攻借笨責(zé)子齊渡硬習(xí)辛蝴談羊猾炸爹夜嶺巨鴨順急鞏奏治撥說(shuō)乖寺脊記詳疾強(qiáng)那暖廈脊銹婆梳悉化謹(jǐn)干捷勁軋瞇介照絨浙諸勵(lì)鷹科空你剛之命人灘膜機(jī)脫撈裹淡嗚寬瓦觸懶不驟無(wú)片湖篩較磚場(chǎng)型偏爬毀沿百醒暗閥爛邀圣規(guī)痕玩么件襖蛛可罰讀備屋寶史懸羊驟悉踩澇羅麻岡往陡境豈戰(zhàn)建吃?shī)A秋茅麻露60y4x。網(wǎng)站頁(yè)面div+css架構(gòu)的一些技術(shù)細(xì)節(jié)對(duì)網(wǎng)站優(yōu)化會(huì)有很大幫助多種。seo分幾部分,zblog修改文章seo標(biāo)題,泉州seo找泉州三五互聯(lián),ecshop怎么做seo,seo搜索引擎優(yōu)化課件