首頁 web前端 html教學 如何使用h1標籤才能更符合SEO的規範

如何使用h1標籤才能更符合SEO的規範

Jun 10, 2017 am 10:11 AM

在網站優化過程中SEOer常會利用HTML標籤來增加最佳化效果。其中H標籤就是我們常會用到的html標籤之一,H標籤在網頁中對文字標題起到著重強調的一種標籤,可以引起搜尋引擎的專注,在搜尋引擎造訪網頁進行抓取時,H標籤的內容作為強調部分。在seo圈內,有許多人認為網站該用H1標籤,可以促進關鍵字排名,可也有一些人認為H1不能用,會造成優化過度,也可能影響頁面美觀,也起不到什麼作用。

儘管現在各大搜尋引擎中頁面中是否存在H1標籤以及H1標籤中是否存在關鍵字的作用效果減弱,但H1標籤的效果是仍然存在的,Google演算法也指出,H標籤之間的文字,一定比其它地方的文章具備更重要的意義,只是過度的使用容易產生不利的影響。所以我們完全可以好好利用,沒有必要說是完全抵制。那麼H1標籤該如何用才才符合SEO優化的原理呢? 一、H標籤是什麼?

# H標籤也叫做Heading標籤,在HTML語言裡一共有六種大小的heading標籤,是網頁html 中對文字標題所進行的著重強調的一種標籤,以標籤

、< ;h3>到定義標題頭的七個不同文字大小的tags,本質是為了呈現內容結構。共有六對,文字從大到小,依此顯示重要性的遞減,也就是權重依序降低。

W3C指出h1-h7標籤可定義標題,h1定義最大的標題,h6定義最小的標題。 h標籤是成對出現的,以開始,以結束。 h1,h2,h3,h4,h5,h6,h7作為標題標籤,並且依據重要性遞減。遵循這樣的原則是很有必要的,它能讓頁面的層級關係更清楚,讓搜尋引擎更好地抓取和分析出頁面的主題內容等等。

二、各大門戶網站對H標籤的使用

搜尋引擎對H標籤極為敏感,用的好搜尋引擎會給予非常高的權重,可提升整個網站的關鍵字權重,甚至帶來大量的長尾字。亂用H標籤不但不會為網站帶來好的權重,同時也有可能被搜尋引擎認為作弊,最後導致K站。所以,用好H標籤至關重要。

1、H1標籤的使用情況

#(1)、網易首頁

網易首頁中只在LOGO前面出現一次H1標籤,文字內容是網易,但仔細觀察,這次H1標籤就是為了突出品牌關鍵字,純粹給搜尋引擎看的,對於用戶是隱藏的。

(2)、A5站長網首頁

# A5站長網的首頁也只用了一次,用在了網站LOGO。  

(3)、站長之家首頁

站長之家首頁也是只用一次,也是用在LOGO。

從上面的截圖馬海祥發現,各大網站首頁對於H1標籤都只是用了一次,要么用在網站的品牌關鍵字,要么直接用在LOGO上。在網頁設計中直接使用H1標籤可能產生不夠美觀的效果,所以很多人會用css來隱藏。或將H1標籤加到網站的LOGO中使用。這樣不僅能對主關鍵字起到強調效果,增強相關性,同時也不會影響美觀。而在內容頁,也都是用一次,一般都是對內容頁大標題再次進行強化。

2、H2標籤的使用情況

#(1)、網易首

# 從上面的截圖,馬海祥發現在網易首頁出現7次,有的是文章標題,有的直接只是加粗使用。 

(2)、A5站長網首頁

# A5站長網也就出現8個詞,全部是首頁的文章標題,至於站長之家是直接沒有H2標籤。從上圖馬海祥可以發現H2標籤各大網站用得就比較多一些,主要是用在網頁的主要文章標題或欄目標題,有的甚至直接用在加粗了,只不過用H2來加粗強調效果肯定是強於strong標籤的。後面的H3、H4等大家可以透過馬海祥博客的文章看一下,因為也不是太重要,所以在這就不多說了。

三、H標籤的作用

# 在html裡的每個標籤都有其自身的意義,而H標籤作為標題標籤,它的意義更是至關重要。對於H標籤的用法特別是h1的用法一直是個爭議的問題。

1.H標籤直觀的告訴用戶,網頁哪部分是重要的,哪些是不那麼重要的。 heading標籤通常用來為使用者展現網頁的結構,由於heading標籤通常會使某些文字比普通的文字大,對於使用者來說,便於他們更直觀地看出這些文字的重要性,而且可以幫助他們理解heading文字下方的內容。多種漸層大小的heading一開始主要為網頁的內容創造分層結構,方便使用者直覺地瀏覽網站。

2、H標籤引導搜尋引擎,網頁哪些是重要的內容。對搜尋引擎來說,標籤的主要意義是告訴搜尋引擎這個是一段文字的標題或說是主題,起強調作用,h標籤的權重會高於Strong,因此在搜尋引擎優化中H標籤的運用非常重要。

