HTML में लिंक किए गए दस्तावेज़ की भाषा कैसे सेट करें?

hreflang एट्रिब्यूट

hreflang एट्रिब्यूट HTML में <a>, <link>, और <area> तत्वों पर लिंक किए गए दस्तावेज़ की भाषा निर्दिष्ट करता है। यह खोज इंजनों और ब्राउज़र्स को लिंक किए गए संसाधन की भाषा समझने में मदद करता है।

उदाहरण

निम्नलिखित कोड hreflang एट्रिब्यूट का उपयोग दिखाता है:

<!DOCTYPE html>
<html>
<head>
    <title>HTML hreflang एट्रिब्यूट</title>
</head>
<body>
    <h2>बहुभाषी लिंक्स</h2>
    <p>डेटाबेस ट्यूटोरियल:</p>
    <ul>
        <li><a href="/dbms/index.htm" hreflang="en">DBMS (English)</a></li>
        <li><a href="/dbms/index_hi.htm" hreflang="hi">DBMS (हिन्दी)</a></li>
        <li><a href="/dbms/index_es.htm" hreflang="es">DBMS (Español)</a></li>
        <li><a href="/dbms/index_fr.htm" hreflang="fr">DBMS (Français)</a></li>
    </ul>
    
    <h2>अन्य उपयोग: <link> में</h2>
    <!-- दस्तावेज़ के वैकल्पिक भाषा संस्करण -->
    <link rel="alternate" hreflang="en" href="/en/page.html">
    <link rel="alternate" hreflang="hi" href="/hi/page.html">
    <link rel="alternate" hreflang="x-default" href="/page.html">
</body>
</html>

भाषा कोड (BCP 47)

SEO लाभ: hreflang एनोटेशन

बहुभाषी साइट्स के लिए, <link rel="alternate" hreflang="..."> का उपयोग करना महत्वपूर्ण है:

<head>
    <title>उत्पाद पृष्ठ</title>
    <!-- वर्तमान पृष्ठ -->
    <link rel="alternate" hreflang="x-default" href="https://example.com/product">
    <link rel="alternate" hreflang="en" href="https://example.com/en/product">
    <link rel="alternate" hreflang="hi" href="https://example.com/hi/product">
    <link rel="alternate" hreflang="es" href="https://example.com/es/product">
    
    <!-- या HTTP हेडर के माध्यम से -->
    <!-- Link: <https://example.com/en/product>; rel="alternate"; hreflang="en" -->
</head>

ब्राउज़र व्यवहार

• अधिकांश ब्राउज़र्स hreflang को दृश्य रूप से नहीं दिखाते
• कुछ ब्राउज़र एक्सटेंशन/डेवलपर टूल्स इसे दिखा सकते हैं
• स्क्रीन रीडर्स भाषा घोषणा के लिए इसका उपयोग कर सकते हैं
• खोज इंजन (Google, Yandex, Bing) अंतर्राष्ट्रीय SEO के लिए इसका उपयोग करते हैं

सर्वोत्तम प्रथाएँ

• हमेशा वैध BCP 47 भाषा टैग्स उपयोग करें
• पारस्परिक लिंकिंग: प्रत्येक भाषा संस्करण अन्य सभी को संदर्भित करे
• x-default फॉलबैक के लिए उपयोग करें
• साइटमैप में भी hreflang एनोटेशन शामिल करें