美工在做網(wǎng)站前臺(tái)的時(shí)間，可能有的注意到優(yōu)化方面的知識(shí)，有的可能根本就沒(méi)有注意過(guò)優(yōu)化方面的知識(shí)。大家可能都曾聽(tīng)說(shuō)過(guò)這樣一句話(huà)：“細(xì)節(jié)決定成敗”，如果我們沒(méi)有做好網(wǎng)站美工的設(shè)計(jì)，SEO方面的工作可能就會(huì)有決定性的影響，下面我就要說(shuō)說(shuō)從美工下手做好SEO的前期工程：
第一 FLASH效果
前期問(wèn)題：大家也都知道，做網(wǎng)站優(yōu)化的人非常清楚的一件事情就是：對(duì)于搜索引擎來(lái)說(shuō)根本就不抓取flash，因?yàn)樗麑?duì)這個(gè)代碼根本就不能讀取。還有就是和flash有同樣效果的JS代碼。所以，大家在網(wǎng)站優(yōu)化的時(shí)間都說(shuō)網(wǎng)站如果出現(xiàn)flash時(shí)，搜索引擎就不太經(jīng)常抓取這樣的網(wǎng)站，其實(shí)這個(gè)也不是太絕對(duì)，也有解決的辦法。
解決辦法：上面的問(wèn)題我們說(shuō)的也不能太絕對(duì)，這個(gè)解決的辦法還是有的，比方說(shuō)你想做一個(gè)flsah效果，而又不想阻止搜索引擎的抓取，我們可以把flash效果，做成一個(gè)gif圖片，然后我們?cè)O(shè)置一個(gè)DIV 然后把圖片做為一個(gè)傳上去，再一個(gè)就是這個(gè)圖片加上一個(gè)alt=“”屬性，這樣網(wǎng)站的效果也好看了，也不太影響網(wǎng)站收錄方面的問(wèn)題。當(dāng)然這個(gè)解決辦法也不是決對(duì)，我只是考慮到一個(gè)相對(duì)比較好的解決辦法，而最好的解決辦法就是盡量讓網(wǎng)站中少出現(xiàn)flash、JS等等這樣的效果。
第二 垃圾代碼
前期問(wèn)題：說(shuō)到這個(gè)垃圾代碼我想我還是給大家截一個(gè)圖會(huì)比較好一點(diǎn)，大家可以看下圖：
像這樣的代碼應(yīng)該算是比較沒(méi)有用的代碼了。其它的垃圾代碼還有很多很多，而上面的我只是舉一個(gè)簡(jiǎn)單的例子，而上面的空間垃圾代碼我們?nèi)绾芜�化解他呢?
解決辦法：遇到像上面的這個(gè)問(wèn)題來(lái)說(shuō)時(shí)，我們最好不要用敲空格的方面來(lái)進(jìn)行首行字母的縮進(jìn)，或是我們?yōu)榱俗寛D片或文章前面空兩格就這樣一直敲空格，這樣雖說(shuō)是一種解決辦法但不是最好的解決辦法，我建議大家最好是這樣做：
就像上圖的，我們可以在div里面寫(xiě)一個(gè)style的樣式，也可以寫(xiě)一個(gè)css樣式，然后把這些代碼寫(xiě)的CSS里面，這樣就提搞了網(wǎng)站頁(yè)面打開(kāi)的速度，有利于網(wǎng)站的用戶(hù)瀏覽網(wǎng)站。
第三 alt=””屬性
前期問(wèn)題：雖說(shuō)這個(gè)屬性大家都是老生常談了，但是我在這里還是想要再羅嗦兩句，為什么要羅嗦呢?因?yàn)檫@個(gè)問(wèn)題關(guān)系到一些圖片很多的一些網(wǎng)站，這些網(wǎng)站經(jīng)常性的沒(méi)有加alt屬性。還就有是一些圖文結(jié)合的文章，常常就是文章里的文字顯示了，可是文章里面的圖片卻沒(méi)有顯示，就出現(xiàn)了一個(gè)白方框中間一個(gè)紅叉。
解決辦法：在我們更新這樣的圖片文章，或是我們更新圖片的時(shí)間，我們一定要進(jìn)入代碼設(shè)計(jì)的頁(yè)面，在圖片的路徑前面加上這個(gè)alt屬性，而屬性里面加入的這個(gè)標(biāo)題或者描述，最好是含有你們網(wǎng)站的一些關(guān)鍵詞，但是也不能你這樣：alt=”裝修裝修裝修”。如果這樣的話(huà)不但不能起到效果，把而會(huì)給網(wǎng)站帶來(lái)作弊的嫌疑，因此大家要慎重而用。
第四 兼容問(wèn)題
前期問(wèn)題：在我們做網(wǎng)站的時(shí)間，兼容性問(wèn)題是最難的問(wèn)題，也是我們最容易出錯(cuò)的問(wèn)題，因?yàn)楝F(xiàn)在的瀏覽器太多了，我們也不能完全保證網(wǎng)站能兼容所有的瀏覽器。我們?nèi)绾尾拍芙鉀Q網(wǎng)站對(duì)多個(gè)瀏覽器的兼容問(wèn)題呢?
解決辦法：如果用CSSdiv做的話(huà)你可以看看或者使用css hack 或者用ietester 這個(gè)軟件來(lái)模擬出IE 6 7 8 前提是你必須安裝IE7以上版本否則模擬不出IE8 但后修改CSS做出調(diào)整下面給你列出一些簡(jiǎn)單的特想和小例子可以參考一下：
上面的這種是通過(guò)css樣式來(lái)解決網(wǎng)站瀏覽器的兼容問(wèn)題：
以上的兩種方法可能有些人會(huì)用，而有些人不能用，而我所提供的也只是我自己用著比較不錯(cuò)的方法，這個(gè)要根據(jù)你自己的情況，但是這些方法也不一定能解決所有的瀏覽器兼容問(wèn)題，只是對(duì)你來(lái)說(shuō)一個(gè)參考而已。
以上關(guān)于美工的四個(gè)方面，我也只是片面的說(shuō)了一下，在我的想像中這些并不全面，但是我所知道的，今天有時(shí)間寫(xiě)的也就這四個(gè)方面了，如果以后我在做的過(guò)程中再遇到一些問(wèn)題時(shí)，我會(huì)及時(shí)也出來(lái)與大家分享。我們的網(wǎng)站 裝修網(wǎng)http://www.zxdyw.com 也曾經(jīng)遇到過(guò)。最終也慢慢被解決掉了，我想遇到問(wèn)題并不是一件壞事，因?yàn)槲覀冎挥性趩?wèn)題中慢慢學(xué)會(huì)東西，如果沒(méi)有問(wèn)題那就說(shuō)明你根本就沒(méi)有進(jìn)步。所以，在這里我們請(qǐng)大家認(rèn)真對(duì)待你的每一個(gè)問(wèn)題。這是本人的原創(chuàng)文章，請(qǐng)大家在轉(zhuǎn)載的時(shí)間保留鏈接，最后，謝謝大家的點(diǎn)擊!
推薦閱讀
前一段時(shí)間在各大站長(zhǎng)網(wǎng)發(fā)現(xiàn)很多站長(zhǎng)們都在討論關(guān)于自己的網(wǎng)站在百度被K、快照回檔、首頁(yè)不見(jiàn)等等問(wèn)題。我們這些個(gè)人站長(zhǎng)真是辛苦啊！整天為自己的網(wǎng)站擔(dān)驚受怕，若是遇到這種情況便可能焦急如焚，或是哭笑不得。特別>>>詳細(xì)閱讀
本文標(biāo)題：SEO高手必需面臨幾大美工難題
地址：http://www.sdlzkt.com/a/34/20120302/36011.html
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示