एच 1 का उपयोग करने का सही तरीका?

Question

मैं अभी भी एचटीएमएल 5 के साथ अपने आप को परिचित करने के लिए कोशिश कर रहा हूँ, और वहाँ इस चीज जो थोड़ा भ्रमित महसूस करता है .... (दस्तावेज़ रूपरेखा और एसईओ के संबंध में)

मैं एक बार (this question के माध्यम से) Jeremy Keith's book और एचटीएमएल 5 डॉक्टर में पढ़ा जो कहें कि HTML5 कई h1 एस का उपयोग करना संभव बनाता है। एचटीएमएल 5 में, प्रत्येक सेक्शन में अपना शीर्षक तत्व हो सकता है, इसलिए एक से अधिक h1 होना ठीक है। मैंने एक वर्डप्रेस थीम फ्रेमवर्क देखा है, "underscores", जो इसे पूरी तरह से लागू करने लगते हैं।

हालांकि, साइट संरचना/दस्तावेज़ रूपरेखा को परिभाषित करने में पुराने ब्राउज़र (अभी तक HTML5 का समर्थन करने के लिए) समस्या हो सकती है। इसके अलावा, यह एसईओ के लिए समस्या पैदा करता है।

मैं Matt Cutts's (from Google) video पर ठोकर खाई और कीथ की किताब जो h1 के उपयोग को सीमित करने की सलाह देते हैं फिर से पढ़ें और पारंपरिक दस्तावेज़ रूपरेखा का उपयोग करें (केवल एक या प्रति पृष्ठ दो h1, कई h2, h3 के बाद का उपयोग, आदि)। मैट कर्ट्स का यह भी अर्थ है कि एसईओ के लिए कई h1 बहुत अच्छा नहीं है।

हालांकि,

• मैं पहले साइट संरचना/दस्तावेज़ रूपरेखा पर गंभीरता से ध्यान का भुगतान नहीं। इसलिए मैं कभी नहीं जानता कि पुराने ब्राउज़र (प्री-एचटीएमएल 5) साइट संरचना/दस्तावेज़ रूपरेखा को कैसे पढ़ते हैं। HTML5 outliner मौजूद है, लेकिन मुझे HTML4 के लिए आउटलाइनर नहीं मिल रहा है।
• मैट कर्ट्स का वीडियो (एचटीएमएल 5 और एसईओ के बारे में) 200 9 में प्रकाशित हुआ है। मैं नहीं जानता कि Google पहले से ही दस्तावेज़ को रूपरेखा के नए HTML5 तरीके का समर्थन करता है या नहीं।

तो मेरी सवाल है, अगर मैं चाहता हूँ:

• समर्थन पुराने ब्राउज़र (जैसे फ़ायरफ़ॉक्स 3.0 और IE 6) सही साइट संरचना/दस्तावेज़ रूपरेखा प्रदर्शित करने के लिए
• एसईओ में एक अच्छा परिणाम है

एक कौन सा का उपयोग करना चाहिए: कई h1 रों (जिस तरह से यह एचटीएमएल 5 में किया जाता है) या पारंपरिक तरीका है?

यह एचटीएमएल 5 एक (उदाहरण के एचटीएमएल 5 डॉक्टर से लिया गया):

<h1>My fantastic site</h1> 
<section> 
    <h1>About me</h1> 
    <p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p> 
    <section> 
    <h1>What I do for a living</h1> 
    <p>I sell enterprise-managed ant farms.</p> 
    </section> 
</section> 
<section> 
    <h1>Contact</h1> 
    <p>Shout my name and I will come to you.</p> 
</section> 

या पारंपरिक तरीका है?

<h1>My fantastic site</h1> 
    <h2>About me</h2> 
    <p>I am a man who lives a fascinating life. Oh the stories I could tell you...</p> 
    <h3>What I do for a living</h3> 
    <p>I sell enterprise-managed ant farms.</p> 
    <h2>Contact</h2> 
    <p>Shout my name and I will come to you.</p> 

Answer 1

सबसे अच्छा तरीका है एचटीएमएल 5 का उपयोग करें और बनाने के लिए उन्हें पुराने ब्राउज़र में काम के बाद से गूगल अपनी वेबसाइट बेहतर तरीके से तैयार है इस लिंक का उपयोग करें और आप नई तकनीक का प्रयोग करता है, तो आप (ताकि आपकी साइट के लिए बेहतर है) पर विचार करना है नए टैग का प्रयोग करें।

<!--[if IE]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

अपनी साइट के सिर अनुभाग में डाला और यह पुराने IE संस्करणों

Answer 2

नए स्वरूप का उपयोग करें के लिए ठीक काम करेंगे। बहुत से लोग h3 एस या h2 एस का उपयोग करेंगे, और यह बिल्कुल ठीक है।

वास्तव में, वे section या article या header या footer तत्वों एचटीएमएल 5 द्वारा की पेशकश का उपयोग करेंगे, और फिर h3 या h4 कि दस्तावेज़-खंड के लिए शीर्षकों के रूप में उपयोग (एसईओ दंड के डर से/विरासत स्टाइल | लेआउट quirks) ।

और यह भी ठीक है।

यदि आप फिर से कट्स वीडियो देखते हैं, तो वह h1 को न्यूनतम उपयोग करने के लिए कहता है - केवल वास्तव में वांछित होने पर गुणकों का उपयोग करके।

यह वास्तव में इस बिंदु पर नहीं बदला गया है।

Google आपको गुणक रखने के लिए हत्या नहीं करेगा। Google प्रत्येक से यह उम्मीद करने जा रहा है कि सामग्री में मूलभूत परिवर्तन था।

