正文

web頁(yè)面級(jí)優(yōu)化

發(fā)布時(shí)間：2023-04-08 04:04:00 稿源：創(chuàng)意嶺閱讀： 85

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于web頁(yè)面級(jí)優(yōu)化的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶(hù)端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶(hù)遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、網(wǎng)站優(yōu)化都包括什么啊
2、網(wǎng)站如何優(yōu)化？
3、WEB前端開(kāi)發(fā)中的幾個(gè)SEO注意點(diǎn)
4、前端性能優(yōu)化有哪些方法

web頁(yè)面級(jí)優(yōu)化

一、網(wǎng)站優(yōu)化都包括什么啊

SEO 優(yōu)化大致包含4個(gè)方向，內(nèi)部結(jié)構(gòu)優(yōu)化、內(nèi)容優(yōu)化、內(nèi)鏈優(yōu)化、外鏈優(yōu)化。

一、內(nèi)部結(jié)構(gòu)優(yōu)化

1.TDK優(yōu)化：這里的TDK并不止首頁(yè)，還有欄目頁(yè)和文章頁(yè)的TDK，這就是為什么建站的時(shí)候選擇可以自定義標(biāo)簽的原因。T即title，網(wǎng)站的標(biāo)題，很!重!要!如果TDK滿分10分，T要占到7分左右，標(biāo)題是蜘蛛過(guò)來(lái)第一個(gè)看的東西，即第一印象，標(biāo)題必須包含關(guān)鍵詞，即網(wǎng)站的功能，網(wǎng)站是做什么產(chǎn)品或是服務(wù)的，語(yǔ)句通順，不要堆砌關(guān)鍵詞。D即description，網(wǎng)站描述，是對(duì)標(biāo)題的補(bǔ)充。K即keywords，欄目頁(yè)和文章頁(yè)的TDK在后臺(tái)具體欄目的高級(jí)設(shè)置里可以找到。

2.301重定向和404報(bào)錯(cuò)頁(yè)面的制作，必須要有，沒(méi)什么可說(shuō)的。

3.層級(jí)目錄：即打開(kāi)一個(gè)頁(yè)面要多少層級(jí)，這個(gè)很多網(wǎng)站都忽略，建議在三級(jí)以?xún)?nèi)，減少蜘蛛爬取需要的時(shí)間。

4.關(guān)鍵詞布局及密度：根據(jù)用戶(hù)瀏覽頁(yè)面點(diǎn)擊的熱力圖發(fā)現(xiàn)的點(diǎn)擊熱區(qū)，進(jìn)而將關(guān)鍵詞部署到相應(yīng)地方。即F布局，一個(gè)頁(yè)面內(nèi)的關(guān)鍵詞密度保持在2%-8%之內(nèi)，這個(gè)只是個(gè)經(jīng)驗(yàn)數(shù)據(jù)，不一定準(zhǔn)確。

5.四處一詞：TDK+尾部或錨文本。

6.網(wǎng)站導(dǎo)航：即主導(dǎo)航、次導(dǎo)航和面包屑導(dǎo)航，包含關(guān)鍵詞、突出重點(diǎn)、使用純文字，要和相應(yīng)TDK保持一致。

二、內(nèi)容優(yōu)化

主要是文章的質(zhì)量要高，即使不是純?cè)瓌?chuàng)，至少也要是高度偽原創(chuàng)，偽原創(chuàng)要選取未收錄的或者屏蔽了搜索引擎的網(wǎng)站上的文章，或者是翻譯過(guò)來(lái)的文章，只要是你第一個(gè)發(fā)的文章，蜘蛛就認(rèn)為是原創(chuàng)。

三、內(nèi)鏈優(yōu)化

總結(jié)起來(lái)就是增加站內(nèi)的鏈接密度，就像蜘蛛網(wǎng)一樣，越密集越好，最常見(jiàn)的就是首頁(yè)、欄目和文章頁(yè)的相互跳轉(zhuǎn);LOGO的鏈接，文章頁(yè)使用TAG標(biāo)簽和上、下一篇或相關(guān)文章，增加頁(yè)面間的鏈接數(shù)和相關(guān)度。

四、外鏈優(yōu)化

一個(gè)原則就是內(nèi)容相關(guān)、循序漸進(jìn)，很多人為了迅速增加外鏈，瘋狂添加，但是權(quán)重升不上來(lái)的原因就在此。外鏈的主要方法就是增加友情鏈接，但是要考察增加的友鏈質(zhì)量度，包括PR值，是否有nofollow等標(biāo)簽，正常網(wǎng)站的友鏈數(shù)在30個(gè)左右，如果你添加友鏈的網(wǎng)站有超過(guò)50個(gè)友鏈，那并不會(huì)對(duì)你的網(wǎng)站有多少價(jià)值，相反還可能把你的權(quán)重更多的分給他。除了友鏈，增加論壇、新聞、博客、SNS、軟文的相關(guān)鏈接也是增加網(wǎng)站外鏈的一種。

最后不得不說(shuō)的一點(diǎn)是，SEO優(yōu)化是一個(gè)漫長(zhǎng)的過(guò)程，切勿操之過(guò)及。

