在同一個頁面上使用多個h1標籤是否正常，但採用不同的樣式？

我有一個網頁，我在各種DIV中使用h1標籤多次，我爲每個div的樣式h1是適當的大小。在同一個頁面上使用多個h1標籤是否正常，但採用不同的樣式？

例如...

#content h1 { 
    font-size:22px; 
} 

#left-nav h1 { 
    font-size:14px; 
} 

#content .recent-news h1 { 
    font-size:16px; 
}

這是好嗎？我很擔心搜索引擎優化。

什麼是最好的方式去做這件事？還是我不擔心什麼？

來源

2009-02-02 Brad

我很好奇你爲什麼擔心搜索引擎優化。我不知道任何搜索引擎甚至可以查看CSS的情況，但那是我的直覺，而不是基於任何東西。我不知道爲什麼它會 - 搜索引擎應該只關注內容的權利？ – 2009-03-15 01:31:58

這不是SEO的影響，它是尋找頁眉的屏幕閱讀器。 H1是頁面的頭部標題，應該使用一次。 H2-6是副標題，可以重複使用。至少我是這麼看的。 – 2010-01-26 02:39:36

+1優秀的問題！ – 2010-01-26 03:05:39

在我看來，你不必擔心，它可以這樣做。

H1將您的部分內容指定爲第一級標題。因此，如果您在導航div中有一級標題（例如<H1>Navigation Menu</H1>），當然應該是#nav h1。

如果您的內容中應該包含多個H1取決於：如果您有博客並且每個條目都有自己的標題，那麼這些將是H1。但是，如果您的博客本身有標題（例如<H1>My Blog!</H1>），則博客條目標題應爲H2。

但這只是理論。去尋找可讀的語義標記。你可以通過查看你的html並自問：「它是否可讀？如果我以其他方式做到了，可讀性會提高嗎？「答案因項目而異。

來源

2009-02-02 17:13:00 Treb

http://www.w3.org/2003/12/semantic-extractor.html 從大綱的角度確保它看起來正確。 – 2010-01-26 02:27:49

一般而言，您應該每頁只有一個h1，並且h1應該可以代表該頁面上的內容。只要您願意使用CSS進行樣式設計，找出哪些級別的標題（h2，h3，h4等）能夠正確表示要使用的標題，然後改爲使用它們。

來源

2009-02-02 17:03:33 sykora

從語義上講，我更喜歡在頁面上使用一個h1，主要用於頁面的標題。對於SEO來說，這可能並不重要，並且隨着HTML5與HTML5的結合，通用的header標籤將會使它變得更簡單，並且這個參數已經過時。

來源

2009-02-02 17:04:32 ern

請記住，您的h1s用於指示上下文，而不是佈局。所以，在頁面上放置幾個內容並沒有什麼本質的錯誤。

在此特定示例中，您需要確定您的左導航h1與您的內容h1s和最近的新聞h1具有相同的上下文重要性。如果您的頭腦中存在清晰的層次結構，請使用標題標籤來演示它。

來源

2009-02-02 17:04:46

在試圖回答相同的問題時，我發佈了這個問題，可能有一些有用的信息。我在不同的地方使用相同的H1，H2，H3的關注點是，除非你總是像你在例子中那樣指定'父'風格，那麼你可能會遇到問題。

Dilemma in deciding how to create CSS for H1, H2, H3 etc.

* 多數民衆贊成在說你本身不

來源

2009-03-15 04:45:22

定義 'H1' 我不喜歡多H1 S的想法。 H1是最高級的，最重要的標題，頁面基本上是關於該主題。如果你有一個同樣重要的第二個主題，不要把它放在另一個H1標籤中，只要把它放在另一個頁面。這是值得的，對吧？

來源

2009-05-28 05:07:45 aalaap

我嘗試在頁面上只有一個H1，並將它從標題標籤的內容中稍微重新排列/ H1是單個頁面的主要想法其他所有東西都應該是h2標籤，更低....

來源

2010-01-26 02:23:51

如果是關於seo，最好使用h1標籤並且如果你想用它來僅僅用於sytling目的使用css樣式表。

最重要的是：如果在網頁中使用了多於一個h1標籤，那麼谷歌可能會認爲該頁面是垃圾郵件。可以使用除h1以外的其他標題標籤，如h2 h3 h4 h5 h6任意多次。

來源

2010-03-27 04:18:09

馬特來自谷歌卡茨回答到More than one H1 on a page: good or bad?（2009年3月5日）有：

好，如果有一個合乎邏輯的理由有多個部分，它不是如此糟糕有，你知道多h1小號。我會注意過度使用它。如果你的整個頁面是h1，那看起來漂亮的Creti，對不對？所以不要全部h1，然後你CSS看起來像正則文本，因爲我們看到人們，誰是競爭對手抱怨，如果用戶關閉CSS或CSS不加載，它看起來真的很糟糕。所以，你知道，在這裏有一點h1這裏是可以的，然後也許在一個頁面上有兩個部分，所以在這裏可能有的一點點h1。

但你真的應該使用它的標題或標題，這是什麼的意圖是。不要只把h1扔在網頁上的任何地方。因爲我可以告訴你，如果你只是在頁面上的任何地方扔h1，人們試圖濫用這個，所以我們的算法試圖考慮這個，所以它並不真的對你有很大的好處。所以我會使用它，它有意義，更謹慎，但你可以多次使用它。

來源

2010-04-29 15:08:14 Joel

這一切都取決於你的doctype是什麼。使用html5可以在每個部分使用多個h1標籤。（不要閱讀，每<section></section>！）當在例子中使用XHTML 1.0 Transitionaldoctype，我會避免在一個頁面上使用多個h1標籤。

當例如XHTML 1.0 Transitionaldoctype使用，我會經常去的是這樣的：

H1：最大。每頁一次
h2：max。每
等兩次

而且@joel，即使你的答案是有點OK，請不要試圖迷惑人......我可以說我是一個谷歌軟件工程師，因爲我只是與Google合作（不是公司，而是產品），我是一名工程師......請在聲明事情時列出您的公司名稱和任何證書。

來源

2012-01-09 18:25:26

我認爲它的優秀SEO實踐是在頁面上的每個塊元素的頂部放置一個H1標籤，但那只是我自己。當然，這個H1標籤應該包含與您定位的關鍵字/主題相關的信息。

這是一個非常有效的搜索引擎優化方法，我發現，所以人們告訴你不要這樣做，試圖阻止你加入我們的獎金。

來源

2013-02-02 18:40:24

在同一個頁面上使用多個h1標籤是否正常，但採用不同的樣式？

回答

相關問題