• 模板建站
    培戀網博客
    企業動態 技術分享 行業動態

    SEO需要掌握哪些前端優化技巧?

    seo2023-04-20模板建站分享網站建設網站建設培戀網博客 模板網站優化 seo網站建設 培戀網博客
      SEO需要掌握哪些前端技巧?很多優化雖說已有較為豐富的工作經驗,但是對于一些前端操作還是存在不足,SEO雖說思維固然重要,但是若沒有良好的前端把控還是存在一定的欠缺。   那么什么是前端SEO優化呢?過網站的結構布局設計和網頁代碼優化,使前端頁面既能讓瀏覽器用戶能夠看懂,也能讓“蜘蛛”看懂。 SEO需要掌握哪些前端優化技巧?    (1)網站結構布局優化:盡量簡單、開門見山,提倡扁平化結構。   一般而言,建立的網站結構層次越少,越容易被“蜘蛛”抓取,也就容易被收錄。一般中小型網站目錄結構超過三級,“蜘蛛”便不愿意往下爬,“萬一天黑迷路了怎么辦”。并且根據相關調查:訪客如果經過跳轉3次還沒找到需要的信息,很可能離開。因此,三層目錄結構也是體驗的需要。為此我們需要做到:   1. 控制首頁鏈接數量   網站首頁是權重最高的地方,如果首頁鏈接太少,沒有“橋”,“蜘蛛”不能繼續往下爬到內頁,直接影響網站收錄數量。但是首頁鏈接也不能太多,一旦太多,沒有實質性的鏈接,很容易影響用戶體驗,也會降低網站首頁的權重,收錄效果也不好。   因此對于中小型企業網站,建議首頁鏈接在100個以內,鏈接的性質可以包含頁面導航、底部導航、錨文字鏈接等等,注意鏈接要建立在用戶的良好體驗和引導用戶獲取信息的基礎之上。   2.扁平化的目錄層次,盡量讓“蜘蛛”只要跳轉3次,就能到達網站內的任何一個內頁。扁平化的目錄結構,比如:“植物”--> "水果" --> "蘋果"、“桔子”、“香蕉”,通過3級就能找到香蕉了。   3.導航優化   導航應該盡量采用文字方式,也可以搭配圖片導航,但是圖片代碼一定要進行優化,圖片標簽必須添加“alt”和“title”屬性,告訴搜索引擎導航的定位,做到即使圖片未能正常顯示時,用戶也能看到提示文字。   其次,在每一個網頁上應該加上面包屑導航,好處:從用戶體驗方面來說,可以讓用戶了解當前所處的位置以及當前頁面在整個網站中的位置,幫助用戶很快了解網站組織形式,從而形成更好的位置感,同時提供了返回各個頁面的接口,方便用戶操作;對“蜘蛛”而言,能夠清楚的了解網站結構,同時還增加了大量的內部鏈接,方便抓取,降低跳出率。   4. 網站的結構布局--前端SEO不可忽略的細節   頁面頭部:logo及主導航,以及用戶的信息。   頁面主體:左邊正文,包括面包屑導航及正文;右邊放熱門文章及相關文章,好處:留住訪客,讓訪客多停留,對“蜘蛛”而言,這些文章屬于相關鏈接,增強了頁面相關性,也能增強頁面的權重。   頁面底部:版權信息和友情鏈接。   特別注意:分頁導航寫法,推薦寫法:“首頁 1 2 3 4 5 6 7 8 9 下拉框”,這樣“蜘蛛”能夠根據相應頁碼直接跳轉,下拉框直接選擇頁面跳轉。而下面的寫法是不推薦的,“首頁 下一頁 尾頁”,特別是當分頁數量特別多時,“蜘蛛”需要經過很多次往下爬,才能抓取,會很累、會容易放棄。   5.控制頁面的大小,減少http請求,提高網站的加載速度。   一個頁面最好不要超過100k,太大,頁面加載速度慢。當速度很慢時,用戶體驗不好,留不住訪客,并且一旦超時,“蜘蛛”也會離開。   (2)網頁代碼優化
        1.標題:只強調重點即可,盡量把重要的關鍵詞放在前面,關鍵詞不要重復出現,盡量做到每個頁面的<title>標題中不要設置相同的內容。     2.<meta keywords>標簽:關鍵詞,列舉出幾個頁面的重要關鍵字即可,切記過分堆砌。     3.<meta  description>標簽:網頁描述,需要高度概括網頁內容,切記不能太長,過分堆砌關鍵詞,每個頁面也要有所不同。     4.<body>中的標簽:盡量讓代碼語義化,在適當的位置使用適當的標簽,用正確的標簽做正確的事。讓閱讀源碼者和“蜘蛛”都一目了然。比如:h1-h6  是用于標題類的,<nav>標簽是用來設置頁面主導航的等。     5.標簽:頁內鏈接,要加 “title” 屬性加以說明,讓訪客和 “蜘蛛” 知道。而外部鏈接,鏈接到其他網站的,則需要加上 el="nofollow" 屬性, 告訴 “蜘蛛”  不要爬,因為一旦“蜘蛛”爬了外部鏈接之后,就不會再回來了。 <br />   6.正文標題要用<h1>標簽:“蜘蛛” 認為它最重要,若不喜歡<h1>的默認樣式可以通過CSS設置。盡量做到正文標題用<h1>標簽,副標題用<h2>標簽, 而其它地方不應該隨便亂用 h 標題標簽。     7.<br>標簽:只用于文本內容的換行,比如:        第一行文字內容<br/>     第二行文字內容<br/>     第三行文字內容     8.表格應該使用<caption>表格標題標簽        9.<img>應使用 "alt" 屬性加以說明     11.<strong>、<em>標簽 : 需要強調時使用。<strong>標簽在搜索引擎中能夠得到高度的重視,它能突出關鍵詞,表現重要的內容,<em>標簽強調效果僅次于<strong>標簽。        <b>、<i>標簽: 只是用于顯示效果時使用,在SEO中不會起任何效果。     10、文本縮進不要使用特殊符號   應當使用CSS進行設置。版權符號不要使用特殊符號 ©  可以直接使用輸入法,拼“banquan”,選擇序號5就能打出版權符號©。     12、巧妙利用CSS布局,將重要內容的HTML代碼放在最前面,最前面的內容被認為是最重要的,優先讓“蜘蛛”讀取,進行內容關鍵詞抓取。     13.重要內容不要用js輸出,因為“蜘蛛”不認識     14.盡量少使用iframe框架,因為“蜘蛛”一般不會讀取其中的內容     15.謹慎使用 display:none :對于不想顯示的文字內容,應當設置z-index或設置到瀏覽器顯示器之外。因為搜索引擎會過濾掉display:none其中的內容。     16. 不斷精簡代碼     17.js代碼如果是操作DOM操作,應盡量放在body結束標簽之前,html代碼之后。 <p>培戀網原創版權,<a href='http://www.gdszrq.com/' target='_blank'>網站建設</a>提供<a href='http://www.gdszrq.com/' target='_blank'>網站代運營</a>、模板網站制作轉載請注明出處,本文地址:http://www.gdszrq.com/news/video/73126.html</p> </div> <div class="Hbiaoti HbiaotibordTp"> <font> <a rel="nofollow" href="/news/video/"><img src="/skins/images/index_19.png" alt="培戀網網站模板"></a> <a rel="nofollow" href="/news/video/73125.html"><img src="/skins/images/index_20.png" alt="培戀網"></a> <a rel="nofollow" href="/news/video/73127.html"><img src="/skins/images/index_21.png" alt="網站模板"></a></font> </div> </div> <div class="DongtNRxqyR"><a rel="nofollow" href="tencent://message/?uin=910130349&Menu=yes" class="DongtNRxqyR1"> <img src="/skins/images/index_22.png" alt="培戀網咨詢">在線咨詢</a> <ul class="DongtNRxqyRul2"> <li><a rel="nofollow" href="/news/video/84152.html"> <img src="/ueditor/php/upload/image/20230513/1683942936107058.jpg" alt="網站模板"></a> <h2> <a href="/news/video/84152.html">企業關鍵詞排名優化哪家</a></h2> <p>企業關鍵詞排名優化是指通過提高企業在搜索引擎中的排名,來……</p> </li> <li><a rel="nofollow" href="/news/dontai/84153.html"> <img src="/ueditor/php/upload/image/20230513/1683942973110518.jpg" alt="網站模板"></a> <h2> <a href="/news/dontai/84153.html">提高網站關鍵詞排名怎么</a></h2> <p>隨著互聯網的不斷發展,越來越多的企業開始意識到,擁有一個……</p> </li> <li><a rel="nofollow" href="/news/video/84151.html"> <img src="/ueditor/php/upload/image/20230512/1683858725571677.jpg" alt="網站模板"></a> <h2> <a href="/news/video/84151.html">什么樣的網站適合做網絡</a></h2> <p>在網絡推廣優化中,不同類型的網站有不同的優化方法和策略。……</p> </li> <li><a rel="nofollow" href="/news/media/84150.html"> <img src="/ueditor/php/upload/image/20230515/1684121127795700.jpg" alt="網站模板"></a> <h2> <a href="/news/media/84150.html">搜索引擎優化排名一直不</a></h2> <p>搜索引擎優化是一項長期的工作,很多站長經常遇到這樣一個問……</p> </li> <li><a rel="nofollow" href="/news/video/84149.html"> <img src="https://www.maohoo.cn/upload/images/20230508/168666562.png" alt="網站模板"></a> <h2> <a href="/news/video/84149.html">開抖音小店需要多少錢?</a></h2> <p>2023年,抖音小店出了一堆新政策,包括0元可以入駐抖店,個人……</p> </li> <li><a rel="nofollow" href="/news/video/84148.html"> <img src="https://www.maohoo.cn/upload/images/20230508/198847000.png" alt="網站模板"></a> <h2> <a href="/news/video/84148.html">抖音小店店鋪體驗分怎么</a></h2> <p>你的小店體驗分是不是下降了,但是自己不知道提升是不是?小……</p> </li> </ul> </div> </div> </div> <!--詳細內容***--> <!--底部--> <div class="bottoms_over"> <div class="bottomsX"> <div class="bottomsXa"> <div class="bottomsXaL"> Copyright © 2002-2019 培戀網 版權所有 <a href="http://www.gdszrq.com/sitemap.xml" target="xml">東莞網站地圖</a> 網站相關鏈接:|<a href="http://www.gdszrq.com/appx/" target="_blank">SEO優化技巧</a>|<a href="http://www.gdszrq.com/news/" target="_blank">成都seo優化</a>| <span style="white-space:nowrap;">粵ICP備17138810號</span> </div> </div> </div> </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.#/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"JixHdVh6GXwX1hEv",ck:"JixHdVh6GXwX1hEv"}); </script> <!--底部***--> <div style="position:fixed;left:-9000px;top:-9000px;"><legend id="guega"></legend><object id="guega"></object><wbr id="guega"></wbr><dd id="guega"></dd><table id="guega"></table><legend id="guega"></legend><optgroup id="guega"></optgroup><button id="guega"></button><tt id="guega"></tt><kbd id="guega"></kbd><rt id="guega"></rt><u id="guega"></u><menu id="guega"></menu><bdo id="guega"></bdo><xmp id="guega"></xmp><samp id="guega"></samp><samp id="guega"></samp><tr id="guega"></tr><wbr id="guega"></wbr><object id="guega"></object><tt id="guega"></tt><nav id="guega"></nav><li id="guega"></li><li id="guega"></li><option id="guega"></option><xmp id="guega"></xmp><strong id="guega"></strong><tt id="guega"></tt><source id="guega"></source><tt id="guega"></tt><blockquote id="guega"></blockquote><source id="guega"></source><input id="guega"></input><dd id="guega"></dd><sup id="guega"></sup><rt id="guega"></rt><tbody id="guega"></tbody><menu id="guega"></menu><tbody id="guega"></tbody><dd id="guega"></dd><nav id="guega"></nav><tr id="guega"></tr><rt id="guega"></rt><option id="guega"></option><label id="guega"></label><option id="guega"></option><menu id="guega"></menu><tbody id="guega"></tbody><center id="guega"></center><td id="guega"></td> <object id="guega"></object><tbody id="guega"></tbody><menu id="guega"></menu><strong id="guega"></strong><object id="guega"></object><small id="guega"></small><blockquote id="guega"></blockquote><strong id="guega"></strong><acronym id="guega"></acronym><source id="guega"></source><code id="guega"></code><legend id="guega"></legend><u id="guega"></u><strong id="guega"></strong><tr id="guega"></tr><blockquote id="guega"></blockquote><table id="guega"></table><nav id="guega"></nav><small id="guega"></small><center id="guega"></center><code id="guega"></code><tt id="guega"></tt><strong id="guega"></strong><source id="guega"></source><nav id="guega"></nav><input id="guega"></input><legend id="guega"></legend><div id="guega"></div><strong id="guega"></strong><wbr id="guega"></wbr><td id="guega"></td><button id="guega"></button><td id="guega"></td><strong id="guega"></strong><li id="guega"></li><xmp id="guega"></xmp><object id="guega"></object><tbody id="guega"></tbody><tr id="guega"></tr><bdo id="guega"></bdo><xmp id="guega"></xmp><u id="guega"></u><rt id="guega"></rt><kbd id="guega"></kbd><u id="guega"></u><bdo id="guega"></bdo><noscript id="guega"></noscript><wbr id="guega"></wbr><tbody id="guega"></tbody><object id="guega"></object> <table id="guega"></table><label id="guega"></label><tr id="guega"></tr><nav id="guega"></nav><samp id="guega"></samp><legend id="guega"></legend><xmp id="guega"></xmp><noscript id="guega"></noscript><input id="guega"></input><dd id="guega"></dd><menu id="guega"></menu><li id="guega"></li><menu id="guega"></menu><u id="guega"></u><li id="guega"></li><wbr id="guega"></wbr><noscript id="guega"></noscript><table id="guega"></table><center id="guega"></center><rt id="guega"></rt><nav id="guega"></nav><button id="guega"></button><li id="guega"></li><nav id="guega"></nav><legend id="guega"></legend><object id="guega"></object><strong id="guega"></strong><acronym id="guega"></acronym><wbr id="guega"></wbr><s id="guega"></s><menu id="guega"></menu><code id="guega"></code><tt id="guega"></tt><input id="guega"></input><u id="guega"></u><strong id="guega"></strong><source id="guega"></source><tbody id="guega"></tbody><samp id="guega"></samp><optgroup id="guega"></optgroup><acronym id="guega"></acronym><rt id="guega"></rt><menu id="guega"></menu><dd id="guega"></dd><nav id="guega"></nav><tr id="guega"></tr><wbr id="guega"></wbr><label id="guega"></label><td id="guega"></td><rt id="guega"></rt> <acronym id="guega"></acronym><bdo id="guega"></bdo><option id="guega"></option><li id="guega"></li><object id="guega"></object><s id="guega"></s><label id="guega"></label><blockquote id="guega"></blockquote><strong id="guega"></strong><table id="guega"></table><div id="guega"></div><object id="guega"></object><wbr id="guega"></wbr><sup id="guega"></sup><s id="guega"></s><tbody id="guega"></tbody><option id="guega"></option><xmp id="guega"></xmp><dd id="guega"></dd><strong id="guega"></strong><input id="guega"></input><div id="guega"></div><strong id="guega"></strong><s id="guega"></s><strong id="guega"></strong><small id="guega"></small><xmp id="guega"></xmp><sup id="guega"></sup><table id="guega"></table><option id="guega"></option><input id="guega"></input><noscript id="guega"></noscript><strong id="guega"></strong><menu id="guega"></menu><small id="guega"></small><s id="guega"></s><tr id="guega"></tr><rt id="guega"></rt><dd id="guega"></dd><tr id="guega"></tr><tt id="guega"></tt><u id="guega"></u><code id="guega"></code><td id="guega"></td><optgroup id="guega"></optgroup><tr id="guega"></tr><source id="guega"></source><menu id="guega"></menu><acronym id="guega"></acronym><source id="guega"></source> <xmp id="guega"></xmp><menu id="guega"></menu><acronym id="guega"></acronym><tt id="guega"></tt><nav id="guega"></nav><input id="guega"></input><li id="guega"></li><code id="guega"></code><button id="guega"></button><dd id="guega"></dd><small id="guega"></small><wbr id="guega"></wbr><menu id="guega"></menu><input id="guega"></input><code id="guega"></code><source id="guega"></source><tr id="guega"></tr><samp id="guega"></samp><object id="guega"></object><legend id="guega"></legend><optgroup id="guega"></optgroup><strong id="guega"></strong><nav id="guega"></nav><kbd id="guega"></kbd><bdo id="guega"></bdo><small id="guega"></small><legend id="guega"></legend><source id="guega"></source><button id="guega"></button><tbody id="guega"></tbody><label id="guega"></label><legend id="guega"></legend><object id="guega"></object><source id="guega"></source><table id="guega"></table><label id="guega"></label><input id="guega"></input><rt id="guega"></rt><button id="guega"></button><center id="guega"></center><center id="guega"></center><menu id="guega"></menu><acronym id="guega"></acronym><dd id="guega"></dd><li id="guega"></li><small id="guega"></small><menu id="guega"></menu><tbody id="guega"></tbody><td id="guega"></td><samp id="guega"></samp></div> <a href="http://www.gdszrq.com/">东京热网址</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>