《SEO初級教程與框架構(gòu)建.ppt》由會員分享,可在線閱讀,更多相關(guān)《SEO初級教程與框架構(gòu)建.ppt(57頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、第三課SEO初級教程與框架構(gòu)建,CSS調(diào)用的兩種方法,CSS的調(diào)用實際上有兩種方法,一種是直接在標(biāo)簽里面運用,如果在標(biāo)簽里面直接寫CSS的說話,可以在標(biāo)簽后面寫入styel=".....",省略號中就是寫入相關(guān)的屬性項,屬性項之間用英文輸入法的分號隔開,如,,,,CSS起始標(biāo)志,,各個屬性項,必須用英文輸入法的分號分隔,否則會出錯,CSS調(diào)用的另一種方法,CSS除了能在各標(biāo)簽中使用STYLE來引用之外,為了使頁面更為簡潔,避免重復(fù)操作以及能使用更多功能,我們會用以下方法來使用CSS代碼,,,,.t1是標(biāo)簽名稱,其中“.”是必須有的(除了代碼中固定的屬性標(biāo)簽不用"."之外),t1可以是任意字母,
2、凡是在頁面中有應(yīng)用到t1這個標(biāo)簽的全部會帶有該CSS屬性,,,屬性項,寫法與一般寫法無異,,,,,該style內(nèi)的屬性與t1的屬性一樣,因此最終顯示效果也相同,實際上這里也可以用t1代替,文字屬性代碼,font:文字種類,一般是宋體或黑體,在頁面制作中也只能用這兩種字體,避免出錯。如:,,,段落字體優(yōu)先使用黑體,沒有黑體的話則再用宋體,有黑體的情況下:,沒有黑體的情況下:,font-size:字體大小綜合使用:,,,,,顏色并不起作用,,,,在標(biāo)簽中才起作用,消除下劃線,,,,消除下劃線,text-align:作用跟align一樣,內(nèi)容是居中、居左還是居右line-height:段落行距,調(diào)節(jié)
3、段落間的間距,,,行高為25px,text-indent:首行縮進,會根據(jù)設(shè)定縮進若干個字符。需要注意的是,其單位不是px,而是em,em是字符的意思,是根據(jù)當(dāng)前段落字體大小去縮進。比如:,,,當(dāng)前段落字體是12px大小,則縮進2個12px字體大小的字符,運用TABLE搭建頁面,在日常應(yīng)用中,我們會以TABLE作為頁面的基本框架來進行搭建,每一個部分都會使用一個TABLE來進行劃分,從上至下一層一層搭建下去,,,,,,,,,BANNER,主要新聞,詳細新聞,數(shù)據(jù),TABLE的基本組成劃分,TABLE是一個結(jié)構(gòu)十分嚴(yán)謹(jǐn)?shù)拇a命令,雖然TD的缺失有時并不會令頁面顯示出錯,但這只是現(xiàn)時瀏覽器對其修復(fù)
4、的一種體現(xiàn),并不代表不會在后續(xù)修改時也能進行修復(fù),因此在搭建框架時就要養(yǎng)成一個良好習(xí)慣,構(gòu)思好TABLE的組成部分,以免以后再次修改,產(chǎn)生錯誤。,舉例說明每個TABLE是如何搭建,一般BANNER都是一行一列的TABLE,當(dāng)然,考慮到圖片的K數(shù)大小和網(wǎng)速的關(guān)系,當(dāng)BANNER過大時我們會對圖片進行切片處理,在日后PS的簡單應(yīng)用中會提及,,,,,,,,,,整個框架由3個部分組成,分別是最外圍的table和左邊的圖片和右面的文字部分一共3個TABLE組成,,,圖片部分,實際上也是由table搭建,,,文字部分,同樣是用TABLE搭建,問題:TABLE中的結(jié)構(gòu)組成,剛才說到,框架部分是由3個TABL
5、E組成,那么TABLE中如何包含另一個TABLE呢?有什么需要注意?實際上,TABLE中允許再包含TABLE,也就是說,只要寫法正確,在列中是允許包含一個TABLE的存在,如:,,顯示為,,,,,列,列,,,表格,另一個問題:在列中還能插入哪些結(jié)構(gòu)代碼?,只要寫法正確,在列中其實都可以插入其他結(jié)構(gòu)代碼,例如,,。。。但要注意的是,在中,是不允許插入與,在語法上是錯誤的,雖然有時瀏覽器能自動修復(fù),仍能正常顯示頁面,但并不代表在日后修改時仍可以正常顯示,,,,,列中不能包含行,列中不能包含列,,,,,,,一開始就需要規(guī)劃好整體分布,以免日后更改代碼,幻燈片一般都有一整套代碼提供,只要把該代碼直接復(fù)
6、制到中即可,從架構(gòu)上看,上述表格只是一個六行一列的表格,只要設(shè)置好字體大小、顏色、高度等即可,,,,,,,,,同樣道理,在規(guī)劃時,使用了兩列式的做法,只要一行一行編寫代碼就可以了,,,,合并了兩行,所以用了rowspan標(biāo)簽,,,,第一行第一列,,,,第二行第二列,因此,這個架構(gòu)是一個兩行兩列的表格,同理,這個也是兩行兩列的表格,只不過是合并了右邊的兩行而已,,實際框架,同理,其余部分都是用同樣方法去構(gòu)建TABLE,在實際運用代碼中,要懂得劃分框架,比如左右劃分的可以設(shè)置兩個表格,避免單元格的頻繁合并,方便操作,,,表1,表2,SEO的基本認識,搜索引擎優(yōu)化(SearchEngineOptim
7、ization,簡稱SEO)是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站在有關(guān)搜索引擎內(nèi)的排名的方式。由于不少研究發(fā)現(xiàn),搜索引擎的用戶往往只會留意搜索結(jié)果最前面的幾個條目,所以不少網(wǎng)站都希望通過各種形式來影響搜索引擎的排序。,SEO之所以重要,是因為現(xiàn)時大多數(shù)人都會通過搜索引擎進行資源搜索,如果頁面、專題、論壇等內(nèi)容頁面布局得當(dāng),關(guān)鍵字設(shè)置合理,再加上有適當(dāng)?shù)耐茝V,那么該資源就能在搜索引擎排位中爭取到較好的位置,從而令更多的人點擊,增加流量。,影響SEO的幾大因素,1.網(wǎng)站權(quán)重,簡稱PR值。2.網(wǎng)站頁面權(quán)重分布。3.文章、專題等內(nèi)容的TITLE、KEYWORDS、description的設(shè)置4.
8、近段時間熱點關(guān)鍵詞5.原創(chuàng)性6.頁面架構(gòu),1.網(wǎng)站權(quán)重PR值,PR值全稱為PageRank(網(wǎng)頁級別),用來表現(xiàn)網(wǎng)頁等級的一個標(biāo)準(zhǔn),級別分別是0到10,是Google用于評測一個網(wǎng)頁“重要性”的一種方法。首先明確一點,在國內(nèi)搜索引擎使用量最大的是百度,約占八成市場,而PR值卻是由GOOGLE所設(shè)立,看上去聯(lián)系不大,但PR值已約定俗成地成為了衡量一個網(wǎng)站級別的標(biāo)準(zhǔn)。在實際使用中,我們大多數(shù)仍是針對百度進行優(yōu)化。,PR值越高表示該網(wǎng)站等級越高,越有商業(yè)價值。一般我們會在站長網(wǎng)里查詢PR,得出的數(shù)字就是網(wǎng)站等級,如廣州搜房的權(quán)重就是,,影響PR值的因素有很多,比如瀏覽量,外鏈數(shù)量,網(wǎng)站運營時間等,但
9、一般情況下,網(wǎng)站都需要長時間的運作才有可能把PR值提高上去,2.網(wǎng)站頁面權(quán)重分布,網(wǎng)站自身有權(quán)重PR值,同樣地,網(wǎng)頁本身也有權(quán)重分布,而懂得這個分布規(guī)律,將對你如何選擇合適的位置進行推廣十分有作用。,問題:為什么網(wǎng)頁本身有權(quán)重分布,搜索引擎在對頁面內(nèi)容進行抓取的時候,是通過一系列的算法來抓取,也就是說,有取也有舍。對搜索引擎來說,頁面的每一個部分的重要性并不一樣,通常來說,頂部的重要性比底部的重要性大得多,加粗了的文字重要性比普通文字要重要得多,,,在一般人眼中,這只是一個導(dǎo)航欄,但在搜索引擎眼中,卻認為這些欄目具有相當(dāng)重要性,可以快速提高頻道的PR值,增加頻道下文章專題的排位優(yōu)勢,,,根據(jù)監(jiān)
10、控,這部分的權(quán)重是十分高,放在這里的文章都能在搜索引擎中獲取很好的排名,,,這部分的權(quán)重略遜于中間部分,,,實際上,大頭條的權(quán)重是最高的,,,搜索引擎對圖片的排名比較差,3.文章、專題等內(nèi)容的TITLE、KEYWORDS、description的設(shè)置,正如第一節(jié)課所說,搜索引擎首先會通過TITLE、KEYWORDS、description來去認識你的文章專題,會根據(jù)你的設(shè)置來進行歸類,然后再對內(nèi)容進行掃描去判定優(yōu)劣,最終反映在排名上面。因此,TITLE、KEYWORDS、description就如同身份證一樣,是最先被識別排名的要素,4.近段時間熱點關(guān)鍵詞,熱點關(guān)鍵詞就是反映近段時間網(wǎng)民對哪些
11、詞語或者新聞、事件感興趣,然后抓住這些熱點詞進行旁敲側(cè)擊,打擦邊球的方法把這些熱點詞放在文章或?qū)n}內(nèi),以增加網(wǎng)民對其的搜索量,最終增加流量。一般來說,我們可以在百度風(fēng)云榜里搜索近期熱門關(guān)鍵詞:,5.原創(chuàng)性,對于搜索引擎來說,網(wǎng)站PR值固然重要,可以影響到其內(nèi)容在搜索引擎上的排名,但內(nèi)容的原創(chuàng)性同樣重要,一般來說,在PR值相差不大的情況下,最先發(fā)布的文章會被搜索引擎視為原創(chuàng)文章,其權(quán)重會比之后其他網(wǎng)站發(fā)布的要高,排名也會更靠前。,增加原創(chuàng)的方法,1.自己原創(chuàng)一篇文章然后發(fā)布,這個是最好的方法,不過也是最花費時間的方法。2.偽原創(chuàng)。前面已經(jīng)提及,搜索引擎在抓取內(nèi)容的時候,實際上會認為頂部的內(nèi)容比底
12、部的內(nèi)容更重要,而根據(jù)分析,一篇文章中,頭三行內(nèi)容是最為重要的,尤其是第一段,會直接影響搜索引擎對內(nèi)容原創(chuàng)性的判斷,因此,增加原創(chuàng)的另一種方法,就是在一篇已有的文章中,把頭三行的內(nèi)容更改掉,這樣會大大增加欺騙搜索引擎的成功率。,6.頁面架構(gòu),SEO并不是一個編輯就能改變的一項工作,實際上,他更趨向于技術(shù)類,,我們?nèi)粘Kf的制造關(guān)鍵字來增加排名的方面只不過是十分淺層的方法,也會使流量來源不穩(wěn)定。真正的SEO,是對整個網(wǎng)站框架的一種監(jiān)測和構(gòu)建,而非單單是靠編輯制造關(guān)鍵字來增加流量。,對于一個擁有優(yōu)良架構(gòu)的網(wǎng)站來說,特定的位置對SEO的貢獻度是大大超出你的預(yù)期。例如,國內(nèi)某網(wǎng)站的頁面,無論是什么文章
13、,只要放在特定的位置上,百度對其抓取之后,基本上排名都在第一頁,,,位置1,位置2,如何通過結(jié)構(gòu)優(yōu)化SEO,首先要針對該主題內(nèi)容關(guān)鍵詞進行篩選并擴容,例如三八婦女節(jié)短信,title,keywords和description應(yīng)該怎樣寫呢?可以參考以下成功網(wǎng)站的寫法:,通過不斷重復(fù)某個詞語來強調(diào)該詞的重要性,通過在各欄目增加該詞語的曝光率,令搜索引擎相信該詞語的重要性以及該專題的專一性,長尾關(guān)鍵詞,在文章中我們可以使用長尾關(guān)鍵詞。網(wǎng)站上非目標(biāo)關(guān)鍵詞但也可以帶來搜索流量的關(guān)鍵詞,稱為長尾關(guān)鍵詞。長尾關(guān)鍵詞的特征是比較長,往往是2-3個詞組成,甚至是短語,存在于內(nèi)容頁面,除了內(nèi)容頁的標(biāo)題,還存在于內(nèi)容
14、中。搜索量非常少,并且不穩(wěn)定。長尾關(guān)鍵詞帶來的客戶,轉(zhuǎn)化為網(wǎng)站產(chǎn)品客戶的概率比目標(biāo)關(guān)鍵詞高很多。存在大量長尾關(guān)鍵詞的大中型網(wǎng)站,其帶來的總流量非常大。長尾關(guān)鍵詞基本屬性是:可延伸性,針對性強,范圍廣。簡單來說,長尾關(guān)鍵詞并非直接寫在KEYWORDS(當(dāng)然也可以是KEYWORDS的一份子)的詞,但他通常是出現(xiàn)在文章中,出現(xiàn)頻率十分多的,字?jǐn)?shù)比較多的詞組。,,,,這些都是長尾關(guān)鍵詞的用法,以三八節(jié)為基本詞,不斷擴充其他詞組出來,以擴大搜索范圍,,,,提醒:,最后,需要提醒的是,SEO固然重要,但并非任何熱點詞都能夠做SEO。理論上說,你只能做相關(guān)行業(yè)的SEO詞語,以增加匹配性,如果強行做不相關(guān)的內(nèi)容,則會使搜索引擎對該網(wǎng)站的專業(yè)性產(chǎn)生質(zhì)疑,雖然短時間內(nèi)流量會有所增加,但這無疑是殺雞取卵,一旦被搜索引擎降權(quán),日后要恢復(fù)則會變得十分困難,因此,在做SEO之前要三思,盡量使關(guān)鍵詞與房地產(chǎn)有關(guān),既能提高排名,又能增加內(nèi)容上的可讀性,