二、網(wǎng)站如何優(yōu)化？

木頭經(jīng)過(guò)自己的實(shí)踐，總結(jié)出一個(gè)網(wǎng)站設(shè)計(jì)的步驟流程，分享給大家，希望站長(zhǎng)朋友們能在網(wǎng)站制作中事半功倍。

網(wǎng)站建設(shè)初期的策劃，站點(diǎn)內(nèi)容定位，欄目分類(lèi)，網(wǎng)站程序的選用，和模板風(fēng)格的設(shè)計(jì)后，就可以根據(jù)以下的步驟進(jìn)行加工。

一、內(nèi)容策略。

1-1、關(guān)鍵詞分類(lèi) 1-2、熱門(mén)關(guān)鍵詞

木頭摘要:通常參考的是百度指數(shù)，不過(guò)百度指數(shù)有些可能不準(zhǔn)，要從用戶(hù)角度出發(fā)。

二、鏈接構(gòu)架策略。

2-1、URL優(yōu)化 2-1-1、欄目頁(yè)URL優(yōu)化 2-1-2、內(nèi)頁(yè)URL優(yōu)化

木頭摘要:靜態(tài)的頁(yè)面，簡(jiǎn)單一二級(jí)欄目目錄頁(yè)，有助于搜索引擎蜘蛛的探索爬行。

2-2、鏈接構(gòu)架策略。

2-2-1、欄目頁(yè)面鏈接構(gòu)架策略 2-2-2、內(nèi)頁(yè)鏈接構(gòu)架策略

木頭摘要:內(nèi)鏈建設(shè)中，相關(guān)頁(yè)面的內(nèi)部鏈接，可以提高搜索引擎對(duì)頁(yè)面的質(zhì)量判定，提高PR值。

三、關(guān)鍵詞選擇。

3-1、豐富內(nèi)容策略 3-2、增加原創(chuàng)內(nèi)容

木頭摘要:針對(duì)網(wǎng)站主體，原創(chuàng)的內(nèi)容，偽原創(chuàng)，采集后的內(nèi)容加工，反正不內(nèi)容不要全COPY。

四、關(guān)鍵詞布局。

4-1、title和meta設(shè)計(jì)

4-1-1、首頁(yè)title和meta設(shè)計(jì) 4-1-2、欄目頁(yè)title和meta設(shè)計(jì) 4-1-3、內(nèi)頁(yè)的title和meta設(shè)計(jì)

木頭摘要:這里是重點(diǎn)，標(biāo)題和描述是要花工夫設(shè)計(jì)的排名兵家要地。

4-2、網(wǎng)頁(yè)排版細(xì)節(jié)優(yōu)化

4-2-1、欄目頁(yè)排版優(yōu)化 4-2-2、內(nèi)頁(yè)排版優(yōu)化

木頭摘要:關(guān)鍵字詞標(biāo)簽的套用，H1，H2，H3 關(guān)鍵字詞的密度，用戶(hù)體驗(yàn)的一些必要性功能。

五、網(wǎng)站地圖策略

5-1、網(wǎng)站地圖制作 5-2、網(wǎng)站地圖提交

木頭摘要:網(wǎng)站地圖是必要做得。網(wǎng)站地圖有幾種，給人看得美觀導(dǎo)航，給搜索引擎看得XML。

六、反向鏈接策略

6-1、友情鏈接計(jì)劃 6-2、博客鏈接計(jì)劃 6-3、其他鏈接策略

木頭摘要:鏈接要交換有質(zhì)量，PR值、網(wǎng)站頁(yè)面收錄數(shù)、域名注冊(cè)時(shí)間、Alexa和中國(guó)排名、Site站時(shí)首頁(yè)位置。

以上就是木頭總結(jié)出來(lái)的一些流程和經(jīng)驗(yàn)摘要，大家有興趣進(jìn)一步了解這方面的知識(shí)，可以來(lái)我們的交流群一起交流。

三、WEB前端開(kāi)發(fā)中的幾個(gè)SEO注意點(diǎn)

近幾年來(lái)，SEO在國(guó)內(nèi)得到了蓬勃的發(fā)展，其中很多的SEO技術(shù)越來(lái)越體現(xiàn)在web前端的一些細(xì)節(jié)上。要做好SEO，web前端這一塊也要做必不可少的優(yōu)化。

這就要求我們WEB前端工程師在開(kāi)發(fā)頁(yè)面的時(shí)候，要寫(xiě)出規(guī)范標(biāo)準(zhǔn)的代碼，符合SEO，做好用戶(hù)體驗(yàn)。

以下是一些在平時(shí)工作中總結(jié)的一些前端開(kāi)發(fā)中的SEO注意點(diǎn)，其實(shí)很多也是前端的基礎(chǔ)知識(shí)，僅供大家參考。

1、網(wǎng)站布局要做到樣式與頁(yè)面分離，刪除頁(yè)面中不必要的標(biāo)簽和元素。

2、頁(yè)面生成要盡量小，要壓縮頁(yè)面的大小，頁(yè)面盡量使用靜態(tài)或偽靜態(tài)。

