亚洲一级a大片一级_一级无码性爱影片_最新国内熟女少妇视频_国产特级毛片A级视频

網(wǎng)站前端SEO代碼、標(biāo)簽的優(yōu)化

2022-03-29 19:14:46

網(wǎng)站前端SEO代碼、標(biāo)簽的優(yōu)化!網(wǎng)站優(yōu)化結(jié)構(gòu)布局要求盡量往簡(jiǎn)單優(yōu)化,提倡扁平化結(jié)構(gòu)。所以代碼優(yōu)化是SEO內(nèi)部?jī)?yōu)化一個(gè)重要部分,不然發(fā)個(gè)外鏈、寫個(gè)文章,是個(gè)人基本都能夠做到的,為了跟上SEO的步伐,學(xué)代碼懂前端,甚至獨(dú)立搭建網(wǎng)站是SEOER必需經(jīng)過(guò)的一段路程!網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)網(wǎng)站制作★網(wǎng)頁(yè)設(shè)計(jì)-599元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司

  這也是為什么我把seoer分為三個(gè)階段原因,我一直認(rèn)為seoer有三個(gè)階段這里簡(jiǎn)單的說(shuō)下:

  第一個(gè)階段

  就是目前seo行業(yè)內(nèi)最多的一部分人,他們只有一些seo基礎(chǔ),甚至專業(yè)知識(shí)都不是太會(huì),而seo學(xué)了足夠的專業(yè)知識(shí)也沒(méi)能突破第一個(gè)階段。他們只有seo的相關(guān)知識(shí)。

  第二個(gè)階段

  是目前業(yè)內(nèi)存在很少的一部分人,這部分人會(huì)seo知識(shí)同時(shí)也具備了一定的代碼知識(shí),也就是html。

  第三個(gè)階段

  可以說(shuō)業(yè)內(nèi)所存在的更少,這部分人已經(jīng)不止與seo,代碼知識(shí),他們還需要懂編程。只有這部分人才能真正的把seo做好。

  做網(wǎng)站優(yōu)化最開(kāi)始部分就是要做好我們網(wǎng)站的前端seo。做SEO優(yōu)化的基礎(chǔ)也是做好前端的SEO優(yōu)化。

  所以說(shuō)前端代碼優(yōu)化尤為重要,通過(guò)網(wǎng)站的結(jié)構(gòu)布局設(shè)計(jì)和網(wǎng)頁(yè)代碼優(yōu)化,使前端頁(yè)面既能讓瀏覽器用戶能夠看懂,也能讓“蜘蛛”看懂。

  一、DIV+CSS

  DIV+CSS的網(wǎng)站結(jié)構(gòu)對(duì)SEO優(yōu)化起到的作用越來(lái)越明顯。

  其只要原因有一下幾個(gè)方面

  1、采用這種結(jié)構(gòu)后,html頁(yè)面里基本只有文字或圖片信息,而樣式則放在css里,這樣搜索引擎蜘蛛就不會(huì)管css,只采集html里的內(nèi)容就可以大大提高搜索引擎蜘蛛的效率。

  2、采用這種結(jié)構(gòu)往往關(guān)鍵詞更集中,密度更高。

  3、div+css 行對(duì)于table來(lái)說(shuō)比較精簡(jiǎn),基本不存在表格嵌套的問(wèn)題。

  4、符合W3C標(biāo)準(zhǔn)的網(wǎng)頁(yè)在SEO優(yōu)化方面本身就是優(yōu)勢(shì),更得到搜索引擎蜘蛛的喜愛(ài)。

  二、Meta標(biāo)簽

  Meta標(biāo)簽:如果要做的非常簡(jiǎn)單,meta標(biāo)簽只需要設(shè)置一個(gè)字符編碼就可以了,咱們?cè)谌我獾胤劫?gòu)買的模版都會(huì)寫上字符編碼,另外Title標(biāo)題、關(guān)鍵詞、Description描述這里也列為meta標(biāo)簽去優(yōu)化,這三個(gè)地方,一般在模版中會(huì)直接調(diào)用到后臺(tái),可以直接在后臺(tái)設(shè)置,所以代碼上需要基本是不需要操作。

  三、css/js引用

  搜索引擎蜘蛛處理的是文本文件,對(duì)頁(yè)面源代碼中沒(méi)有出現(xiàn)的內(nèi)容則看不到,用戶的行為或者其他事件之后才獲取并嵌入頁(yè)面上的動(dòng)態(tài)內(nèi)容和連接不能被搜索引擎看到,網(wǎng)頁(yè)中大量的javascript 將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積,會(huì)延遲網(wǎng)頁(yè)的打開(kāi)速度,直接影響用戶體驗(yàn)。

  在優(yōu)化的過(guò)程中要盡量減少javascript代碼的運(yùn)用,對(duì)必須要使用的javascript,也要盡量放到網(wǎng)站的底部先加載正文,或外部js調(diào)用(封裝)。

  為什么要放在底部呢?

  可能你不懂代碼就不知道了,這里來(lái)解釋一下,因?yàn)闉g覽器在渲染頁(yè)面時(shí)(也就是展現(xiàn)頁(yè)面)會(huì)從上到下渲染。

  我們的模版,JS絕對(duì)都是放在頭部,但在優(yōu)化的過(guò)程中,而JS文件通常是效果文件,我們可以讓網(wǎng)站先加載主題內(nèi)容,其次加載效果內(nèi)容,所以有必要把JS文件從頭部移動(dòng)到底部,這樣用戶看起來(lái)你的網(wǎng)站會(huì)訪問(wèn)的更快,當(dāng)然如果CSS有必要,一樣可以這樣做,常規(guī)的CSS是不建議放到底部,會(huì)影響加載效果。另外JS及CSS不建議在html模版中寫入,最好是新建一個(gè)JS或CSS文件,然后把JS或CSS內(nèi)容放入,在調(diào)用這個(gè)CSS或JS文件即可。

  四、清理垃圾代碼

  清理垃圾代碼是精簡(jiǎn)代碼其中一個(gè)非常重要的環(huán)節(jié)。垃圾代碼是刪除后不會(huì)影響頁(yè)面顯示的非必要的代碼,一個(gè)頁(yè)面在清理了垃圾代碼后,可以刪除近80%的冗余代碼。從而達(dá)到降低頁(yè)面體積,提高頁(yè)面的用戶體驗(yàn)和搜索引擎友好性的目的。常見(jiàn)的垃圾代碼有 空格字符、默認(rèn)屬性、注釋語(yǔ)句、和空語(yǔ)句等。

  1、空格字符

  空格字符實(shí)在編輯代碼時(shí)敲擊鍵盤上的空格鍵而產(chǎn)生的符號(hào),網(wǎng)頁(yè)中每一個(gè)空格都算作一個(gè)字符,通常出現(xiàn)在每行代碼的開(kāi)始處、結(jié)尾處以及空行中。

  2、默認(rèn)屬性

  我們?cè)谑褂镁W(wǎng)頁(yè)制作軟件時(shí),都會(huì)產(chǎn)生一些默認(rèn)屬性的代碼,比如我們?cè)诰W(wǎng)頁(yè)中不添加左對(duì)齊的屬性,但是頁(yè)面中的內(nèi)容也是左對(duì)齊的,所以代碼中的左對(duì)齊屬性代碼就可以刪除。

  3、注釋語(yǔ)句

  在制作網(wǎng)頁(yè)的時(shí)候,我們會(huì)添加一些注釋語(yǔ)句來(lái)增強(qiáng)代碼的可讀性,但是過(guò)多的注釋語(yǔ)句會(huì)占用大量的網(wǎng)頁(yè)空間,而且如果注釋語(yǔ)句中存在大量的關(guān)鍵詞,還會(huì)被搜索引擎認(rèn)為是堆砌關(guān)鍵詞,從而對(duì)該站進(jìn)行處罰。所以我們?cè)谔砑幼⑨屨Z(yǔ)句時(shí),就盡量避免添加那些即使刪除后也不會(huì)影響網(wǎng)頁(yè)源代碼可讀性的注釋語(yǔ)句。

  4、空語(yǔ)句

  空語(yǔ)句是指標(biāo)簽之間不存在任何內(nèi)容的空句子。

  五、LOGO:

  LOGO部分需要優(yōu)化的主要有兩個(gè)方面,第一個(gè)方面在LOGO處加H1標(biāo)簽,其次是在LOGO的A標(biāo)簽處添加一個(gè)title屬性,title屬性中寫上你優(yōu)化的主關(guān)鍵詞,之所以建議寫主關(guān)鍵詞而不寫品牌詞原因有兩個(gè),第一個(gè)增加優(yōu)化主關(guān)鍵詞的密度,其次是title屬性用戶很難得看得到。

  六、導(dǎo)航:

  導(dǎo)航上的優(yōu)化,通常就是一個(gè)A標(biāo)簽,這個(gè)A標(biāo)簽不建議設(shè)置新窗口打開(kāi),另外一個(gè)是A標(biāo)簽中的title屬性,如果條件允許,可以直接設(shè)置成行業(yè)詞,而A標(biāo)簽中可顯示的文字可以設(shè)置成品牌詞,這樣在不影響體驗(yàn)的同時(shí)一樣達(dá)到了優(yōu)化關(guān)鍵詞的效果。

  這里需要提醒一點(diǎn)的是,當(dāng)一篇文章出現(xiàn)兩個(gè)一樣的A標(biāo)簽指向的時(shí)候,我們需要用nofollow標(biāo)簽屏蔽其中一個(gè)鏈接,這里描述和標(biāo)題都出現(xiàn)了同一個(gè)鏈接,這里建議使用nofollow標(biāo)簽屏蔽描述上的鏈接,加上去是為了讓用戶方便點(diǎn)擊,屏蔽是為了不讓搜索引擎重復(fù)抓取。

  七、搜索:

  站內(nèi)搜索頁(yè)面本不建議做SEO優(yōu)化,因?yàn)榇蠖嗾緝?nèi)搜索都是動(dòng)態(tài)頁(yè)面,而這些動(dòng)態(tài)頁(yè)面均直接用robots屏蔽百度蜘蛛。

  八、圖片優(yōu)化

  1、名稱

  由于搜索引擎無(wú)法讀取圖片內(nèi)容,但是可以讀取圖片名稱的相關(guān)文本信息,所以我們?cè)诒4鎴D片名稱時(shí),要確保圖片文件名或字符串包含主要關(guān)鍵詞。例如一張熊貓的圖片,我們可以隨意命名,但是我們最好將其命名為xiongmao.jpg 或者 panda.jpg 這樣URL字符串就包含了這張圖的關(guān)鍵信息。

  2、ALT標(biāo)簽

  圖片中的信息要想讓搜索引擎更好的理解,必須利用alt屬性,圖片的alt屬性是對(duì)圖片信息進(jìn)行簡(jiǎn)要闡述。alt屬性非常重要,必須做到與圖片相關(guān),與內(nèi)容相關(guān),且需要避免為了關(guān)鍵詞堆砌而堆砌,該屬性不僅能夠讓搜索引擎更好的理解,同時(shí)若圖片出現(xiàn)錯(cuò)誤時(shí),也能夠讓用戶了解圖片想要展示的主題。

  網(wǎng)站優(yōu)化從根本上來(lái)說(shuō),是為了用戶更好的獲取信息,而不是搜索引擎中獲得良好的排名,取得好的搜索結(jié)果排名只是正常網(wǎng)站優(yōu)化結(jié)果的自然體現(xiàn)。所以在設(shè)置描述 alt這些屬性時(shí),應(yīng)該本著遵循用戶導(dǎo)向的原則,簡(jiǎn)明扼要地描述圖片內(nèi)容。

  3、大小

  如果網(wǎng)站不是專業(yè)的圖片展示,網(wǎng)站只要滿足普通視覺(jué)效果就可以了,圖片越小加載起來(lái)就越快。

  九、版權(quán):

  版權(quán)是可以留下的,使用別人的程序不留版權(quán)是不道德的行為,所以有必要在底部留下對(duì)于的版權(quán)信息,但是版權(quán)、備案、站外鏈接都應(yīng)該加nofollow標(biāo)簽,當(dāng)然這是站外的鏈接,站內(nèi)也有部分鏈接需要加入nofollow標(biāo)簽,比如網(wǎng)站底部的廣告合作、聯(lián)系方式等頁(yè)面。

  十、體驗(yàn):

  其實(shí)在用戶體驗(yàn)上的優(yōu)化本問(wèn)說(shuō)的并不少很多,但代碼可以決定用戶體驗(yàn),比如增加百度統(tǒng)計(jì)的返回頂部功能,文章頁(yè)面增加快速評(píng)論功能、一個(gè)網(wǎng)站最多只能顯示3屏、左右可以翻頁(yè)等功能,看起來(lái)功能非常少,但綜合的細(xì)節(jié)決定一個(gè)網(wǎng)站的成敗!

  十一、網(wǎng)站地圖:

  網(wǎng)站地圖是搜索引擎最容易抓取的一個(gè)頁(yè)面,這個(gè)頁(yè)面里面有所有應(yīng)該被抓取的內(nèi)容,所以很多時(shí)候,搜索引擎為了偷懶,他自然會(huì)抓取網(wǎng)站地圖文件,通常情況下網(wǎng)站地圖的代碼如下所示:

  <url>

  <loc></loc>

  <priority>1.0</priority>

  <lastmod>2018-05-08T07:01:31+00:00</lastmod>

  <changefreq>Always</changefreq>

  </url>

  代碼非常簡(jiǎn)單LOC為鏈接、priority為權(quán)重,比如首頁(yè)為1,欄目為0.8,changefreq為更新時(shí)間。

  12、Robots:

  搜索引擎在抓取一個(gè)網(wǎng)站的時(shí)候,第一時(shí)間看robots 文件,這里可以識(shí)別到哪些文件可以抓取,哪些文件不可以,robots文件最主要一點(diǎn)就是把網(wǎng)站地圖寫上去,如:Sitemap:sitemap.xml

  最后題外話,雖然我不完全相信二八定律,但二八定律絕對(duì)是真實(shí)存在的。

  大的不講,放在SEO這行里,可以總結(jié)為以下幾條:

  1、80%的人從來(lái)沒(méi)自己實(shí)戰(zhàn)過(guò)網(wǎng)上的說(shuō)法!

  2、80%的網(wǎng)絡(luò)公司都沒(méi)有自己核心的技術(shù)!

  3、80%的SEO從業(yè)人員水平都很一般!

  其實(shí)跳出SEO這個(gè)圈子,放到其他行業(yè),也是一樣的,其他行業(yè)里的一些道理,放在SEO里,也同樣適用。

本站文章均為睿博網(wǎng)站建設(shè)摘自權(quán)威資料,書籍,或網(wǎng)絡(luò)原創(chuàng)文章,如有版權(quán)糾紛或者違規(guī)問(wèn)題,請(qǐng)即刻聯(lián)系我們刪除,我們歡迎您分享,引用和轉(zhuǎn)載,我們謝絕直接復(fù)制和抄襲!感謝...
我們猜你喜歡