क्या शीर्ष लेख तत्वों में SEO का <i> उपयोग करना बुरा है?

11

एक उपयोगकर्ता के अनुकूल वेबसाइट बनाने के लिए, मुझे <h>इस तरह के तत्वों में फ़ॉन्ट विस्मयकारी फोंट में से कुछ का उपयोग करना होगा:

<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
 Performance
</h2>

वास्तव में, यह एक समीक्षा लेख है। इन फ़ॉन्ट (या डाल करने के लिए यह ठीक है <i>की तरह शीर्ष लेख तत्वों के भीतरी HTML में तत्व) <h1>, <h2>, <h3>, आदि?

कृपया अपने स्रोत या कुछ दस्तावेज प्रदान करें, क्योंकि यह वास्तव में मेरे लिए महत्वपूर्ण है; मैं इस विषय में कोई गलती नहीं करना चाहता।

seo html heading

— अमीरेज़ा नसीरी
स्रोत

3

<span>FontAwesome के लिए उपयोग करने के लिए बेहतर है , इसका उपयोग <i>करके मूर्खतापूर्ण <h2><span class="fa fa-gear"> </span></h2>रूप से काम करेगा।

— साइमन हैटर

11

मैं कहूंगा कि इससे बहुत नुकसान नहीं होगा, न ही इससे कुछ होगा। मैं अपने हेडर टैग को साफ रखना पसंद करता हूं और इसमें जोड़ नहीं दूंगा i। इनलाइन स्टाइल एक बड़ी समस्या होगी, जो वास्तव में एक बड़ा मुद्दा नहीं है।

ऐसा करने के बजाय, आप गियर आइकन को सीधे H2 में जोड़ सकते हैं:

h2.Geared:before{
    display: inline-block;
    color: rgb(102, 149, 45); 
    font-family: "FontAwesome";
    content: "\f013"; /*The actual character FontAwesome uses */
}

<h2 class="Geared">This text will have the gear</h2>

— Martijn
स्रोत

3

उपयोगकर्ता को वास्तव में CSS का उपयोग करना चाहिए और अपने HTML को ब्लोट नहीं करना चाहिए। हेडर टैग को स्टाइल करते समय कोई भी हार्ट-बर्न, फूला हुआ HTML नहीं होगा।

— क्लोजेटनॉक

1

मैं कुछ हद तक असहमत हूं। क्योंकि आप दोनों ने इस तथ्य को अनदेखा कर दिया है कि आपका HTML कम हो रहा है लेकिन फिर CSS बढ़ रहा है, वास्तव में आपका घटने से अधिक बढ़ रहा है। यदि आप इसे कम बाइट्स का उपभोग करने के लिए कर रहे हैं, तो एसएएस का उपयोग करें और सीएसएस में एक विलक्षण रेखा का उपयोग करें जैसे: .h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}इसके अलावा, <h2>Title <span class="fa fa-gear"> <span></h2>पूरी तरह से मान्य का उपयोग करने के साथ कुछ भी गलत नहीं होगा और थोड़े समय में एसईओ को नुकसान नहीं पहुंचाएगा।

— साइमन हैटर

यद्यपि क्लासनाम खराब रूप से चुना गया है, आप आसानी से अपने सभी सीएसएस को बदलने के बिना गियर को दूसरे आइकन में बदल सकते हैं। आप सीएसएस के साथ उपस्थिति को बदल सकते हैं, जो इसे एक स्टाइलशीट में रखेगा। मैं आपके सुझाव से सहमत हूँ, या तो खराब IMO नहीं हैं।

— मार्टिज़न

सुझाव है कि sass का उपयोग करके html और css को कम किया जा सकता है। Sass css में फैलता है, इसलिए यह केवल टाइपिंग पर कोई बैंडविड्थ नहीं बचाता है। यह मूल्यवान है, निश्चित है, लेकिन हाथ में चर्चा से संबंधित नहीं है।

— नैट

6

Google इन दिनों आपके द्वारा उपयोग किए जाने वाले टैग पर लगभग ध्यान नहीं देता है। Google इस बात की परवाह करता है कि पृष्ठ उपयोगकर्ताओं को कैसा दिखता है। यह ध्यान देता है कि कौन सा पाठ बड़ा है। यह ध्यान देता है कि कौन सा पाठ प्रमुख है। यह ध्यान देता है कि कौन सा पाठ छिपा है। हाल ही के एसईओ परीक्षणों से पता चला है कि एक <div>टैग का उपयोग करने में कोई अंतर नहीं है जो कि हेडिंग की तरह दिखता है और <h1>जहां तक Google का संबंध है टैग का उपयोग करने के लिए।

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

— स्टीफन ओस्टरमिलर
स्रोत

यह उत्तर है। <i> एक मानक HTML तत्व है और यह कभी भी आपके एसईओ को प्रभावित नहीं करेगा। इसके अलावा, सीएसएस स्टाइलिंग एसईओ को कभी भी प्रभावित नहीं करेगा सिवाय इसके कि अगर यह सामग्री को छिपाने के लिए उपयोग किया जाता है। सबसे महत्वपूर्ण कुंजी हमेशा सामग्री, सामग्री, सामग्री होगी।

— रोब

-1

हाँ यह एक बुरा विचार है। स्पष्ट कथन <h>टैग का उपयोग करें , यह Google के नियमों में से एक है।

— user6521985
स्रोत

2

यह उत्तर गलत है

— जॉन कोंडे

1

मैंने कभी भी एक <h>टैग के बारे में नहीं सुना है , उनके उपयोग के लिए Google से नियमों को चलाने दें। क्या आप कुछ प्रलेखन से जुड़ सकते हैं?

— स्टीफन Ostermiller