整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          高級前端是如何對頁面進行性能優(yōu)化的—網絡加載方面

          高級前端是如何對頁面進行性能優(yōu)化的—網絡加載方面

          擊右上方紅色按鈕關注“小鄭搞碼事”,每天都能學到知識,搞懂一個問題!

          對頁面進行性能優(yōu)化是前端開發(fā)非常重要的一個能力點。前端優(yōu)化的策略有很多,包括網絡加載類,頁面渲染類,CSS優(yōu)化類,JS執(zhí)行類,緩存類,圖片類,架構協(xié)議類等等。

          這里,我給大家列一下,對于網絡加載方面有哪些幾是可以去思考和執(zhí)行的。

          1. 減少HTTP資源請求次數

          2. 減少HTTP請求大小

          3. 將CSS或JavaScript放到外部文件中,避免使用<style>或者<script>標簽直接引入(根據實際文件大小和業(yè)務場景來選擇)

          4. 避免頁面中空的href和src

          5. 為HTML指定Cache-Control或Expires

          6. 合理設置Etag和Last-Modified

          7. 減少頁面重定向

          8. 使用靜態(tài)資源分域存放來增加下載并行數

          9. 使用靜態(tài)資源CDN來存儲文件

          10. 使用CDN Combo下載傳輸內容

          11. 使用可緩存的AJAX

          12. 使用GET來完成AJAX請求

          13. 減少Cookie的大小并進行Cookie隔離

          14. 縮小favicon.ico并緩存

          15. 推薦使用異步JavaScript資源

          16. 消除阻塞渲染的CSS及JavaScript

          17. 避免使用CSSimport引用加載CSS

          以上有哪些不是很清楚的,需要解說的一下可以評論區(qū)討論哇,還是那句話,每一個優(yōu)化點需要根據實際的業(yè)務場景和情況來綜合考慮。所謂的最優(yōu)也就是這個道理。


          《流量的秘密:站內關鍵詞優(yōu)化問題及其解決方法》中,我們提到了關鍵詞的布局,對于整個網站權重、流量的影響。


          今天,我們再講另一個重要因素:HTML網站主要優(yōu)化的幾個標簽


          那么,影響站內SEO效果的標簽有哪些呢?怎么優(yōu)化才能讓搜索引擎滿意呢?


          Title標簽


          Title標簽,一般出現(xiàn)在靜態(tài)頁面的之后。


          它的作用是,當搜索引擎的蜘蛛開始抓取網頁的時候,立刻告訴蜘蛛,這個頁面,是在講述什么內容的。


          這樣,蜘蛛就能馬上做出判斷,以你的Title為主線,抓取網頁中的文本。


          Title標簽的優(yōu)化


          1. 首頁:可以布置3-4個核心詞+品牌名/公司名。


          注意關鍵詞不能布置太多,否則,在搜索的時候,客戶往往看不全的主營業(yè)務或者產品。


          2. 產品頁面:長尾詞+核心詞+品牌名/公司名


          比如,你做PVC Pipe產品。你的產品頁面Title可以寫成:


          1/4" x 10' Schedule 40 Black Furniture PVC Pipe_Furniture PVC Pipe_PVC Pipe_***Brand


          注意長尾詞、核心詞的順序不能顛倒,我們要以最快速度,展示給客戶,他想要的精準的產品。


          3. 文章頁面:文章標題+頻道名稱+品牌名/公司名


          文章頁面的Title標簽,沒什么可說的,但是,大家在寫文章的時候,Title里面一定要包含長尾關鍵詞。


          因為文章頁面的存在,目的性很強,一方面為了解決用戶關于產品的問題;另一方面,為網站的核心詞做錨文本,傳遞權重和流量。


          Keywords標簽


          Keywords標簽,幾乎所有人都知道:關鍵詞標簽。它的存在,是為了告訴引擎,這個頁面,主要包含了幾方面的內容,幫助引擎,進行了一個高度概括。


          但就目前為止,Google A9算法,包括Bing,已經開始放棄了Keywords標簽作為站內SEO的必要條件。


          但是,大家在做站內優(yōu)化的時候,在你的Excel表格中,還是要盡量列出Keywords標簽。因為,我們可以根據Keywords,為這個頁面,寫一個好的Description。


          Description標簽


          這個標簽還是非常重要的,它主要是告訴用戶,這個頁面的內容,能夠滿足他們哪些需求。


          但是,很多公司網站,會出現(xiàn)所有頁面,共用一個Description標簽。這個是不科學的,對于抓取和用戶體驗,都是不友好的。


          Description標簽,是對Title的一個充實和潤色。如果Title是幾個短語+字符串構成的,那么description標簽,就是把零散的詞組,寫成一句博人眼球的話語。


          H1、H2、H3標簽


          H1標簽,是對正文內容的關鍵詞提煉。


          上面說到,Title標簽告訴蜘蛛,這個網頁是在講什么;那么,H1標簽,就相當于在告訴蜘蛛,這個網頁中的這個主要的文本,是在講什么。


          所以,我們可以認為,Title標簽包含了本頁面中的H1標簽。


          布置H1標簽時,注意寫一個主關鍵詞就好,不要貪多;而且,H1標簽的位置盡量靠前,最好是標簽之后,就能接上。


          H2、H3標簽,作為對H1標簽的關鍵詞擴充,往往布置,相關的長尾詞。這樣,有利于單頁面的,關鍵詞整體排名。


          <h1>PVC Pipe</h1>

          <h2>PVC DWV Pipe,PVC Drain Pipe<h2>

          <h3>... , ... , ... , ...<h3>


          當然,對于SEO來講,最重要的還是H1和H2標簽了,大家一定要做好。


          Strong標簽


          這個標簽,實際上起了強調作用,又告訴蜘蛛一次,這篇文章是講什么內容。


          Strong標簽用在H1、H2標簽之后,主要用在正文。用的時候,給文章中出現(xiàn)的關鍵詞、同義詞、錨文本套上就可以了。


          但是,千萬切記,不能用太多次(3次以內),否則,搜索引擎會認為你在故意作弊,造成網頁降權,嚴重時整站降權。


          Alt標簽


          Alt標簽,主要針對圖片、視頻。它的作用,在于告訴蜘蛛,這個圖片、視頻在講述什么東西(蜘蛛算法,無法識別圖片、視頻內容)。


          所以,在使用Alt標簽時,又可以布置關鍵詞了。如果你的文章插入了三張圖片,那你就可以為這三張圖片,寫3個Alt標簽了。


          如果大家,有用Wordpress程序建站的話,其實,后臺添加圖片時,還有一項,就是對圖片進行描述,這也是很好的一點,相當于是對Alt標簽的擴充,是一個不錯的SEO點,值得嘗試。


          Nofollow、Dofollow標簽


          這兩個標簽,對于網頁權重的傳遞,至關重要,且都是用在連接之后。


          表現(xiàn)形式:<a href="" target="_blank" ref="nofollow">

          <a href="" target="_blank" > **dofollow**


          Nofollow是在告訴引擎,這個連接傳遞的流量,可以到target url,但是權重不傳遞。


          所以,Nofollow標簽,一般鏈接的對象,都是不重要的頁面,比如Login、Register、About Us、Contact Us等等。


          Dofollow正好與之相反,它意在告訴引擎,流量過來了,麻煩你把你現(xiàn)在的、source url的權重也給我遞過來吧。這樣做的好處,就能夠使,我們主推的頁面,排名很快提高。


          好了,時間不早了,今天就跟大家分享站內優(yōu)化,HTML主要優(yōu)化的幾個標簽。


          但是,大家還要格外注重一點:不能過度優(yōu)化,SEO在于自然,在于堅持


          聲明:轉載此文是出于傳遞更多信息之目的。若有來源標注錯誤或侵犯了您的合法權益,請作者持權屬證明與本號聯(lián)系,我們將及時更正、刪除,謝謝。


          來源:易之家

          站做好的時是5個商品,1個多月往后在主頁躲藏了別的的兩個商品,而且在導航也躲藏了一個節(jié)目。同時,首頁增加了一列斗式提升機圖紙。
            從當前數據來看,此列中的點擊次數更多。而且在網站上線不到一個月的時分“斗式提升機圖紙”排行榜首名,而且一直在前三名,給網站帶來了一些ip。
            1、添加圖紙節(jié)目,要素是由于查找斗式提升機的很大一有些用戶是來尋覓斗式提升機結構圖以及圖紙的,可是網上很少有這么的專門的網站。
          我不認為內部圖紙會被傳下去,它們都需要在獲得之前被購買。但是雪無痕SEO團隊不是依靠賣圖紙盈利,所以公開一部分沒有關系。并且互聯(lián)網上沒有這么集中不同型號的斗式提升機結構圖,如果雪無痕SEO團隊做了,必定會有優(yōu)勢。
            2、網站不只僅需求滿意收買者的需求,還需求滿意搜集資料的用戶團體的需求,更何況這一有些人群占了大多數。如果這部分人口的需求得不到滿足,
            我們網站上的用戶很少,百度難以將網站排名到主頁。所以也是基于這個原因雪無痕SEO增加了結構圖這一個欄目,并且將他們放在網站的首頁。
            結構圖的主頁圖像必定要運用CAD圖紙的方法展示,這么才吸引用戶去點擊。假定是通常的實物圖是不會有視覺上的沖擊而需求看到文字才了解這兒可能有圖紙。
            3、不管是在圖紙的頁面,仍是在商品的內頁我都做了下載聯(lián)接。在圖紙的頁面有少數的文字然后就是壓縮包的下載聯(lián)接,聯(lián)接是指向baidu網盤的。
          網站優(yōu)化
            這樣,用戶不僅下載速度更快,而且不會導致網站慢慢打開。壓縮包的圖像是自己加上去的,為的也是用戶體驗,讓用戶一看就了解這是壓縮包下載。
            在產品的內頁雪無痕SEO還做了文檔下載鏈接,原因是搜索這個詞的用戶有說明書以及型號等其他需求的下載。不一樣的文檔放在不一樣的商品下面也是為了滿意用戶的需求,便利用戶。
            4、斗式提升機節(jié)目做了專題頁,要素是專題頁的質量比網站主頁高,比內頁就愈加好了。在列頁面中收集斗式提升機的所有內容
          圖片、結構圖、原則、標準,用戶不僅看起來很方便,而且整個頁面的內容質量也很高。接下來會對于這一個專題頁做一些
          外鏈,推進頁面的錄入和排行。


            整站優(yōu)化
            第一步:布局及框架優(yōu)化:
            最好采用現(xiàn)在流行的DIV+CSS網頁布局模式,減少Table嵌套,內容部分要盡量大于代碼, 圖片用壓縮格式,圖片加上alt標簽,不要用IFRAME或Frame框架網頁。
            第二步:頁面去冗優(yōu)化:
            去掉冗余代碼和空格,正常情況下一個頁面的文件大小在20K左右,最好不要超過100K .腳本和CSS采用外部文件的形式.
            第三步是優(yōu)化網站內部結構的設計
            1.網站頁面HTML優(yōu)化。您也可以將動態(tài)Web地址重寫為靜態(tài)地址。
            2.網站的鏈接的優(yōu)化。文章中的鏈接:請在網站內容中添加到關鍵詞的鏈接。
            3.導航鏈接:為每個導航鏈接添加TITLE: 如網絡營銷
            4.不要用Java***或用Falsh做導航鏈接。
            5.生成網站的XML格式的SiteMap文件放在網站根目錄中。并在google網站管理員工具中提交。
            6.網站關鍵字優(yōu)化和頁面優(yōu)化:
            關鍵詞優(yōu)化包括關鍵詞的分布和密度、相關關鍵詞的選擇、關鍵詞標簽的應用。


          主站蜘蛛池模板: 国产一区二区好的精华液| 亚洲国产成人一区二区三区 | 国产精品合集一区二区三区| 精品一区二区三区在线成人 | 国产一区二区三区久久| 亚洲香蕉久久一区二区| 国产精品亚洲一区二区在线观看| 国产精品免费综合一区视频| 波多野结衣的AV一区二区三区| 老熟妇仑乱视频一区二区| 亚洲AV无码一区二区乱子仑 | 日本精品一区二区三本中文| 丰满岳妇乱一区二区三区| 国产在线精品一区二区在线观看 | 久久99久久无码毛片一区二区| 日本一区二区三区精品中文字幕 | 视频在线观看一区二区三区| 久久影院亚洲一区| 亚洲一区二区三区四区在线观看| 亚洲午夜精品一区二区麻豆| 一区二区三区午夜| 人妖在线精品一区二区三区| 日韩精品一区二区三区视频| 日本免费电影一区二区| 国产精品一区不卡| 日韩精品无码一区二区三区| 国产一区二区三区在线观看免费| 无码少妇一区二区| 波多野结衣一区二区三区高清av | 人妻av无码一区二区三区| 韩国福利视频一区二区| 久久精品视频一区二区三区| 日韩人妻无码免费视频一区二区三区| 久久无码人妻精品一区二区三区| 波多野结衣一区视频在线| 国语精品一区二区三区| 无码午夜人妻一区二区不卡视频 | 久久国产午夜一区二区福利 | 精品无码成人片一区二区| 少妇无码一区二区三区| 一区二区三区日本视频|