जबकि एसईओ के प्रयोजनों के लिए, यह सच हो सकता है कि आदेश महत्वपूर्ण नहीं है, सुरक्षा, सामग्री (चरित्र) प्रदर्शन, या लोडिंग गति जैसी अन्य चीजों पर विचार करते समय यह सच नहीं है। इस तरह से अपने पृष्ठ के मुखिया को क्रमबद्ध करना एक अच्छा विचार है (वाक्यविन्यास के लिए HTML5 मानते हुए):
<head>
दस्तावेज़ में अब तक, आपको किसी भी गैर-एएससीआईआई पात्रों का उपयोग नहीं करना चाहिए, इसलिए चरित्र एन्कोडिंग अभी तक एक मुद्दा नहीं है। लेकिन गैर-ASCII वर्णों का उपयोग करने की संभावना एक बार जब आप उस टैग को खोलते हैं तो यह स्पष्ट हो जाता है। तदनुसार (और यह मानते हुए कि आप अपने चरित्र को प्रोग्रामेटिक या सर्वर स्तर पर एन्कोडिंग घोषित नहीं कर रहे हैं), आपको अगला कथन अपने चरित्र-एन्कोडिंग घोषणा को करना चाहिए। यह पार्सर्स / ब्राउज़रों / एजेंटों को संतुष्ट करता है जो चरित्र एन्कोडिंग कथनों के लिए सूँघ रहे होंगे:
<meta charset="utf-8">
बूटस्ट्रैप पर लोगों द्वारा निम्नलिखित दो ( X-UA-Compatible
और viewport
) की सिफारिश की जाती है (जैसा कि हाल ही में v3.3.4)। जबकि मैं लगभग सकारात्मक हूं कि ये सिफारिशें प्रदर्शन पर आधारित हैं, मैं जो कहता हूं उनमें से अधिकांश सट्टा होगा:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
यदि आप डिवाइस-अज्ञेयवादी डिजाइन / विकास (छोटे, गैर-डेस्कटॉप उपयोगकर्ता एजेंटों को शामिल) के बारे में सोच रहे हैं, तो आपको निम्नलिखित शामिल करना चाहिए:
<meta name="viewport" content="width=device-width, initial-scale=1">
आखिरकार, शीर्षक:
<title>Ingenious Page Title</title>
अगला, आप शीर्षक के बाद जितनी जल्दी हो सके सीएसएस की पेशकश करते हैं (उनके बीच कोई 'दिन के उजाले'):
<link rel="stylesheet" href="stylesheet-1.css">
<link rel="stylesheet" href="stylesheet-2.css">
यदि आप पृष्ठ-स्तरीय शैलियों का उपयोग कर रहे हैं, तो वे यहां जाएंगे। यह काफी हद तक सीएसएस की 'कैस्केडिंग' प्रकृति के कारण है: अर्थात् विशिष्टता के समान स्तरों की अंतिम शैली की घोषणा (जैसे दो कथन जो एक पैरा को लक्षित करते हैं p
)। बाहरी शैलियों को आसान बनाने के लिए (अर्थात अधिक विशिष्टता का उपयोग किए बिना, या !important
), आपको पृष्ठ-स्तरीय शैलियों को बाहरी शैलियों के साथ रखना चाहिए (<link>
ओं) के । इसके अलावा, यह आमतौर पर पृष्ठ-स्तरीय शैलियों में @import निर्देश का उपयोग करने के लिए अनुपयुक्त है, क्योंकि यह अन्य शैली की संपत्ति के समवर्ती डाउनलोड को बाधित करेगा:
<style>body{color:black;}</style>
यह वह बिंदु है जहां मेटा टैग, फेवीकोन और अन्य क्रॉफ्ट को रखना सबसे उपयुक्त लगता है। यह तर्कपूर्ण है कि ज्यादातर मेटा टैग से पहले फेविकॉन या इसी तरह की संपत्ति (जैसे आईओएस ऐप इमेज) को लोड किया जाएगा, क्योंकि इससे उन परिसंपत्तियों को डाउनलोड करना जल्द ही शुरू हो जाता है।
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-icon.png">
<meta name="description" content="Some information that is descriptive of the content">
<meta name="generator" content="Microsoft FrontPage 2002">
क्योंकि यह रेंडरिंग में देरी / देरी करता है, यदि आपको स्क्रिप्ट की आवश्यकता होती है, तो उन्हें देर से लोड करें जो उचित है। यदि उन्हें होना चाहिए head
, तो आप उन्हें head
( </head>
) के बंद होने से पहले लोड कर सकते हैं । यदि आप उन्हें बाद में लोड कर सकते हैं, तो उन्हें body
टैग ( </body>
) के करीब से पहले रख दें ।
<script src="script-1.js"></script>
<script src="script-2.js"></script>
</head>
यह ज्यादातर मामलों में महत्वहीन लगता है कि एसईओ उद्देश्यों के लिए मेटा टैग के आदेश पर बहुत ध्यान देना है, यह देखते हुए कि अनुक्रमण बॉट्स (यानी खोज इंजन मकड़ियों) पूरे पृष्ठ का उपभोग करने जा रहे हैं। अन्यथा, वे किसी पृष्ठ की सामग्री को कैसे अनुक्रमित करेंगे, या उस सूचकांक को बाद में अपडेट करेंगे?
यह मेरे लिए उल्लेखनीय है कि हम जो सोचते हैं, वह सब जानते हैं, और वे सभी सिफारिशें जो हम वेब पर पाते हैं (यहां तक कि Google और बिंग वेबमास्टर टूल आदि जैसी जगहों से), अमेज़ॅन, Google जैसी साइटें और अन्य लोग जो स्पष्ट रूप से देखभाल करते हैं। ऐसे ऋणात्मक प्रदर्शन लाभ के बारे में इन नियमों का पालन नहीं किया जाता है।