美工在做網(wǎng)站前臺(tái)的時(shí)間,可能有的注意到優(yōu)化方面的知識(shí),有的可能根本就沒有注意過優(yōu)化方面的知識(shí)。大家可能都曾聽說過這樣一句話:“細(xì)節(jié)決定成敗”,如果我們沒有做好網(wǎng)站美工的設(shè)計(jì),SEO方面的工作可能就會(huì)有決定性的影響,下面我就要說說從美工下手做好SEO的前期工程:
第一 FLASH效果
前期問題:大家也都知道,做網(wǎng)站優(yōu)化的人非常清楚的一件事情就是:對(duì)于搜索引擎來說根本就不抓取flash,因?yàn)樗麑?duì)這個(gè)代碼根本就不能讀取。還有就是和flash有同樣效果的JS代碼。所以,大家在網(wǎng)站優(yōu)化的時(shí)間都說網(wǎng)站如果出現(xiàn)flash時(shí),搜索引擎就不太經(jīng)常抓取這樣的網(wǎng)站,其實(shí)這個(gè)也不是太絕對(duì),也有解決的辦法。
解決辦法:上面的問題我們說的也不能太絕對(duì),這個(gè)解決的辦法還是有的,比方說你想做一個(gè)flsah效果,而又不想阻止搜索引擎的抓取,我們可以把flash效果,做成一個(gè)gif圖片,然后我們?cè)O(shè)置一個(gè)DIV 然后把圖片做為一個(gè)傳上去,再一個(gè)就是這個(gè)圖片加上一個(gè)alt=“”屬性,這樣網(wǎng)站的效果也好看了,也不太影響網(wǎng)站收錄方面的問題。當(dāng)然這個(gè)解決辦法也不是決對(duì),我只是考慮到一個(gè)相對(duì)比較好的解決辦法,而最好的解決辦法就是盡量讓網(wǎng)站中少出現(xiàn)flash、JS等等這樣的效果。
第二 垃圾代碼
前期問題:說到這個(gè)垃圾代碼我想我還是給大家截一個(gè)圖會(huì)比較好一點(diǎn),大家可以看下圖:


像這樣的代碼應(yīng)該算是比較沒有用的代碼了。其它的垃圾代碼還有很多很多,而上面的我只是舉一個(gè)簡單的例子,而上面的空間垃圾代碼我們?nèi)绾芜化解他呢?
解決辦法:遇到像上面的這個(gè)問題來說時(shí),我們最好不要用敲空格的方面來進(jìn)行首行字母的縮進(jìn),或是我們?yōu)榱俗寛D片或文章前面空兩格就這樣一直敲空格,這樣雖說是一種解決辦法但不是最好的解決辦法,我建議大家最好是這樣做:

就像上圖的,我們可以在div里面寫一個(gè)style的樣式,也可以寫一個(gè)css樣式,然后把這些代碼寫的CSS里面,這樣就提搞了網(wǎng)站頁面打開的速度,有利于網(wǎng)站的用戶瀏覽網(wǎng)站。
第三 alt=””屬性
前期問題:雖說這個(gè)屬性大家都是老生常談了,但是我在這里還是想要再羅嗦兩句,為什么要羅嗦呢?因?yàn)檫@個(gè)問題關(guān)系到一些圖片很多的一些網(wǎng)站,這些網(wǎng)站經(jīng)常性的沒有加alt屬性。還就有是一些圖文結(jié)合的文章,常常就是文章里的文字顯示了,可是文章里面的圖片卻沒有顯示,就出現(xiàn)了一個(gè)白方框中間一個(gè)紅叉。
解決辦法:在我們更新這樣的圖片文章,或是我們更新圖片的時(shí)間,我們一定要進(jìn)入代碼設(shè)計(jì)的頁面,在圖片的路徑前面加上這個(gè)alt屬性,而屬性里面加入的這個(gè)標(biāo)題或者描述,最好是含有你們網(wǎng)站的一些關(guān)鍵詞,但是也不能你這樣:alt=”裝修裝修裝修”。如果這樣的話不但不能起到效果,把而會(huì)給網(wǎng)站帶來作弊的嫌疑,因此大家要慎重而用。
第四 兼容問題
前期問題:在我們做網(wǎng)站的時(shí)間,兼容性問題是最難的問題,也是我們最容易出錯(cuò)的問題,因?yàn)楝F(xiàn)在的瀏覽器太多了,我們也不能完全保證網(wǎng)站能兼容所有的瀏覽器。我們?nèi)绾尾拍芙鉀Q網(wǎng)站對(duì)多個(gè)瀏覽器的兼容問題呢?
解決辦法:如果用CSSdiv做的話你可以看看或者使用css hack 或者用ietester 這個(gè)軟件來模擬出IE 6 7 8 前提是你必須安裝IE7以上版本否則模擬不出IE8 但后修改CSS做出調(diào)整下面給你列出一些簡單的特想和小例子可以參考一下:

上面的這種是通過css樣式來解決網(wǎng)站瀏覽器的兼容問題:

以上的兩種方法可能有些人會(huì)用,而有些人不能用,而我所提供的也只是我自己用著比較不錯(cuò)的方法,這個(gè)要根據(jù)你自己的情況,但是這些方法也不一定能解決所有的瀏覽器兼容問題,只是對(duì)你來說一個(gè)參考而已。
以上關(guān)于美工的四個(gè)方面,我也只是片面的說了一下,在我的想像中這些并不全面,但是我所知道的,今天有時(shí)間寫的也就這四個(gè)方面了,如果以后我在做的過程中再遇到一些問題時(shí),我會(huì)及時(shí)也出來與大家分享。我們的網(wǎng)站 裝修網(wǎng)http://www.zxdyw.com 也曾經(jīng)遇到過。最終也慢慢被解決掉了,我想遇到問題并不是一件壞事,因?yàn)槲覀冎挥性趩栴}中慢慢學(xué)會(huì)東西,如果沒有問題那就說明你根本就沒有進(jìn)步。所以,在這里我們請(qǐng)大家認(rèn)真對(duì)待你的每一個(gè)問題。這是本人的原創(chuàng)文章,請(qǐng)大家在轉(zhuǎn)載的時(shí)間保留鏈接,最后,謝謝大家的點(diǎn)擊!
推薦閱讀
前一段時(shí)間在各大站長網(wǎng)發(fā)現(xiàn)很多站長們都在討論關(guān)于自己的網(wǎng)站在百度被K、快照回檔、首頁不見等等問題。我們這些個(gè)人站長真是辛苦啊!整天為自己的網(wǎng)站擔(dān)驚受怕,若是遇到這種情況便可能焦急如焚,或是哭笑不得。特別>>>詳細(xì)閱讀
本文標(biāo)題:SEO高手必需面臨幾大美工難題
地址:http://www.geekbao.cn/a/34/20120302/36011.html