因為,搜尋引擎需要在一堆文字中明白它寫的是什麼,所以,它也依照人們的閱讀習慣,首先尋找文章的標題,然而,不像人們那樣可以迅速確定標題是什麼,搜尋引擎是“盲人”,所以,使用標籤就指導搜尋引擎標題在那裡,便於它們迅速掌握文本大意。

標題(H1-H6)標籤是採用關鍵字的重要地方,這個標籤應該包括文本中最重要的關鍵字,Google演算法就指出,這個直接的題頭文字,一定比其它地方的文章具備更重要的意義,但是,過分的使用容易產生不利的影響。關於更多的Google的演算法,大家可以透過馬海祥部落格的《盤點Google(Google)歷年來對搜尋引擎演算法的更新改進》來具體了解。

四、如何使用H1標籤?

1.H1標籤最好用在H2-H6之前,並且一個頁面只用一次,不要一直使用。有些網站在一個頁面大量的使用,甚至出現了幾十次,看到關鍵字就用,覺得可以增強效果,其實不然。 H1可以用但不要氾濫,我們是有效的堆砌而不是胡亂的強塞。合理的使用H1標籤可以為網站帶來好的效果,而使用的不恰當會對網站帶來不利影響,嚴重的甚至會導致K站。

2.H1標籤中使用的關鍵字,應該是頁面最主要的關鍵字或品牌詞,並且應該是在網頁標題中使用的關鍵字。 H2-H6根據這個原理逐級遞減,從一般關鍵字到長尾關鍵字,從長尾關鍵字到標題,不過一般H3以後就用得比較少了,因為H1代表最重要的,H6代表相對最不重要的,再者越到後面意義越來越小。

3.H1標籤之間肯定是需要包含關鍵字的,但是這個關鍵字也是需要具有可讀性和合理性,不要為了強調而把這個關鍵字加進去,而是因為這個關鍵字需要被強調才來加上H1標籤,注意先後。是先有關鍵字,然後再給關鍵字加上H1標籤。

4.如果把H1標籤加在LOGO圖片,圖片ALT訊息上要加上網站名稱或品牌詞,這樣才能更加突出首頁的關鍵字,不然給一個圖片加H1,你覺得會有什麼效果呢?

5.H1標籤盡量靠近在html中的body標籤,越近越好,以便讓搜尋引擎最快的找到主題。從上面的例子馬海祥就可以發現H1標籤都在body程式碼的最前面,為什麼?因為搜尋引擎的抓取就是從上而下來的,這樣可以讓H1標籤強調的關鍵字最快被發現。

6.內容頁H1標籤一般都是用在內容的大標題,最好也是只用一次,不過有很多內容頁也用了2次,一次用在LOGO或出現在網頁最前面的主關鍵詞,一次用在內容的大標題。如果最前面沒有主要的關鍵字,建議最好還是只用在大標題上一次。

7.當不想將H1標籤用在LOGO上並且網頁主要的關鍵字在後面的時候,如果還是想加H1標籤並且想H1標籤的關鍵字靠前,馬海祥建議可以利用DIV+CSS佈局來調整主關鍵詞的位置,這樣也不會影響頁面效果。

8.不要總是想著加H1標籤,很多大網站也是沒有用H1標籤,像百度、新浪、愛站網等壓根就沒用H1標籤,所以只要真真切切的為用戶提供資訊就可以了,至於是不是一定要用H1標籤就不一定了。

五、H標籤使用的SEO建議

# 1.每個網頁只能擁有一個

標籤。

2、

用來修飾網頁的主標題,一般是網頁的標題,文章標題,

中部署主關鍵字。

盡量靠近在html中的標籤,越近越好,以便讓搜尋引擎最快的領略主題。

3、

表示一個段落的標題,或者說副標題,部署長尾關鍵字。

4、

表示段落的小節標題,

效果跟Strong差不多,通常用在段落小節。

5、

-

基本上很少用到,是告訴搜尋引擎這些不是很重要的內容,當一篇文章內容較多的時候,可以用來說明一些內容是不很重要的。

以上是如何使用h1標籤才能更符合SEO的規範的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Vue3+TS+Vite開發技巧:如何進行SEO最佳化 Vue3+TS+Vite開發技巧:如何進行SEO最佳化 Sep 10, 2023 pm 07:33 PM

Vue3+TS+Vite開發技巧:如何進行SEO優化SEO(SearchEngineOptimization)是指透過優化網站的結構、內容和關鍵字等方面,使其在搜尋引擎的排名更靠前,從而增加網站的流量和曝光度。在Vue3+TS+Vite等現代前端技術的開發中,如何進行SEO最佳化是一個很重要的問題。本文將介紹一些Vue3+TS+Vite開發的技巧與方法,幫