3、所有的CSS、JS都要使用外部調(diào)用。

4、外部調(diào)用的JS文件的代碼能放在底部的盡量放在底部，頁(yè)面調(diào)用的css文件的代碼盡量都放在head內(nèi)，同一頁(yè)面盡量不要超過(guò)3個(gè)JS外部調(diào)用。

5、每個(gè)頁(yè)要只能出現(xiàn)一次H1標(biāo)簽，H2~H6標(biāo)簽可以多次，這樣做是為了加重H1標(biāo)簽的權(quán)重。

6、除首頁(yè)外別的頁(yè)面要加面包屑型路徑，導(dǎo)航一定要清晰。

7、網(wǎng)站一定要兼容腦殘的IE各版本和FF等主流瀏覽器，這個(gè)雖然感覺(jué)對(duì)SEO影響不大，但是作為前端，這也是最基本的吧。

8、圖片一定要添加alt屬性，鏈接一定要添加title屬性。

9、網(wǎng)站結(jié)構(gòu)呈扁平狀樹(shù)型，目錄結(jié)構(gòu)不宜過(guò)深，每個(gè)頁(yè)面離首頁(yè)最多點(diǎn)擊3次，過(guò)深不利于搜索引擎的抓取。

10、做好404頁(yè)面，并測(cè)試其返回狀態(tài)碼為404。

11、確保網(wǎng)站代碼無(wú)誤，HTML能通過(guò)W3C版本。

四、前端性能優(yōu)化有哪些方法

前端性能優(yōu)化的方法有：

一、減少http請(qǐng)求數(shù)

常用的減少http請(qǐng)求數(shù)有以下幾種：

1、合并圖片。當(dāng)圖片較多時(shí)，可以合并為一張大圖，從而減少http請(qǐng)求數(shù)。經(jīng)常變化的圖片可能不太合適，變化相對(duì)穩(wěn)定的就可以考慮。合并大圖除了能減少http請(qǐng)求數(shù)外，還可以充分利用緩存來(lái)提升性能。

2、合并壓縮css樣式表和js腳本，他們的共同目的都是為了減少http連接數(shù)。

3、去掉不必要的請(qǐng)求。開(kāi)發(fā)寫(xiě)代碼或者系統(tǒng)升級(jí)之后殘留的無(wú)效請(qǐng)求連接。

4、充分利用緩存。這里說(shuō)的緩存是客戶(hù)端側(cè)緩存或者說(shuō)瀏覽器緩存。Expires頭信息是客戶(hù)端側(cè)緩存的重要依據(jù)，格式類(lèi)似于Expires:sun ,20 Dec 2017 23:00:00 GMT。

如果當(dāng)前時(shí)間小于Expires指定的時(shí)間，瀏覽器就會(huì)從緩存中直接獲取相關(guān)的數(shù)據(jù)信息或html文件，如果當(dāng)前時(shí)間大于Expires指定的時(shí)間，瀏覽器會(huì)向服務(wù)器發(fā)送請(qǐng)求來(lái)獲取相關(guān)數(shù)據(jù)信息。

以Apache為例，可在Apache的配置文件httpd.conf中設(shè)置Expires。

二、圖片優(yōu)化

優(yōu)化方法：

1、盡可能的使用PNG格式的圖片，它相對(duì)來(lái)說(shuō)體積較小。

2、對(duì)于不同格式的圖片，在上線之前最好進(jìn)行一定的優(yōu)化。

3、圖片的延遲加載，也叫做賴(lài)加載。

web頁(yè)面級(jí)優(yōu)化

三、使用CDN

CDN即內(nèi)容分發(fā)網(wǎng)絡(luò)，可以使用戶(hù)就近取得所需內(nèi)容，解決網(wǎng)絡(luò)擁擠的狀況，提高用戶(hù)訪問(wèn)網(wǎng)站的響應(yīng)速度。

四、開(kāi)啟GZIP

GZIP即數(shù)據(jù)壓縮，用于壓縮使用Internet傳輸?shù)乃形谋举Y源。開(kāi)啟GZIP的方法很簡(jiǎn)單，到對(duì)應(yīng)的web服務(wù)配置文件中設(shè)置一下即可。以Apache為例，在配置文件httpd.conf中添加。

五、樣式表和JS文件的優(yōu)化

一般我們會(huì)把css樣式表文件放到文件的頭部。比如，放到＜head>標(biāo)簽中，這樣可以讓CSS樣式表盡早地完成下載。對(duì)應(yīng)js腳本文件，一般我們把他放到頁(yè)面的尾部。

六、使用無(wú)cookie域名

無(wú)cookie域名的概念：當(dāng)發(fā)送一個(gè)請(qǐng)求時(shí)，同時(shí)還要請(qǐng)求一張靜態(tài)的圖片和發(fā)送cookie時(shí)，服務(wù)器對(duì)于這些cookie不會(huì)做任何使用，也就是說(shuō)這些cookie沒(méi)什么用，沒(méi)不要隨請(qǐng)求一同發(fā)送。

以上就是關(guān)于web頁(yè)面級(jí)優(yōu)化相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún)，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。