वेबसाइट के शीर्षक या लोगो को H1 टैग और H2 में शीर्षक के लिए सामने वाले डेवलपर्स के लिए एक आम बात है। लेकिन ज्यादातर समय पृष्ठ / लेख का शीर्षक अधिक महत्वपूर्ण होता है क्योंकि यह सामग्री मूल्य को वहन करता है। तो मेरा सवाल यह है कि सिमेंटिक और एसईओ के दृष्टिकोण से सबसे अच्छा तरीका क्या है। उदाहरण:
यदि आपको लगता है कि उनका बड़ा प्रभाव होगा, तो अन्य प्रकार प्रदान करें।
जवाबों:
मैं आमतौर पर H1 में लोगो या साइट का शीर्षक नहीं रखता। जिस तरह से मैं इसे देखना पसंद करता हूं वह यह है कि प्रत्येक पृष्ठ एक दस्तावेज है। यह दस्तावेज़ एक विशेष विषय के बारे में है, जैसा कि पृष्ठ शीर्षक में और मुख्य शीर्षक के रूप में भी परिलक्षित होता है। वेबसाइट स्वयं दस्तावेज़ का प्रकाशक है। इसलिए, शब्दार्थ, प्रत्येक पृष्ठ के मुख्य शीर्षक के रूप में साइट लोगो या नाम का उपयोग करना गलत है। लोगो को उपयोगकर्ता को याद दिलाने के लिए प्रमुखता से प्रदर्शित किया जाता है कि वे कहाँ हैं और ब्रांडिंग के उद्देश्य से हैं, लेकिन वे वास्तव में सामग्री या दस्तावेज़ का हिस्सा नहीं हैं।
मेरा मतलब है, जब आप एक समाचार कहानी देखते हैं तो आप कोने में एक समाचार चैनल का लोगो देख सकते हैं, लेकिन समाचार कहानी का शीर्षक "सीएनएन" या "बीबीसी न्यूज" नहीं होगा। शीर्षक कहानी के बारे में होगा, न कि कहानी प्रकाशित करने वाले नेटवर्क के बारे में। इसी तरह, जब आप एक पत्रिका पढ़ते हैं, तो शीर्षक में केवल लेख शीर्षक का उपयोग किया जाता है, प्रकाशन का नाम नहीं।
लोगो / साइट के नाम और दस्तावेज़ शीर्षक के लिए H1 टैग का उपयोग करना भी शब्दार्थ से गलत है। शीर्षक पृष्ठ पर सामग्री की पदानुक्रमित संरचना को परिभाषित करते हैं; साइट के नाम के लिए एक का उपयोग करना और दस्तावेज़ के शीर्षक के लिए दूसरा कहना है, इस पृष्ठ में 2 मुख्य खंड हैं: "mydomain.com" और "हमसे संपर्क करें"।
h1, लेकिन केवल उनके मुख्य पृष्ठ पर । किसी विशिष्ट प्रविष्टि पर जाएं और सूची शीर्षक अब अंदर है h1।
Google के SEO रिपोर्ट कार्ड दस्तावेज़ का पृष्ठ # 37 देखें :
अधिकांश उत्पाद मुख्य पृष्ठों में
<h1>ऊपर दिए गए उदाहरण की तरह, एक टैग का उपयोग करने का अवसर होता है, लेकिन वे वर्तमान में केवल अन्य शीर्षक टैग (<h3>इस मामले में) या बड़े फ़ॉन्ट स्टाइल का उपयोग कर रहे हैं । अपने पाठ को स्टाइल करते समय ऐसा प्रतीत होता है कि यह समान दृश्य प्रस्तुति प्राप्त कर सकता है, यह खोज इंजन को वही अर्थ प्रदान नहीं करता है जो<h1>टैग करता है। उत्पाद के नाम और / या इसकी विशेषताओं के बारे में कुछ शब्द<h1>उत्पाद के मुख्य पृष्ठ के लिए एक टैग में हैं ।
Google के अपने प्रसाद के विश्लेषण के अनुसार, मैं इस निष्कर्ष पर पहुंचूंगा कि Google को H1 में प्रदर्शित होने के लिए एक अद्वितीय, पृष्ठ-विशिष्ट मूल्य की उम्मीद है (लिंक किए गए दस्तावेज़ में चित्रण यह दिखाता है)।
यहां एक अच्छा तर्क दिया गया है: आपका लोगो एक छवि है, न कि <h1>
शब्दार्थ, <h1>का उपयोग पृष्ठ शीर्षक के लिए किया जाना चाहिए, और पृष्ठ का शीर्षक प्रति पृष्ठ अद्वितीय होना चाहिए। आपके लोगो या साइट का नाम है नहीं पृष्ठ का शीर्षक (शायद मुख पृष्ठ के अलावा)।
आपका लोगो / साइट का नाम एक सादे div में होना चाहिए, शायद 'हेडिंग' की आईडी के साथ। या, <header>HTML5 का उपयोग करते हुए टैग।
<img>टैग नहीं होना चाहिए , यह एक पृष्ठभूमि हो सकती है, केवल एक <h1>टैग पर पृष्ठभूमि नहीं । हालांकि, जैसा कि लिंक किए गए लेख का तर्क है, आपके लोगो को पृष्ठ सामग्री के रूप में देखा जा सकता है।
IMO पृष्ठ पर केवल एक H1 होना चाहिए। और एच 1 को हमेशा एच 2 से पहले होना चाहिए - अपनी सामग्री का एक सही पदानुक्रम बनाए रखने के लिए।
लोगो को अक्सर हर पृष्ठ पर दोहराया जाता है और, जैसा कि आप कहते हैं, अधिकांश पृष्ठों पर शीर्षक लगभग हमेशा अधिक महत्वपूर्ण होता है।
मुखपृष्ठ पर मैं उपयोग करने पर विचार करूंगा:
लोगो / शीर्षक - H1 [, शीर्षक - H2]
हालांकि, आपके मुखपृष्ठ पर लोगो आपके शीर्षक का अच्छी तरह से उपयोग कर सकता है।
हालाँकि, बाद के सभी पन्नों पर मैं इसके लिए जाऊंगा:
लोगो - अन्य टैग, शीर्षक - एच 1
यहां तक कि लोगो को पृष्ठभूमि-छवि के रूप में उपयुक्त होने पर।
आप वास्तव में अपने H1 टैग में क्या देख रहे हैं, यह पृष्ठ का शीर्षक है या जो इस पृष्ठ को विशिष्ट बनाता है। यदि आप इसमें एक छवि का उपयोग कर रहे हैं, तो आपको इसे नीचता के लिए एक पतन विधि के साथ करने की आवश्यकता है:
<style>
h1{background: url('imagePathHere.gif');width:60px;height:10px;}
h1 span{display:none}
</style>
<h1><span>Unique Page Title</span></h1>
इस तरह आप एच 1 (जो लोग अक्सर लोगो क्षेत्र के रूप में दुरुपयोग करते हैं) के लिए दिखाने के लिए एक छवि सेट कर सकते हैं और अभी भी अपमानित इंटरनेट अनुभवों का उपयोग करने वाले लोगों के लिए इसके अंदर अच्छी सामग्री है। यह आपके एसईओ मूल्य को भी खुश करता है।
यह एक अच्छा सवाल है, इस अभ्यास (और टेम्पलेट्स) के कारण जो वहाँ से बाहर हैं।
व्यक्तिगत रूप से, मुझे निम्नलिखित पर विचार करते हुए, "101 रूपरेखा" तर्क का उल्लेख करना पसंद है:
H1 एक शीर्षक की तरह है (निश्चित रूप से आप अपने HTML शीर्षक को पूरक करना पसंद करते हैं) और प्रति पृष्ठ केवल एक पृष्ठ होना चाहिए, जैसे एक पृष्ठ केवल एक शीर्षक है
H2 एक तरह से रोमन संख्याएं हैं जैसे कि रूपरेखा: I., II।, III।, आदि।
एच 3 ए, बी, सी की रूपरेखा के बराबर होगा।
अक्सर, इस तर्क का व्यावहारिक उपयोग ठीक वेब पेज पर लागू करना कठिन होता है - जानकारी के बहुत सारे आकस्मिक बिट्स होते हैं जो बस उस पदानुक्रम में रोल नहीं करते हैं। हालाँकि, यदि आप बैठते हैं और उस तर्क के साथ इसे तोड़ने की कोशिश करते हैं, तो मुझे लगता है कि अनुशासन का लाभ है।
मैं h1मुख्य शीर्षक आदमी के लिए हूँ । और मुख्य शीर्षक सजाया गया है साइट का नाम, या जैसा कि आप इसे कहते हैं, लोगो। यहाँ बिंदु है - वेबसाइट के हेडर में, लोगो वास्तव में लोगो नहीं है, यह सचित्र साइट के हेडर है। डिजाइनर इसे लोगो के रूप में डिजाइन करना पसंद करते हैं।
लोगो में गलत क्या है -> H1?
<div>Google</div>
<h1>About Us</h1>
अब, जैसा h1कि सबसे महत्वपूर्ण खंड है क्योंकि यह आगंतुक को बताता है कि यह सब क्या है, आगंतुक पृष्ठ को समझ नहीं सकता, क्योंकि h1यह बहुत विशिष्ट है। किसके बारे में?
<h1>Google</h1>
<h2>About Us</h2>
यह पेज Google के बारे में है। यहां हमारे बारे में अनुभाग है। देखें - कोई सवाल नहीं है? सबकुछ स्पष्ट है।
पृष्ठ संरचना। अगर आप साइट के मुख्य शीर्षक को div या p में रखते हैं, तो इसे संबद्ध करने के लिए कुछ भी नहीं है।
<p>Google</p>
<h1>About us</h1>
अगर h1बाद में आता है तो मैं Google के साथ "About U" को कैसे जोड़ सकता हूं ? क्योंकि AFTER जो भी आता H1है, उससे जुड़ा होता है, न कि पहले जो बन जाता है।
<h1>Google</h1>
<h2>About Us</h2>
"हमारे बारे में" Google से संबंधित है। कोई सवाल नहीं।
HTML, DESCRIBE जानकारी की भाषा है। इसलिए आप जानकारी प्रदर्शित नहीं करते हैं, आप इसका वर्णन करते हैं। और प्रत्येक पृष्ठ स्वतंत्र है। इसलिए आप एक पृष्ठ का वर्णन करते हैं क्योंकि पृष्ठों के बीच कोई जुड़ाव नहीं हैं। बस ऐसे लिंक जो व्यक्तिगत पेजों को लिंक करते हैं।
<p>Google</p>
<h1>About us</h1>
यह पृष्ठ हमारे बारे में है। कौन / क्या है? अस्पष्ट। यह सिर्फ "हमारे बारे में" नामक कुछ का वर्णन करता है।
<h1>Google</h1>
<h2>About Us</h2>
यह साइट Google का वर्णन करती है। और हमारे बारे में एक खंड है। Us = सबसे शायद Google, कारण संरचना इस तरह से वर्णन करता है।
मुझे आशा है कि मैंने अपनी बात बनाई :)
पुनश्च! आप उपयोग नहीं कर सकते h2- h1- h3के रूप में यह विसंगत है, इसलिए एक बड़ा असफल। सिर्फ इसलिए कि w3c ने कहा है कि इसकी अनुमति नहीं है, इसे वैध नहीं बनाता है। यह अतार्किक है, इसके बारे में सोचो।
एक h2 टैग के रूप में लोगो?
मैं बस SitePoint (www.sitepoint.com) के आसपास ब्राउज़ कर रहा था, जो एक नियमित रूप से पृष्ठों और ब्लॉग के मिश्रण के साथ एक WordPress ब्लॉग है। सामान्य तौर पर, मैंने पाया कि उनके पास एच 1 टैग के रूप में पृष्ठ का शीर्षक है, और लोगो एच 2 के रूप में सेट है। आप इसे www.blogs.sitepoint.com/category/design/ जैसे ब्लॉग पेज पर देख सकते हैं। साइट के चारों ओर मंडराते हुए आपको अलग-अलग सेटअप मिलते हैं। मैं अक्सर मुख्य उत्पाद पृष्ठ (http://products.sitepoint.com/) पर एक उदाहरण के रूप में h1 टैग नहीं पा सकता था। हालांकि उस पृष्ठ से, यदि आप अधिक जानकारी के लिए किसी विशेष उत्पाद पर क्लिक करते हैं www.sitepoint.com/books/design2/, तो आप फिर से पाते हैं कि h1 पृष्ठ का शीर्षक है, h2 लोगो है। एक विशिष्ट वेब पेज ब्लॉग के समान है, (www.sitepoint.com/help/ देखें)। इस मामले में FAQ के विषय सभी h2 टैग हैं।
टॉम रोजर्स
आपके लोगो को शीर्षक में नेस्टेड होने की आवश्यकता नहीं है - इसमें एक साधारण लिंक की गई छवि headerपर्याप्त है। लेकिन आपकी साइट का शीर्षक और पृष्ठ / लेख शीर्षक दोनों होना चाहिए <h1>। यह आलेख जानकारीपूर्ण है: HTML5 युग में कई एच 1 टैग के बारे में सच्चाई ।