如何在Chrome和Edge的所有選項卡中搜尋文本 如何在Chrome和Edge的所有選項卡中搜尋文本 Feb 19, 2024 am 11:30 AM

本教學向您展示如何在Windows的Chrome或Edge中找到所有開啟的標籤頁上的特定文字或短語。有沒有辦法在Chrome中所有開啟的標籤頁上進行文字搜尋?是的,您可以使用Chrome中的免費外部Web擴充功能在所有開啟的標籤上執行文字搜索,而無需手動切換標籤。一些擴充功能如TabSearch和Ctrl-FPlus可以幫助您輕鬆實現這項功能。如何在GoogleChrome的所有選項卡中搜尋文字? Ctrl-FPlus是一個免費的擴展,它方便用戶在瀏覽器視窗的所有標籤中搜尋特定的單字、短語或文字。這個擴

什麼是301/302跳轉?網站如何做好跳轉? 什麼是301/302跳轉?網站如何做好跳轉? Jul 12, 2022 pm 12:07 PM

什麼是301/302跳轉?網站如何做好跳轉?這篇文章帶大家了解一下301/302跳轉,介紹一下跳轉方式,以及從SEO方面分析一下,看看哪種方法實用,希望對大家有幫助!

Vue 3中的SSR技術應用實踐,提升應用的SEO效果 Vue 3中的SSR技術應用實踐,提升應用的SEO效果 Sep 08, 2023 pm 12:15 PM

Vue3中的SSR技術應用實踐,提升應用的SEO效果隨著前端開發的快速發展,SPA(單頁應用)已成為了主流。 SPA的好處不言而喻,可以提供流暢的使用者體驗,但卻在SEO(搜尋引擎優化)方面有一些挑戰。由於SPA在前端渲染階段只回傳一個HTML模板,所以大部分內容是透過JavaScript動態載入的,導致搜尋引擎在抓取、索引和排名方面的困難。為了解決這個問題,

Vue如何進行SEO優化及實務建議 Vue如何進行SEO優化及實務建議 Jun 09, 2023 pm 04:13 PM

隨著Web技術的不斷發展,越來越多的網站開始採用Vue作為前端框架。雖然Vue可以提供良好的使用者體驗和開發效率,但在搜尋引擎優化方面仍存在一些挑戰。本文將介紹Vue如何進行SEO優化以及一些實務建議。一、Vue的SEO問題Vue的SEO問題主要有以下幾點:伺服器端渲染問題:Vue是一個單一頁面應用程式(SPA),這表示它透過JavaScript在瀏覽器中渲染

Vue開發經驗總結:解決SEO和搜尋引擎優化的實踐 Vue開發經驗總結:解決SEO和搜尋引擎優化的實踐 Nov 22, 2023 am 08:44 AM

Vue開發經驗總結:解決SEO和搜尋引擎優化的實踐在目前行動互聯網和Web技術迅速發展的時代,搜尋引擎仍然是互聯網中最主要的獲取資訊途徑之一。對於需要在搜尋引擎中獲得高曝光率的網站而言,SEO(SearchEngineOptimization)是一項不可或缺的工作。那麼,對於使用Vue技術進行Web開發的專案而言,如何實現SEO和搜尋引擎的最佳化呢? Vue

抖音怎麼帶標籤引流?平台什麼標籤最容易引流? 抖音怎麼帶標籤引流?平台什麼標籤最容易引流? Mar 22, 2024 am 10:28 AM

抖音作為一款備受歡迎的短影片社群平台,擁有龐大的使用者群體。對於抖音創作者來說,標籤引流是一種有效提升內容曝光度和吸引關注的方法。那麼,抖音怎麼帶標籤引流呢?本文將為您詳細解答這個問題,並介紹相關技巧。一、抖音怎麼帶標籤引流?發布影片時,請確保選擇與內容相關的標籤。這些標籤應涵蓋影片的主題和關鍵字,以便讓用戶透過標籤更容易找到您的影片。利用流行標籤是增加影片曝光的有效方法。研究當前熱門標籤和趨勢,將其巧妙地融入影片描述和標籤中。這些熱門標籤通常具有更高的曝光度,能夠吸引更多觀眾的注意。 3.標籤

SEO和SEM區別是什麼 SEO和SEM區別是什麼 Aug 10, 2023 pm 03:48 PM

SEO和SEM區別是1、SEO是指搜尋引擎優化,而SEM則指的是搜尋引擎行銷;2、SEO透過優化網站的可見性,使其自然排名在有機搜尋結果的前面,而SEM則透過廣告付費排在搜尋結果的頂部;3、SEO是一個長期的策略,它需要不斷持續的努力來維持網站在搜尋引擎的排名,而SEM可以靈活調整和實施,它能夠根據需要快速調整廣告的投放策略和預算。

See all articles