लंगर टैग के अंदर एंकर टैग <h1> या <h1> बेहतर है?

Question

मैं <h1>पोस्ट शीर्षक के लिए अपने ब्लॉग पर टैग का उपयोग करने की कोशिश कर रहा हूं और एक समस्या के साथ आया हूं। शीर्षक हाइपरलिंक है।

मामला एक:

<h1> <a href=""> xyz </a> </h1>

मामला 2:

<a href=""> <h1> xyz</h1> </a> 

SEO के लिहाज से कौन सा बेहतर है?

Answer 1

यदि आप HTML5 का उपयोग कर रहे हैं , तो बस एक चुनें; वे बराबर हैं।
HTML5 ब्लॉक-स्तरीय लिंक की अनुमति देता है , लेकिन आपके मामले में ऐसा करने का कोई विशेष कारण नहीं है, क्योंकि केवल एक ब्लॉक-स्तरीय तत्व है। निजी तौर पर, मैं इसे यहां नहीं करूंगा, क्योंकि <h1>बाहर की तरफ टैग होने से सोर्स कोड के लिए स्कैन करना आसान हो जाएगा।

कुछ भी (XHTML, HTML4, आदि) और दूसरा एक सादा गलत है। यह मान्य कोड नहीं होगा, और कुछ स्तर पर जो आपके खोज अनुकूलन के लिए बुरा है [मानक अस्वीकरण सम्मिलित करें कि कोई एकल अपराध वास्तव में किसी चीज को कैसे प्रभावित करता है, आदि]।

Comments

मेरा एक प्रश्न है: <h1> हैलो <h1> // 5 अक्षर <h1> <a> हैलो </a> </ h1> // 5 वर्ण या Google इसे 12 वर्णों के रूप में पढ़ता है?

— hfarazm

Answer 2

वे वही हैं जहाँ तक एसईओ का संबंध है। (आमतौर पर ब्लॉक स्तर के तत्वों में इनलाइन तत्व होते हैं और इसके विपरीत नहीं, इसलिए आपको पहले उदाहरण का उपयोग करना चाहिए लेकिन यह एसईओ को प्रभावित नहीं करेगा)।

Comments

वास्तव में इनलाइन तत्वों में HTML कल्पना के अनुसार ब्लॉक तत्व नहीं होने चाहिए ।

— असंतुष्टGo

@DisgruntledGoat बिल्कुल नहीं। सिद्धांत की आवश्यकता है।

— सु '

@ एसयू 'जो सिद्धांत इनलाइन तत्वों के अंदर ब्लॉक तत्वों को अनुमति देता है?

— असंतुष्टगीत

@DisgruntledGoat HTML5 लिंक (पूर्व में सिर्फ इनलाइन तत्व) को हेडर और पैरा टैग जैसे ब्लॉक तत्वों को घेरने की अनुमति देता है। यह वह जगह है जहाँ सिद्धांत महत्वपूर्ण है। यदि आप HTML5 का उपयोग कर रहे हैं, तो हर तरह से पैटर्न का उपयोग करें <a><h1></h1></a>। अन्यथा, के पारंपरिक पैटर्न का उपयोग करें <h1><a></a></h1>। Google दोनों तरीकों पर समान रूप से ध्यान देगा, लेकिन कुछ ब्राउज़र गैर-मानक पैटर्न के साथ अच्छी तरह से नहीं खेल सकते हैं UNLESS आपके पास सही सिद्धांत (HTML5) है।

— टीना बेल वंस

इसलिए उपरोक्त नाम लंगर टैग के लिए भी लागू होगा। है ना? <h1> <a name='intro'> परिचय </a> </ h1> <a name='intro'> <h1> परिचय </ h1> </a> के अलावा होना अच्छा है।

— जयपाल चंद्रन

Answer 3

एचटीएमएल 5 में वे दोनों सही हैं, एचटीएमएल इनलाइन तत्वों को ब्लॉक करने की अनुमति देता है। इसका SEO पर भी कोई प्रभाव नहीं पड़ता है, दोनों ही मामलों में टेक्स्ट को हेडिंग में लपेटा जाता है, इसलिए इसका मान समान रहता है।

यह वैधता का विकल्प नहीं है, लेकिन उपयोगकर्ता इंटरफ़ेस में एक प्राथमिकता है:

• यदि आप एंकर के चारों ओर हेडर लपेटते हैं, तो आप एक बड़ा एंकर बनाते हैं, केवल टेक्स्ट क्लिक करने योग्य होगा।
• जब आप एंकर को हेडर के चारों ओर लपेटते हैं, तो पूरी लाइन क्लिक करने योग्य हो जाती है।

मैंने आपको jsFiddle.net पर एक उदाहरण दिया है

Answer 4

मुझे लगता है कि केस 2 के hrefसाथ मेरे पृष्ठ के बाकी हिस्सों के साथ सम्मिलित अक्सर लाइन से बाहर है। लेकिन यह तरीका हो सकता है कि मैं अपने मार्जिन को अपने में सेट करूं .css। इस प्रकार मैं केस 1 का पक्ष लूंगा।

Answer 5

यहाँ क्या कहा गया है अंतर्दृष्टि, आप सभी को धन्यवाद। चलो इसे एक और पायदान पर ले जाएं: माइक्रोडाटा और इस तरह के समीकरण में जोड़ना।

मान लीजिए कि हमें मिल गया है

