मैं कई दिनों से इस विषय पर अध्ययन कर रहा हूं और कई परस्पर विरोधी सुझावों को खोज अनुक्रमण के संबंध में पाया है। मैं एक ऐसे प्रोजेक्ट पर काम कर रहा हूं जिसमें बहुत सारे अलग-अलग पृष्ठ हैं जिनमें साधारण उत्पाद विवरणों से लेकर गहराई तक उपयोगकर्ता प्रलेखन शामिल हैं।
मैंने इस प्रश्न को खंडों में तोड़ दिया है क्योंकि मुझे लगता है कि यह इस प्रश्न के भविष्य के पाठकों के लिए इसे और अधिक उपयोगी बना देगा।
मेरे कुछ निष्कर्ष
कई वेबसाइटों को लगता है कि निम्नलिखित की तरह दस्तावेज़ की रूपरेखा है:
1. Programmer's Guide (https://www.dartlang.org/docs/)
1. Getting Started
2. Concepts
1. Libraries
2. Fundamental classes
etc.मुझे यह दिलचस्प लगता है कि उपरोक्त उदाहरण <nav>एक उपयुक्त शीर्षक के साथ तत्व का उपयोग नहीं करता है । मुझे रूपरेखा की सादगी पसंद है और Google होने के नाते मैं काफी निश्चित हूं कि वे जानते हैं कि जब वे इस पर आते हैं तो वे क्या कर रहे हैं।
लेकिन मैं उलझन में हूँ क्योंकि उपरोक्त रूपरेखा "डार्ट" का कोई उल्लेख नहीं करता है। सिमेंटिक अर्थ में "डार्ट" का एकमात्र उल्लेख मुख्य दस्तावेज़ <title>तत्व "प्रोग्रामर गाइड। डार्ट: संरचित वेब ऐप्स" के भीतर लगता है ।
MDN (मोज़िला डेवलपर नेटवर्क) एक वेबसाइट का एक और शानदार उदाहरण है जो इस प्रिंसिपल का अनुसरण करता है। कई <h1>शीर्षक पूर्ण संदर्भ ( HTML5 दस्तावेज़ के अनुभाग और रूपरेखा ) प्रदान करते हैं:
1. Sections and Outlines of an HTML5 Document
1. Untitled Section (nav)
2. Untitled Section (nav)
3. Structure of a Document in HTML 4
4. Problems Solved by HTML5जब कि दूसरों को संदर्भ से कोई मतलब नहीं है ( बचने के लिए अप्रचलित अभ्यास )। उदाहरण के लिए, निम्नलिखित HTML5 रूपरेखा सीएसएस, HTML5 या C # से संबंधित है ... केवल दस्तावेज़ रूपरेखा के साथ जाने के लिए, कौन जानता है!
1. Obsolete practices to avoid
1. Untitled Section (nav)
2. Untitled Section (nav)
3. Doctype
4. <meta> element and charset attributeमामलों को सबसे खराब बनाने के लिए, क्या होगा यदि एमडीएन में एक ही (या बहुत समान) शीर्षक के साथ 2 विषय थे "अप्रचलित प्रथाओं से बचने के लिए" जहां एक उनके सीएसएस गाइड का हिस्सा है और दूसरा उनके HTML गाइड का हिस्सा है ...
स्पेक्ट्रम वेबसाइटों के दूसरे छोर पर <body>उत्पाद के नाम (फू) या विषय कंटेनर (फू के लिए उपयोगकर्ता गाइड) के लिए मुख्य- बेल्ड हेडिंग का उपयोग किया जाता है । जहां बाद के सभी पृष्ठ <h2>वास्तविक पृष्ठ शीर्षक के लिए उपयोग होते हैं ।
प्रश्न
DOM और HTML5 की रूपरेखा का उपयोग करके MDN वेबसाइट पर पाए जाने वाले वेबपेज के संदर्भ में खोज इंजन कैसे पता लगाते हैं?
निम्न HTML5 पृष्ठ को चिह्नित करने का सही तरीका क्या है ताकि Google पृष्ठ को उपयुक्त संदर्भ में अनुक्रमित कर सके? इस का उपयोग शामिल <title>, <header>और <h1>तत्वों।
- कंपनी का नाम
- उत्पाद का नाम
- उपयोगकर्ता गाइड
- शुरू करना
HTML में सबसे महत्वपूर्ण शीर्षक जो एक वेब ब्राउज़र में देखा जाता है, क्या यह पूरी वेबसाइट (कंपनी का नाम या उत्पाद का नाम), विषयों का संग्रह (उपयोगकर्ता गाइड) या हाथ में वास्तविक विषय (आरंभ करना) के संदर्भ का प्रतिनिधित्व करना चाहिए ?
मेरा सबसे अच्छा अनुमान
<!DOCTYPE html>
<html>
<head>
<title>Getting Started | User Guide | Product Name - Company Name</title>
</head>
<body>
<header role="banner"> <!-- Note: Lack of <h1> in here -->
<a id="logo" href="http://example.com">Company Name</a>
<nav>
<h1>Site Navigation</h1>
<ul> ... </ul>
</nav>
</header>
<main role="main">
<div class="product-name">Product Name</div>
<div class="document">User Guide</div>
<h1>Getting Started</h1>
<p>blah</p>
</main>
</body>
</html>रूपरेखा के लिए अग्रणी:
1. Getting Started<title>संदर्भ प्रदान करने के लिए भरोसा करने लगते हैं । उदाहरण के लिए, यह एक बुरा विचार ही शामिल करने के लिए है <h1>User Guide for Ubermachine</h1>, जहां विषय शीर्षक के साथ प्रस्तुत किया है हर पृष्ठ पर <h2>Getting Started</h2>... या रूपरेखा के साथ शुरू करना चाहिए <h1>Getting Started</h1>एक साथ के साथ <title>Getting Started | User Guide for Ubermachine</title>खोज इंजन के लिए उपयोगी संदर्भ प्रदान करने के लिए। यह एक SEO सवाल है।
<title>पर्याप्त संदर्भ प्रदान करता है।