यह सच है कि आपके पास सेक्शनिंग (section/article/आदि) तत्व हैं या नहीं।

Google भी उस बिंदु पर पहुंच गया है जहां वे ठीक से AJAX- या जावास्क्रिप्ट-निर्भर वेबसाइटों को स्पाइडर कर रहे हैं, और उनकी अपनी समृद्ध सामग्री मेटाडेटा प्रणाली है ... ... वे section को पार्स करने के लिए पर्याप्त परिष्कृत हैं या article।

सामग्री की गुणवत्ता के बारे में और चिंता करें, और यदि आप इसे लेने के लिए तैयार हैं, तो Google- विशिष्ट मेटाडेटा जो वे खोज परिणामों के लिए उपयोग करते हैं, आदि ... ... और Google को इसके बारे में चिंता करने दें अर्थशास्त्र को नेविगेट करना (जब तक आप उन्हें अच्छी तरह से उपयोग कर रहे हैं, और कुछ भी छायादार नहीं कर रहे हैं)।

कम क्रॉलर्स, जो जानता है ... ... लेकिन यह प्रति क्रॉलर आधार पर है, और अधिकांश लोगों को केवल Google और Bing और Yahoo से संबंधित होना चाहिए, अन्य क्रॉलर या तो Google से भोजन करते हैं, या होने के नाते बहुत डोमेन-विशिष्ट (जैसे कि आप कुछ कारणों से ऑप्ट-इन, कार किराए पर लेने वाले क्रॉलर पर अत्यधिक रैंक करना चाहते हैं ... ... जिस बिंदु पर आपको किसी प्रकार की एक्सएमएल/जेएसओएन फ़ीड की आपूर्ति करनी चाहिए, वैसे भी)।

Answer 3

डेथलॉक, आपके दूसरे उदाहरण में कोई सेक्शनिंग तत्व नहीं हैं। हालांकि, आप h1 के अलावा शीर्षक वाले अनुभागों का उपयोग कर सकते हैं। मुझे लगता है कि आपके प्रश्न के बिंदु है: हर सेक्शनिंग तत्व में

h1

<section> 
    <h1>…</h1> 
    <section> 
    <h1>…</h1> 
    </section> 
</section> 

या "गणना" स्तर की ओर बढ़

<section> 
    <h2>…</h2> 
    <section> 
    <h3>…</h3> 
    </section> 
</section> 

शब्दार्थ/तकनीकी रूप से, वे एक ही हैं।

एसईओ कोई समस्या नहीं होनी चाहिए, क्योंकि "h1 हर जगह" पूरे वेब पर उपयोग किया जाएगा (और पहले से ही), और प्रमुख खोज इंजन इसे जानते हैं। अगर वे एचटीएमएल 5 का समर्थन करना चाहते हैं, तो उन्हें रूपरेखा एल्गोरिदम को समझना होगा। मैं शर्त लगाता हूं कि उनके क्रॉलर/एपीआई पहले ही सही शीर्षक स्तर की गणना करते हैं, उदाहरण के लिए HTML5 outliner करता है।

एकमात्र कारण है कि आप h2 - h6 का उपयोग करना चाहते हैं क्योंकि सेक्शनिंग एलिमेंट हेडिंग पुराने एक्सेसिबिलिटी सॉफ़्टवेयर होगा, उदा। स्क्रीनरीडर्स। वे आमतौर पर एक रूपरेखा मेनू प्रदान करते हैं, इसलिए उपयोगकर्ता सीधे एक निश्चित शीर्ष पर कूद सकते हैं।इसलिए यदि आप हमेशा h1 का उपयोग करते हैं, तो पुराने स्क्रीनreaders, जो HTML5 नहीं जानते हैं, सभी शीर्षलेखों को h1 के रूप में घोषित करेंगे, क्योंकि वे सही रूपरेखा के स्तर की गणना नहीं करते हैं। हालांकि, उदाहरण के लिए जबड़े 13 (स्क्रीनreader का वर्तमान संस्करण), केवल आईई, AFAIR में एचटीएमएल 5 के लिए "h1" प्राप्त करता है, और यदि आप एचटीएमएल 5 पेज में अन्य शीर्ष स्तर का उपयोग करते हैं तो यह भ्रमित हो जाता है। यह निश्चित रूप से एक बग है, लेकिन यह एक अच्छा उदाहरण है कि "पुराने तरीके" से चिपके रहना हमेशा नए सॉफ्टवेयर के लिए काम नहीं करेगा।

तो आप समस्याएं किसी भी तरह से प्राप्त कर सकते हैं।

मेरी राय में आपको HTML5 spec की सिफारिश करने के साथ रहना चाहिए, और यह होगा: सभी सेक्शनिंग तत्व शीर्षकों के लिए h1 का उपयोग करें। चूंकि यह विनिर्देश भविष्य के उपयोगकर्ता-एजेंट, अभिगम्यता उपकरण, खोज इंजन और अन्य सेवाएं/सॉफ्टवेयर उनके उत्पाद को बनाने के लिए उपयोग करते हैं।

हालांकि, यह आपके उपयोग के मामले पर निर्भर करता है। यदि आप अपने आगंतुक आंकड़ों को जानते हैं, तो आपको अपने विशेष मामले के लिए सही निर्णय लेने के लिए उनका उपयोग करना चाहिए। जैसे यदि आपकी साइट भविष्य में कई सालों तक नहीं रहेगी, तो अब सर्वोत्तम समर्थित है।