<h1 itemprop="name"><a href="http://goldenage.com/maths.html"
itemprop="url">Mathematics in The Muslim Golden Age</a></h1>

के साथ प्रतिस्पर्धा

<a href="http://goldenage.com/maths.html" itemprop="url"><h1
itemprop="name">Mathematics in The Muslim Golden Age</h1></a>

मेरे लिए, 'प्रदर्शन की परवाह किए बिना', उदाहरण 2 अधिक समझ में आता है। क्योंकि लिंक कभी भी नाम का हिस्सा नहीं है। अंतर आंतरिक HTML और textContent, DOMwise के बीच अंतर को उबालता है। भीतर के एचटीएमएल के माध्यम से इसे देखते हुए, लंगर रास्ते में हो जाता है। यदि TextContent तरीका होता, तो टैग हटा दिए जाते। तो यह भी सवाल डालता है: भीतर HTML या textContent।

तो मैं कहूँगा, माइक्रोडेटा को ध्यान में रखते हुए, बाहर की तरफ लंगर होना अधिक शुद्ध है।

इसके आधार पर: http://thenewcode.com/617/How-To-Add-Microdata-To-our-Blog

Answer 6

<h1> <a href=""> xyz </a> </h1> यह उदाहरण सही है।

Comments

या तो कर रहे हैं एचटीएमएल 5 के तहत सही

— साइमन हैटर

Answer 7

ब्लॉक स्तर के लिंक को एसईओ उद्देश्यों के लिए टाला जाना चाहिए - घोड़े के मुंह से: https://www.seroundtable.com/block-level-links-google-seo-16369.html

अपडेट: लिंक से प्राप्त जानकारी ...

लिंकिंग कंस्ट्रक्शन होने के नाते, जैसा कि दूसरों ने कहा है, लिंकिंग के लिए ठीक है। हालांकि, एसईओ प्रयोजनों के लिए, आपको लंगर पाठ को साफ रखना चाहिए ताकि Google लंगर की बेहतर व्याख्या कर सके और उपयुक्त प्रासंगिकता प्रदान कर सके।

जॉन म्यूलर (Google में वेबमास्टर ट्रेंड्स एनालिस्ट) ने कहा ...

वह उपयोग हमारे साथ ठीक होगा (Google) - हम अभी भी लिंक उठाएँगे, और अपने पाठ को उसके साथ एक एंकर के रूप में जोड़ पाएंगे। हम HTML को पार्स करने के साथ बहुत लचीले हैं, इसलिए आप शायद HTML4 के साथ भी इसका उपयोग कर सकते हैं। उस ने कहा, जितना स्पष्ट आप अपना लंगर पाठ बनाते हैं, उतना ही आसान यह हमारे लिए लिंक के संदर्भ को समझने के लिए है, इसलिए मैं जरूरी नहीं कि आपके सभी आंतरिक लिंक के लिए लंगर के रूप में हमेशा एक पूरे पैराग्राफ का उपयोग करूंगा।

TL; DR for SEO, ब्लॉक-स्तर लिंक का उपयोग न करें।

Comments

इस आशा के साथ कि आप अपने उत्तर को अपडेट करेंगे, यह दर्शाता है, भाग में, क्यों दोनों उदाहरण समान नहीं हैं जैसा कि दूसरों ने कहा है।

— रोब

Answer 8

यदि उद्देश्य लिंक के अंदर अतिरिक्त क्लिक करने योग्य तत्व है (जैसे चित्र आदि) और फिर भी HTML <5 के साथ मान्य है, तो आपके पास जावास्क्रिप्ट के साथ दोनों तरीके हो सकते हैं:

<div onclick="if (this.getElementsByTagName('a')[0]) location=this.getElementsByTagName('a')[0].href;">
<img src="/foo" alt="" />
<h1>
<a href="#">
linked-heading
</a>
</h1>
</div>

और, बस:

<h1 onclick="if (this.getElementsByTagName('a')[0]) location=this.getElementsByTagName('a')[0].href;">
<a href="#">
linked-heading
</a>
</h1>

cursor:pointerचाल को पूरा करने के लिए मूल तत्व के सीएसएस में जोड़ें ।

Comments

इनलाइन जावास्क्रिप्ट? क्या हम 1999 में वापस आ गए हैं? ;)

— मार्टिगन

आप भी ऐसा क्यों करेंगे? एंकर में सिर्फ हेडर लपेटें। यह सिर्फ बुरा अभ्यास है

— मार्टिगन

टिप्पणी को ध्यान से पढ़ें, आपको अपना उत्तर वहीं मिलेगा;) Html 4.01 वास्तव में 1999 जैसा ही पुराना है। जब आप अपने सुझाव को उस सिद्धांत के तहत मान्य करने का प्रयास करेंगे, तो आपको निम्न त्रुटि मिलेगी: "[D] ocument प्रकार करता है यहां तत्व "H1" की अनुमति न दें (...) इस संदेश का एक संभावित कारण यह है कि आपने एक इनलाइन तत्व के अंदर एक ब्लॉक-स्तरीय तत्व (जैसे "<p>" या "<table>") डालने का प्रयास किया है ( जैसे "<a>", "<span>", या "<font>")। " बेशक, किसी को भी इस बात की परवाह नहीं है कि सत्यापनकर्ता क्या कहते हैं, इसलिए टिप्पणी की शुरुआत में "यदि"।

— लुसियन डेविदेसु