23
有<meta>標籤和其他東西，你可以放在你的HTML文檔的<head>。什麼<meta>標籤等和最佳實踐，你在你的HTML文件中使用，使其更容易訪問，搜索，優化等。HTML <head>最佳實踐
A
回答
17
在我的情況：
- 標題（應該做的[節名稱 - 網站名稱]爲了更好的SEO）
- 爲
Content-typeMeta標記，description和keywords - 鏈接樣式表（S） （不要忘記指定
media=""）。 <script>標記鏈接到外部JavaScript文件。
所有的標籤都應該遵循W3C的標準。 W3C網站有關於HTML <head>部分的更詳細的技術細節section。
+1
像[部分名稱 - 網站名稱]這樣的標題與SEO無關。 「關鍵字」的元標記幾乎是無用的。 – 2010-03-05 10:59:34
+0
what's media =「」？ – 2010-05-08 10:56:42
+0
@Marco Demaio：指定文檔在不同媒體上的顯示方式：在屏幕上（主要使用這個），在紙上（打印版），使用語音合成器，使用盲文設備等。更多信息在這裏：http://www.w3.org/TR/CSS2/media.html – andyk 2010-05-10 05:09:00
0
標題，meta標籤的關鍵字，內容類型（如果沒有明確設置的網絡服務器）以及要應用於該頁面的任何CSS。
預先聲明CSS允許瀏覽器更高效地佈置頁面（請參閱http://developer.yahoo.com/performance/rules.html#css_top）。
2
我沒有看到這個提到：<base>標記，如果指定，應該是<head>中的第一個元素。 （如果未指定，則假定文檔的基本URI爲.）
+1
嗯。爲什麼這樣做會讓任何人不滿呢？這絕對是正確的*。 – eyelidlessness 2009-09-26 17:43:36
5
您將希望在BODY元素關閉之前將SCRIPT元素放在頁面的末尾。詳情請參閱http://developer.yahoo.com/performance/rules.html#js_bottom。
1
有一個相關的問題here，可能有助於添加一些有關標籤的順序。
一般我的網頁包括以下內容：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>...</title>
<meta name="Description" ...>
<meta name="Keywords" ...>
<meta name="Copyright" ...>
<meta name="Author" ...>
<meta name="Language" ...>
<style type="text/css" ...>
DOCTYPE要重要的瀏覽器執行嚴格的渲染（無怪癖模式）。您可能希望使用XHTML - 只要有一個。我純粹因爲我爲其他公司設計和創建頁面而添加版權和作者。說明適用於搜索引擎優化，語言適用於瀏覽器（如果支持）。
我不相信這會使meta標籤首先出現差異，或者標題是否應該在上面。在大多數情況下，重要的是它存在於網頁上，並且具有正確的內容。
2
恕我直言，<head>的兩個最重要的子標記是<title>和內容類型元標記。搜索引擎主動查看<title>。而其他元標籤經常被忽略。作爲一個多語言的網頁用戶 - 我不必強調添加Content Type標籤的重要性，因爲如果沒有它，瀏覽器需要自動檢測網頁的字符集，而且這種操作通常很脆弱。其結果是各種字符不能正確地呈現給用戶，或者在日語或中文的情況下根本沒有。
下面是一些頭部代碼從我的當前項目的片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Reports Blah Blah</title>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
...
</head>
+0
描述是在大多數搜索引擎中對您的列表顯示的內容 - 如果沒有它，搜索引擎通常會在頁面內的一個片段中進行猜測;最好不要放棄這個機會。關鍵字META標籤仍然被某些搜索引擎所使用，雖然它只具有很小的權重。不過，我還發現，填充時很有用，就像提醒哪些關鍵字最重要一樣，在頁面內容中需要強調哪些關鍵字。 – CJM 2009-09-29 13:07:51
0
我想補充一個重要提示：如果您使用的IE's meta X-UA-Compatible tag to switch rendering modes爲Interet資源管理器中，必須將其作爲在HEAD的第一個項目：
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Page title</title>
...etc
</head>
1
據我所知，大多數搜索引擎忽略任何「關鍵字」或「說明」 meta標籤，而是更喜歡閱讀文檔的內容。
但是，獲取頁面標題是非常重要的。
+0
他們經常忽略關鍵字，但沒有太多描述。 – kangax 2009-09-26 20:37:35
0
除了上面的答案我使用the Dublin Core initiative meta-tags。
它們是實際內容/文件等
<meta name="DC.abstract" content="Document abstract" />
<meta name="DC.audience" content="Target audience" />
非常有用等
5
除了一般的文檔類型，標題等，我會盡量爲您提供了一些事情，我已經學會了和實施這可能會對你有所幫助。
首先，請記住，爲了獲得最佳用戶體驗，標題應該首先具有最相關的子部分。這是因爲它通常顯示在標題欄/選項卡列表/書籤名稱中。考慮此頁標題...
Stack Overflow - HTML head best practices
成爲堆棧溢出......（嚼保存在標籤欄/書籤列表室）
現在，如果你有5個＃2選項卡中打開（我經常這樣做： P）那麼用戶怎麼知道哪一個是哪個？
還請注意與CSS的級聯性質...所以這些順序將很重要。與Javascript相同，必須允許任何對其他外部網站的依賴。我把頭埋在頭上，並沒有注意到性能下降。我把它們放在那裏，因爲它對我來說看起來更整齊合乎邏輯。雖然一些其他人會建議將<script src="">鏈接放在</body>之前，這樣瀏覽器不會暫時停頓...只需使用適合您網站的最佳方式即可。
還與「一般」讓網絡過濾軟件「評級」的Meta標記知道你的網站是所有年齡層的觀衆安全（只要它是當然！）
我也用..
<link rel="start" href="/" title="Home" />
讓瀏覽器知道我的網站在哪裏。對於任何瀏覽器預取系統，儘管我相信這些還沒有在沒有插件幫助的情況下由瀏覽器實現。
如果您的頁面處於一系列排序中，請考慮'下一頁'和'上一頁'<link rel="">。
8
你的用戶一個忙，讓自己的IE引擎切換到Chrome瀏覽器一個安裝Chrome Frame當:)
<meta http-equiv="X-UA-Compatible" content="chrome=1">
4
首先，確保<！DOCTYPE是文檔的第一個元素，即沒有空格，製表符或損壞的BOM標記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- declare all page rendering and programmatic related tags -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Care about IE ? -->
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<!-- globalise scripting and styling content language -->
<meta name="Content-Type-Script" content="text/javascript" />
<meta name="Content-Type-Style" content="text/css" />
<!-- title tag is MANDATORY -->
<title>Short and relevant, about 64 characters/spaces</title>
<!-- declare all CACHE controll -->
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<meta name="revisit-after" content="7 days" />
<!-- declare all content description tags -->
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.gcf.org/v2.5" labels on "1994.11.05T08:15-0500" until "1995.12.31T23:59-0000" for "http://w3.org/PICS/Overview.html" ratings (suds 0.5 density 0 color/hue 1))'>
<!-- language specific keywords -->
<meta name="keywords" lang="en-us" content="vacation, Greece, sunshine" />
<!-- For french example -->
<meta name="keywords" lang="fr" content="vacances, Grèce, soleil" />
<meta name="description" content="about 255 characters/spaces WORDS relevant to the content of the actual page" />
<meta name="Abstract" content="about 96 characters/spaces PARAGRAPH describing the actual page content within your site" />
<!-- declare all situationnal and external relativity related tags -->
<link rel="DC.identifier" type="text/plain" href="http://www.ietf.org/rfc/rfc1866.txt" />
<link rel="start" href="/" title="Home" />
<link rel="prev" href="../" title="Parent section" />
<!-- declare all page rendering cascading style sheets in order of incidence -->
<link rel="stylesheet" type="text/css" href="globaly-used.css" />
<link rel="stylesheet" type="text/css" href="specificly-used.css" />
<!-- declare all page rendering specific cascading style i.e. IE only, hacks etc -->
<link rel="stylesheet" type="text/css" href="more-specificly-used.css" />
<link rel="stylesheet" type="text/css" href="i-love-ie.css" />
<!-- not relevent to subject, declare all javascripts AFTER css linking -->
</head>
<body>
</body>
</html>
相關問題
- 1. HTML效率，最佳實踐
- 2. HTML/CSS的最佳實踐
- 3. HTML按鈕 - 最佳實踐
- 4. HTML佈局最佳實踐
- 5. HTML - 表單最佳實踐
- 6. 最佳實踐
- 7. 最佳實踐
- 8. 最佳實踐
- 9. 最佳實踐
- 10. 最佳實踐
- 11. 最佳實踐：
- 12. 最佳實踐
- 13. 最佳實踐
- 14. 最佳實踐
- 15. 最佳實踐
- 16. 最佳實踐
- 17. 最佳實踐
- 18. 最佳實踐
- 19. 最佳實踐
- 20. 最佳實踐
- 21. 最佳實踐
- 22. 最佳實踐
- 23. 最佳實踐
- 24. 最佳實踐
- 25. 最佳實踐{{}}
- 26. 最佳實踐
- 27. 最佳實踐
- 28. 最佳實踐
- 29. 最佳實踐
- 30. 最佳實踐
以下andyk建議，我也隨時添加在元部分：此禁用通過鼠標當在圖像大於200×200顯示的uselss IE圖像工具欄PX。 – 2010-05-08 10:58:58