亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

SEO在網頁制作中的應用

格格 Web前端工程師
難度初級
時長39分
學習人數
綜合評分9.63
423人評價 查看評價
9.7 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 白帽SEO 網站標題、關鍵字、描述 網站內容優化 Robot.txt文件 網站地圖 增加外鏈引用 網站結構布局優化 扁平化結構 1、控制首頁鏈接數量(中小型企業控制在100個以內,鏈接的性質包括頁面導航、底部導航、盲文字鏈接) 2、扁平化的目錄層次(三層) 3、導航SEO優化(主導航、副導航、分類導航、面包屑導航、細節) 4、頁面大小、加載速度 網頁代碼優化 1.語義化代碼 <div><span>(無語義)\ <h1>~<h6>(標題)\(正文標題用h1,副標題用h2) <ul>(無序列表)\ <ol>(有序列表)\ <dl>(定義數據列表)\ <strong><em>(強調內容)| <b><i>(體現外觀效果) <p>段落 <a>標簽加title 指向外連接要加rel="nofollow" <br>用在文本內容的換行(<p><br/></p>) /* <table border="1" cellspacing="0" cellpadding="0" width="100%"> <caption>表格標題</caption> <thead> <tr> <th>header</th> </tr> </thead> <tbody> <tr> <td>data</td> </tr> </tbody> </table> */ <img>標簽 alt 2.重要內容HTML代碼放在最前面 3.重要內容不要用js輸出(小蜘蛛看不懂) 4.盡量少用iframe框架(小蜘蛛不喜歡爬) 5.對不顯示的文字謹慎使用display:none;(小蜘蛛會過濾)可以用text-indent="-999em;"或者z-index 6.精簡代碼
    查看全部
    0 采集 收起 來源:SEO實戰分析

    2018-03-22

  • 網站扁平化結構: 1.控制首頁鏈接數量。(中小型網站建議一百個左右) 2.扁平化的目錄層次。(盡量三次就能到達目的地) 3.導航SEO優化。(主導航、副導航、分類導航(導航盡量用文字表示)) -面包式導航: 優勢:用戶體驗-》可以了解當前所在位置,以及頁面在當前網站的位置,能幫助用戶快速學習和了解網站內容組織方式。 網站結構布局優化 避免使用table布局——1)不利于后期維護 2)不利于SEO(小蜘蛛不喜歡table布局) ——扁平化結構(目錄層次越少越容易被搜索,因為層次結構超過三層小蜘蛛就不愿意爬了) 1.控制首頁鏈接數量(中小網站100以內,頁面導航、底部導航、錨文字鏈接等有實質性的鏈接) 2.扁平化的目錄層次(頂多跳轉三次進入內容頁) 3.導航seo優化(導航盡量用文字,如果為了用戶體驗或整體風格而用圖片,則圖片代碼一定要優化,必要的title、alt要添加;面包屑導航:用戶體驗,讓用戶知道當前所處位置以及當前頁面在整個網站中的位置,了解網站的組織形式) 4.細節: 1)見圖片1.留住訪客2.對于SEO,這些文章對于正文來說屬于相關鏈接,增強了頁面相關性,也會增強頁面的權重; 2)在欄目內有很多記錄時,會按20/50個每頁來分頁 分頁: 1.首頁-上頁-下頁-尾頁(不易收入); 2.首頁 1 2 3 4 5 6 下一頁(更有利于小蜘蛛抓取內頁,如果抓取第101頁,直接進入第10頁進行抓取); 3.首頁 1 2 3 4 5 6 下拉選擇,小蜘蛛最喜歡第3種(可以直接進入每一頁); 3)網頁加載速度,過慢小蜘蛛不會等待,一個頁面最好不要超過100k
    查看全部
  • SEO 搜索引擎優化 Search Engine Optimization 白帽SEO -網站標題、關鍵字、描述(精心設計,反映網站定位) -網站內容(增加關鍵字密度,增加長尾關鍵字...) -合理設置Robot.txt文件 -網站地圖 -增加外鏈引用 前端工程師能干啥? -網站結構布局優化 -網頁代碼優化
    查看全部
  • 2.網頁代碼優化 2.1<title> 標題 強調重點即可,重要的關鍵詞放在前面,不要重復出現,每個頁面的title不要相同 2.2<meta keywords>關鍵詞 列舉幾個關鍵詞即可,不要過分堆積 2.3<meta description>網頁描述 要高度概括網頁的內容,不要過長,也不要過分堆積關鍵詞,每個頁面的description要不同 2.4語義化代碼(html標簽都有自己的意義,在適當的位置用適當的標簽) 包括 1).H1—H6標簽多用于標題 2).UL標簽多用于無序列表 3).OL標簽多用于有序列表 4).DL標簽用于定義數據列表 5).em、strong表示強調 div、span是html標簽中最沒有語義的(導航欄的代碼比較,見課件,盡量用css表現樣式,避免用html標簽來表現樣式) 盡量用ul li 這類的標簽描述導航 2.5 細節 標簽詳解 ①超鏈接<a>標簽.要寫title這樣,小蜘蛛能更好讀懂。對于外鏈,要加上"rel=nofollow"屬性,讓小蜘蛛不要爬,一爬出去就不回來了。 ②h標簽:正文標題,一定要用<h1>.副標題用 <h2>,這個小蜘蛛很喜歡 <br>標簽只用于文本內容換行。 ③table標簽。子元素要習慣加入<caption>表格標題</caption> ④img標簽。加入alt,alt起到對圖片的注釋作用,讓小蜘蛛讀得懂。因為它對圖片的讀取有限。 <a>標簽 <h1> 標簽正文標題 推薦用 注意<br >只用于文本格式的換行 用<caption>第一表格標題 1.<img> 標簽應使用alt說明 2.<strong><em>與 <b><i> strong權重最大 b、i 權重小 em群眾僅次于strong 3.重要內容HTML代碼放在最前面 4.重要內容不要用JS輸出 5.盡量不要使用iframe框架 6.謹慎使用display:none;(小蜘蛛會過濾掉的) ( 使用Z-Index使暫時不顯示的代碼隱藏,或者設置為瀏覽器顯示范圍外) 7.不斷精簡代碼
    查看全部
    3 采集 收起 來源:代碼SEO優化

    2018-03-22

  • 網站扁平化結構: 1.控制首頁鏈接數量。(中小型網站建議一百個左右) 2.扁平化的目錄層次。(盡量三次就能到達目的地) 3.導航SEO優化。(主導航、副導航、分類導航(導航盡量用文字表示)) -面包式導航: 優勢:用戶體驗-》可以了解當前所在位置,以及頁面在當前網站的位置,能幫助用戶快速學習和了解網站內容組織方式。 網站結構布局優化 避免使用table布局——1)不利于后期維護 2)不利于SEO(小蜘蛛不喜歡table布局) ——扁平化結構(目錄層次越少越容易被搜索,因為層次結構超過三層小蜘蛛就不愿意爬了) 1.控制首頁鏈接數量(中小網站100以內,頁面導航、底部導航、錨文字鏈接等有實質性的鏈接) 2.扁平化的目錄層次(頂多跳轉三次進入內容頁) 3.導航seo優化(導航盡量用文字,如果為了用戶體驗或整體風格而用圖片,則圖片代碼一定要優化,必要的title、alt要添加;面包屑導航:用戶體驗,讓用戶知道當前所處位置以及當前頁面在整個網站中的位置,了解網站的組織形式) 4.細節: 1)見圖片1.留住訪客2.對于SEO,這些文章對于正文來說屬于相關鏈接,增強了頁面相關性,也會增強頁面的權重; 2)在欄目內有很多記錄時,會按20/50個每頁來分頁 分頁: 1.首頁-上頁-下頁-尾頁(不易收入); 2.首頁 1 2 3 4 5 6 下一頁(更有利于小蜘蛛抓取內頁,如果抓取第101頁,直接進入第10頁進行抓?。?; 3.首頁 1 2 3 4 5 6 下拉選擇,小蜘蛛最喜歡第3種(可以直接進入每一頁); 3)網頁加載速度,過慢小蜘蛛不會等待,一個頁面最好不要超過100k
    查看全部
  • SEO 搜索引擎優化 Search Engine Optimization 白帽SEO -網站標題、關鍵字、描述(精心設計,反映網站定位) -網站內容(增加關鍵字密度,增加長尾關鍵字...) -合理設置Robot.txt文件 -網站地圖 -增加外鏈引用 前端工程師能干啥? -網站結構布局優化 -網頁代碼優化 注釋 01.長尾 http://faq.seowhy.com/2_76_zh.html http://bbs.28tui.com/thread-8287316-1-1.html 02.Robot.txt http://baike.baidu.com/view/933207.htm?fr=aladdin http://baike.baidu.com/view/9274458.htm?fromtitle=robots.txt&fr=aladdin
    查看全部
  • 網站扁平化結構: 1.控制首頁鏈接數量。(中小型網站建議一百個左右) 2.扁平化的目錄層次。(盡量三次就能到達目的地) 3.導航SEO優化。(主導航、副導航、分類導航(導航盡量用文字表示)) -面包式導航: 優勢:用戶體驗-》可以了解當前所在位置,以及頁面在當前網站的位置,能幫助用戶快速學習和了解網站內容組織方式。 網站結構布局優化 避免使用table布局——1)不利于后期維護 2)不利于SEO(小蜘蛛不喜歡table布局) ——扁平化結構(目錄層次越少越容易被搜索,因為層次結構超過三層小蜘蛛就不愿意爬了) 1.控制首頁鏈接數量(中小網站100以內,頁面導航、底部導航、錨文字鏈接等有實質性的鏈接) 2.扁平化的目錄層次(頂多跳轉三次進入內容頁) 3.導航seo優化(導航盡量用文字,如果為了用戶體驗或整體風格而用圖片,則圖片代碼一定要優化,必要的title、alt要添加;面包屑導航:用戶體驗,讓用戶知道當前所處位置以及當前頁面在整個網站中的位置,了解網站的組織形式) 4.細節: 1)見圖片1.留住訪客2.對于SEO,這些文章對于正文來說屬于相關鏈接,增強了頁面相關性,也會增強頁面的權重; 分頁: 1.首頁-上頁-下頁-尾頁(不易收入); 2.首頁 1 2 3 4 5 6 下一頁(更有利于小蜘蛛抓取內頁,如果抓取第101頁,直接進入第10頁進行抓?。?3.首頁 1 2 3 4 5 6 下拉選擇,小蜘蛛最喜歡第3種(可以直接進入每一頁); 3)網頁加載速度,過慢小蜘蛛不會等待,一個頁面最好不要超過100k
    查看全部
  • 1.標簽語義化
    查看全部
    0 采集 收起 來源:代碼SEO優化

    2016-03-18

  • SEO=Search Engine Optimization搜索引擎優化 白帽SEO: 網站標題、關鍵字、描述 網站內容優化 Robot.txt文件 網站地圖 增加外鏈引用 前端工程師:網站結構布局優化、網頁代碼優化 二、前端工程師與SEO 網站結構布局優化: 扁平化結構: 控制首頁鏈接數量:中小型企業100個以內,頁面導航、底部導航、錨文字鏈接等 扁平化的目錄層次:盡量讓小蜘蛛跳轉三次即可到達網站任何一個內頁 導航SEO優化:面包屑導航(讓用戶了解當前所處位置,使用戶了解網站組織形式) 不可忽略的細節:網絡布局結構 不可忽略的細節:分頁 首頁-上頁-下頁-尾頁 首頁 1 2 3 4 5 6 7 8 9 10 下一頁 首頁1 2 3 4 5 6 7 8 9 10 下拉選擇 其他: 控制網頁加載速度 一個網頁大小不超過100k 網頁代碼優化: <title>標題:強調重點,關鍵詞放在前面,各個網頁標題不要重復 <meta keywords>關鍵詞 <meta description>w網頁描述 <body>:語義化標簽->h1~h6多用于標題 ul標簽用于無序列表 ol標簽用于有序列表 dl標簽用于定義數據列表 em、strong表示強調 <a>標簽:加title,指向其他網站的鏈接加rel="nofollow" <h1>標簽:正文標題用h1,副標題用h2,其他地方不要亂用h,可以css自定義標簽樣式 <p>標簽與<br>標簽:正文內容用p標簽,p標簽內可用br標簽換行 <table>標簽:加<caption>定義表格標題 <img>標簽:應使用alt說明 <strong><em>與<b><i>標簽:前兩者搜索權重高,后兩者只改變樣式,不影響搜索 重要內容HTML代碼放在最前面 重要內容不要用JS輸出 盡量少用iframe框架 謹慎使用display:none;如果要隱藏文字,應使用z-index屬性,或將其設置到瀏覽器外 不斷精簡代碼
    查看全部
    0 采集 收起 來源:代碼SEO優化

    2018-03-22

  • 網站扁平化結構:<br> 1.控制首頁鏈接數量。(中小型網站建議一百個左右)<br> 2.扁平化的目錄層次。(盡量三次就能到達目的地)<br> 3.導航SEO優化。(主導航、副導航、分類導航(導航盡量用文字表示))<br> -面包式導航:<br> 優勢:用戶體驗-》可以了解當前所在位置,以及頁面在當前網站的位置,能幫助用戶快速學習和了解網站內容組織方式。<br> 網站結構布局優化<br> 避免使用table布局——1)不利于后期維護 2)不利于SEO(小蜘蛛不喜歡table布局)<br> ——扁平化結構(目錄層次越少越容易被搜索,因為層次結構超過三層小蜘蛛就不愿意爬了)<br> 1.控制首頁鏈接數量(中小網站100以內,頁面導航、底部導航、錨文字鏈接等有實質性的鏈接)<br> 2.扁平化的目錄層次(頂多跳轉三次進入內容頁)<br> 3.導航seo優化(導航盡量用文字,如果為了用戶體驗或整體風格而用圖片,則圖片代碼一定要優化,必要的title、alt要添加;面包屑導航:用戶體驗,讓用戶知道當前所處位置以及當前頁面在整個網站中的位置,了解網站的組織形式)<br> 4.細節:<br> 1)見圖片1.留住訪客2.對于SEO,這些文章對于正文來說屬于相關鏈接,增強了頁面相關性,也會增強頁面的權重;<br> <br> 分頁:<br> 1.首頁-上頁-下頁-尾頁(不易收入);<br> 2.首頁 1 2 3 4 5 6 下一頁(更有利于小蜘蛛抓取內頁,如果抓取第101頁,直接進入第10頁進行抓?。?;<br> 3.首頁 1 2 3 4 5 6 下拉選擇,小蜘蛛最喜歡第3種(可以直接進入每一頁);<br> <br> 3)網頁加載速度,過慢小蜘蛛不會等待,一個頁面最好不要超過100k
    查看全部
  • 首頁不要太大,扁平化目錄,面包屑導航,增多站內鏈接,減少跳出率,細節的處理,比如分頁要 首頁上頁 下頁 最后一頁 沒有首頁2345678910下一頁
    查看全部
    0 采集 收起 來源:代碼SEO優化

    2016-03-15

  • 1.<p><br/></p>很贊的寫法 <br/>寫在p內部 2.外鏈 要加上 rel=“nofollow” 避免搜索引擎爬網爬跑掉其他網頁去了 3.<a>標簽加title描述 4.<img>標簽加alt描述 5.標簽中的內容就是內容,不要加的代碼,&nbsp盡量設置padding/margin/縮進來實現效果 外站鏈接應在a標簽內寫 rel="nofollow"
    查看全部
    0 采集 收起 來源:SEO實戰分析

    2018-03-22

  • 表現文本 <strong> <em> 標簽 表現斜體加粗 用 <b> <i>標簽
    查看全部
    0 采集 收起 來源:代碼SEO優化

    2018-03-22

  • 外部鏈接 <a>標簽內 添加 rel="nofollow" ,不讓蜘蛛爬取,防止一去不回。
    查看全部
    0 采集 收起 來源:SEO實戰分析

    2018-03-22

  • <a> 標簽內要加 title說明,有利于優化。
    查看全部
    0 采集 收起 來源:SEO實戰分析

    2018-03-22

舉報

0/150
提交
取消
課程須知
學習本課程之前,您需要掌握HTML基本知識,對網站建設有所了解。如果您之前懂得一點SEO但沒有系統地學習過,就來聽這個課程吧!
老師告訴你能學到什么?
你能通過學習本課程了解到符合搜索引擎要求的SEO基礎知識,我們將從網頁結構設計方面和代碼編寫方面學習SEO方法。也許你打開一個網站,從未想過為什么導航在這里,標題這么大?本課程將讓你面對茫?;ヂ摼W的萬千網頁,一眼看出個中的SEO奧秘。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!