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版本:
版本 | 發布時間 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
<!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個,不宜過多。
下面要說的就是網頁其他能出現文本的地方,其實關鍵詞也是文字,我們在任何可以寫文字的地方都可以設置關鍵詞。比如:
關于關鍵詞的完全匹配和模糊匹配
你給同一個網頁設置的關鍵詞可能會很多,例如我的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版本的網站地圖,它理論上是可以參與到網站排名的過程中。
這個時候,我們就有必要給這個頁面做一個相關性的關鍵詞布局,通常我們會選擇一些競爭度適中的詞,做這樣的頁面。
總之,網站關鍵詞分布一定要合理,這樣才有利于網站的未來發展,而上述內容,僅供參考!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。