整合營銷服務商

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

          免費咨詢熱線:

          HTML 之簡介

          TML 實例

          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          實例解析

          • DOCTYPE 聲明了文檔類型

          • 位于標簽 <html> 與 </html> 描述了文檔類型

          • 位于標簽 <body> 與 </body> 為可視化網頁內容

          • 位于標簽 <h1> 與 </h1> 作為一個標題使用

          • 位于標簽 <p> 與 </p> 作為一個段落顯示

          <!DOCTYPE html> 在HTML5中也是描述了文檔類型。

          什么是HTML?

          HTML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言: HyperText Markup Language

          • HTML 不是一種編程語言,而是一種標記語言

          • 標記語言是一套標記標簽 (markup tag)

          • HTML 使用標記標簽來描述網頁

          • HTML 文檔包含了HTML 標簽文本內容

          • HTML文檔也叫做 web 頁面

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>

          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          • 開始和結束標簽也被稱為開放標簽和閉合標簽

          <標簽>內容</標簽>

          HTML 元素

          "HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

          但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:

          HTML 元素:

          <p>這是一個段落。</p>

          Web 瀏覽器

          Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。

          瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:

          HTML 網頁結構

          下面是一個可視化的HTML頁面結構:

          <html>

          <head>

          <title>頁面標題</title>

          </head>

          <body>

          <h1>這是一個標題</h1>

          <p>這是一個段落。</p>

          <p>這是另外一個段落。</p>

          </body>

          </html>

          只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。

          HTML版本

          從初期的網絡誕生后,已經出現了許多HTML版本:

          版本發布時間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013

          <!DOCTYPE> 聲明

          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。

          網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。

          doctype 聲明是不區分大小寫的,以下方式均可:

          <!DOCTYPE html>

          <!DOCTYPE HTML>

          <!doctype html>

          <!Doctype Html>

          通用聲明

          HTML5

          <!DOCTYPE html>

          HTML 4.01

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          "http://www.w3.org/TR/html4/loose.dtd">

          XHTML 1.0

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          查看完整網頁聲明類型 DOCTYPE 參考手冊。

          中文編碼

          目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。

          HTML 實例

          <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          置網站關鍵詞的方法看似很簡單,但實際上設置好還是很難的一件事情,就拿我的SEO博客的標題,一個20多字的標題就能覆蓋上百個關鍵詞,這種效果和方法你會嗎?



          關鍵詞是SEO的根,是開展一切SEO工作的源頭。而網站是承載關鍵詞的載體。我們將關鍵詞與網站中的不同網頁融合。從而被搜索引擎收錄,參與排名。最終我們獲得了通過我們的SEO技術拿到的搜索引擎來源流量,也就是SEO流量。

          但設置網站關鍵詞的方法表面來看是簡單的,但實際上這里面大有學問,下面趙彥剛一起來看下網站設置關鍵詞的方法。

          網站都可以在哪里設置關鍵詞?

          設置關鍵詞,我們要先說meta標簽的keywords。這個標簽是在html代碼中的head部分。這個標簽的作用就是用來設置關鍵詞的。寫法如下示例:

          <html lang="zh-CN">
          <head>
           <meta name="keywords" content="SEO,SEO培訓,SEO教程,SEO顧問,SEO博客,SEO技術,趙彥剛博客" />
          </head>
          </html> 
          

          如上,紅色字體部分就是寫關鍵詞的位置,中間用英文的逗號隔開,設置的數量建議在3~5個,不宜過多。

          下面要說的就是網頁其他能出現文本的地方,其實關鍵詞也是文字,我們在任何可以寫文字的地方都可以設置關鍵詞。比如:

          • html代碼head標簽包含的title標簽。這個是搜索引擎展示的標題位置,在這里設置,是最為重要的,可以說是寸土寸金的位置。設置的邏輯中,越重要的關鍵詞越要靠左展示。標題應該連貫,不能有堆砌關鍵詞的行為。
          • 另外就是描述,head標簽包含的meta標簽的description屬性,這里的設置是展示在搜索引擎搜索結果中的描述文字,字數建議80個漢字。出現關鍵詞后雖然對排名本身沒有幫助,但用戶搜索的關鍵詞如果在描述中有的話會被搜索引擎標記為紅色。這樣吸引用戶眼球,獲得更多的點擊。
          • 網站內所有的標題也是可以出現關鍵詞的,比如我的關鍵詞是SEO培訓,我的一個課程介紹頁面有幾個大的板塊,分別為課程介紹、課程評價、課程概括、授課講師。我完全可以改寫為:SEO培訓課程介紹,SEO培訓課程評價、SEO培訓概括、SEO授課培訓講師。意思本沒有變化,我只是把你的簡化詞匯變得更加的具體。這樣做不存在過度優化的問題。但你不能在正文中也真么做。
          • 正文,就是我們的文章、大段文字的描述內容中。這里面不建議刻意的出現關鍵詞,按照本意適當書寫,這里最好忘記你是SEO,只記得自己是個編輯,再寫一篇能夠解決用戶需求的文章即可。
          • 列表頁中,我們要是想突出關鍵詞的話,可以增設一個新的板塊叫:“xx頁面介紹”。例如我的tag標簽列表頁,我就可以增加一個區塊來介紹這個頁面是干嘛的。一大段介紹文字,從能出現一兩個關鍵詞吧?

          關于關鍵詞的完全匹配和模糊匹配

          你給同一個網頁設置的關鍵詞可能會很多,例如我的SEO博客首頁,我的標題是這么這是的:

          SEO培訓教程-SEO技術視頻課程-網站優化顧問服務-趙彥剛博客
          

          這個標題中,涵蓋的關鍵詞就很多:SEO、SEO培訓、SEO培訓教程、SEO教程、SEO技術、SEO培訓視頻、SEO培訓課程、SEO技術培訓、網站優化、SEO優化、SEO顧問、SEO顧問服務、SEO服務。。。。通過完全匹配和模糊匹配我能寫出上百個來,那這就是寫標題的技巧。

          標題本身不顯的那么生硬,但又能融入很多的關鍵詞。如果首頁權重達到一定成都的話,光著一個首頁獲得的流量就相當的驚人。

          那我這樣的標題是怎么想出來的呢?有什么邏輯規則嗎?答案是有的。其實很簡單,你先把一個網頁想設置的關鍵詞全都列出來,然后將意思相近的組合成一個詞語。幾個詞語組合之后一定會出現重復的詞組,然后看幾個詞語中,哪個詞語中可以刪除這個重復的詞組。

          舉個例子,我在想我這個標題時,第一個詞組:“SEO培訓視頻教程”和“SEO技術視頻課程”就重復了“視頻這個詞組”。所以我綜合考慮下,將第一個詞語中的視頻刪除了。

          站內的邏輯也是一樣的,關鍵詞不一定要完全的匹配,因為搜索引擎本身處理文本時還是會把你這些詞語拆分的。所以保證但個詞組的出現就不錯。

          著互聯網的不斷發展,搜索引擎的算法也在不斷的更新,搜索引擎越來越重視網站的用戶體驗度了,尤其是網站關鍵詞布局的情況,這會影響網站的排名。

          合理的關鍵詞布局可以提升網站的相關性,并且有利于搜索引擎蜘蛛抓取網站的核心,從而也能提升網站權重。

          那么,網站關鍵詞如何布局,它對SEO排名的作用很大嗎?

          1、核心關鍵詞布局在網站首頁

          很多SEO新手會把大量的關鍵詞分布在網站的TDK中,這樣做不僅沒有太大的效果,

          而且搜索引擎從目前來看,并不是特別在乎keyword這個標簽,對于描述標簽如title標簽,還是頗為看重。

          在做網站首頁關鍵詞布局的時候,一定要選擇核心關鍵詞,這樣可以保證網站首頁可能會得到有效的排名,獲得一些高指數搜索量的關鍵詞排名,同時,我們需要注意,避免關鍵詞過度的堆積,不要進行簡單的羅列。

          最好是可以利用一句話的形式,進行有效的描述,通常而言,我們建議盡量讓核心關鍵詞出現在標題的最左側。

          而描述中的關鍵詞只要讓語句讀起來清晰、自然合理就可以了,最好也可以布局一些相關關鍵詞。

          2、欄目中布局關鍵詞

          對于網站欄目中關鍵詞的布局,我們經常會考慮一個企業特別容易犯的錯誤,那就是你的欄目關鍵詞,同樣出現在首頁關鍵詞。

          這就造成首頁排名與欄目排名,實際上是存在一個沖突的過程,而產生站內競爭,這大大浪費自己站內資源的利用。

          因此,我們在做關鍵詞布局的時候,盡量要讓首頁的核心詞和欄目列表頁的關鍵詞,有一定的區分。

          3、文章內布局關鍵詞

          早期,我們在做文章關鍵詞布局的時候,經常會強調一個名詞:五處一詞,而隨著機器算法的不斷提高。

          我們在做頁面關鍵詞布局的時候,不管是要看這個關鍵詞的密度,還是需要看這個文章內容,與特定目標關鍵詞,是否存在較高的相關性。

          我們應該不斷的優化一個頁面的相關關鍵詞,是的文章頁面,更加具有主題性,這樣我們獲得的搜索引擎預期排名,可能就會相對靠前。

          4、TAG標簽關鍵詞

          在很長一段時間內,有很多企業網站運營人員,并不專注于TAG標簽的關鍵詞匹配,而卻采用大量這樣的標簽。

          這很明顯是一個嚴重資源的浪費,通常我們建議使用長尾關鍵詞來布局聚合頁面的關鍵詞,這樣我們就可以快速的的關鍵詞的排名展現。

          5、HTML版網站地圖

          這是一個經常被忽略的問題,實際上對于大型網站而言,對方經常會建立HTML版本的網站地圖,它理論上是可以參與到網站排名的過程中。

          這個時候,我們就有必要給這個頁面做一個相關性的關鍵詞布局,通常我們會選擇一些競爭度適中的詞,做這樣的頁面。

          總之,網站關鍵詞分布一定要合理,這樣才有利于網站的未來發展,而上述內容,僅供參考!


          主站蜘蛛池模板: 一本AV高清一区二区三区| 亚洲韩国精品无码一区二区三区 | 亚洲一区二区三区AV无码| 国产福利一区二区三区视频在线| 亚洲AⅤ视频一区二区三区| 无码一区18禁3D| 在线成人一区二区| 日韩一区二区在线播放| 91福利一区二区| 99精品一区二区免费视频 | 无码精品尤物一区二区三区| 国产美女视频一区| 亚洲一区二区三区乱码A| 搜日本一区二区三区免费高清视频| 日本无码一区二区三区白峰美| 中文字幕一区二区精品区| 78成人精品电影在线播放日韩精品电影一区亚洲 | 日韩一区二区三区在线精品 | 亚洲综合av永久无码精品一区二区| 亚洲中文字幕丝袜制服一区 | 国产麻豆剧果冻传媒一区| 手机福利视频一区二区| 日韩一区二区三区在线 | 乱子伦一区二区三区| 精品国产aⅴ无码一区二区| 91在线视频一区| av一区二区三区人妻少妇| 国产欧美色一区二区三区| 国产福利一区二区精品秒拍| 日韩av片无码一区二区三区不卡| 精品一区二区三区免费毛片| 亚洲国产高清在线一区二区三区| 国产精品主播一区二区| 日韩精品成人一区二区三区| 乱精品一区字幕二区| 国产福利一区二区| 插我一区二区在线观看| 中文字幕一区二区三区久久网站| 亚洲sm另类一区二区三区| 国产一区韩国女主播| 国产另类TS人妖一区二区 |