前端基礎知識梳理——meta標籤與seo相關標籤

前言

在標準HTML頁面中<header></header>標籤和<body></body>標籤處於同一級別。其中header標籤用於向瀏覽器說明本網頁的一些基礎信息(網頁的屬性)。比如title標籤告訴瀏覽器網頁的標題,meta標籤告訴瀏覽器網頁改用什麼編碼格式解碼,網頁的關鍵字,描述。下面我們先簡單說明一下meta標籤。

(1)charset屬性,指定字符編碼,瀏覽器該用什麼編碼去解碼。目前通用的編碼是utf-8

<meta charset="utf-8"></meta>

這裏涉及到一個常見問題爲什麼我們的編寫的網頁爲出現亂碼。因爲你在編寫網頁的時候保存的文件如果沒有指定編碼的話,會有一個默認編碼ANSI,這個編碼的意思是系統默認編碼,如果你用中文系統就是GB2312。


瀏覽器在解碼的時候也會根據一個默認編碼去解碼,如果這個方式不一致就會出現亂碼,而charset就是告訴網頁用什麼方式去解碼。


(2) name  content屬性

用這個可以設置網頁的關鍵字和描述,這樣搜索引擎就可以搜索到這個關鍵字

兩個常見的屬性:

<meta name="keywords"   content="博客"/>

<meta name="description" content="這是csdn博客"/>

可以被搜索引擎搜索到,以此信息作爲參考。但不會影響排名。


那麼搜索引擎會搜索到哪些標籤呢?

1.Title 標籤

Title 標籤能夠告訴用戶和搜索引擎網頁頁面的主題思想是什麼,一直是搜索引擎的抓取重點。通常,搜索引擎抓取Title標籤出於兩個目的:作爲影響網頁排名的重要因素和作爲搜索結果頁面的顯示信息。不管是哪一個目的,對我們做SEO來說都非常重要。
一般來說,Title標籤中的單詞最好保持在3~6個左右,最好包含關鍵字。但Title標籤中的單詞不要全部都是關鍵字,因爲這樣可能會造成頁面關鍵字堆砌,導致過度優化。所選單詞應簡潔明瞭、具有描述性,要與網頁內容具有很大的相關性,並且每個不同的頁面都應該包含Title標籤。

2.Meta Description標籤

對Title標籤優化之後,接下來就是對Meta Description標籤的優化。Meta Description標籤可以說是對Title標籤的進一步解釋,可以是一句話或者是包含十幾個單詞的短語。每個頁面都該有其自己的Meta Description標籤,並且Meta Description標籤還可包含一些與網站內容相關但Title標籤中未提及的信息。與Title標籤要求相似,該部分內容也應具有描述性,與網頁內容具有相關性,可包含關鍵字,但不可過多。

3.Heading標籤

Heading標籤包含了H1、H2、H3等等,是搜索引擎識別頁面信息的重要標記。合理使用H1、H2、H3等不同級別的標籤能夠使得頁面結構更加清晰,有利於搜索引擎的抓取。H1、H2、H3等標籤是按照重要程度來排名的。一般一個頁面按照需求程度來適當添加該標籤:從H1開始,依次往下添加。但不可添加太多Heading標籤,否則會適得其反。

4.Strong和B標籤

相信大多數朋友都知道Strong和B標籤都有加粗的意思,但是很多人並不清楚兩者具體有什麼區別。其實B標籤就是單純地將文字加粗,而Strong標籤不僅是對文字加粗,並且這種形式的加粗會告訴搜索引擎該部分文字比較重要。所以兩者從搜索引擎優化的角度來看,是有很大的區別的。
上文中所提到的Heading標籤頁具有加粗效果,那麼這三種標籤到底該怎麼用?其實,Heading標籤一般用於文章大標題以及每段的小標題,而Strong標籤一般用於文章段落中的重點詞彙,而B標籤一般只是強調一種視覺效果。

5.ALT標籤

ALT標籤是一種圖片標籤,它將圖片的信息以文本的形式展現。對ALT標籤的使用沒有太多要求,只要在網頁中出現圖片的部分添加上該屬性即可,但其標籤內容應與相應頁面內容具有相關性,長度不得過長,一般1~5個單詞即可。

以上介紹了HTML代碼中的五種重要標籤,相信會對做SEO工作的人員特別是SEO新手具有很大幫助。對HTML代碼的優化一直是我們做搜索引擎優化工作的非常基礎並且重要的一部分,只有做好了這部分優化工作,我們才能開展更加深層的優化。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章