फ़र्ज़ करें आप दोस्तों के किसी ऐसे group के पास जाते हैं जो कोई ऐसी भाषा बोल रहे हैं जो आप नहीं समझते। आपको यह पता लगाने के लिए कि यह कौन-सी भाषा है, कुछ मिनट सुनना पड़ेगा।
Browsers और screen readers को भी ठीक यही समस्या होती है। जब वे कोई webpage लोड करते हैं, तो उन्हें यह पता लगाने के लिए text पढ़ना पड़ता है कि वह किस भाषा में लिखा है। HTML lang attribute इसे solve करता है।
यह आपके webpage पर एक language tag लगाने जैसा है। सरल two-letter codes लिखकर, आप browser, screen readers, और सर्च इंजनों को बता देते हैं कि आप असल में कौन-सी भाषा इस्तेमाल कर रहे हैं, ताकि वे accents सही तरीके से render कर सकें, शब्दों का उच्चारण कर सकें, और आपके pages को सही तरीके से rank कर सकें।
lang attribute आपके opening html tag के अंदर इस्तेमाल होता है ताकि आपके webpage की primary language डिक्लेयर हो सके, जो accessibility और search engine optimization दोनों के लिए ज़रूरी है।
Note:
अपने opening html tag के अंदर हमेशा page की primary language डिक्लेयर करें।
Warning:
सही language tag सेट न करने से screen readers आपका text गलत उच्चारण के साथ पढ़ सकते हैं।
उदाहरण: The lang Attribute
markup
<html lang="en">
</html>
स्टैंडर्ड दो-अक्षर वाले लैंग्वेज कोड्स
HTML webpage की भाषा तय करने के लिए standard दो-अक्षर वाले ISO 639-1 language codes (जैसे English के लिए en, Spanish के लिए es, या German के लिए de) इस्तेमाल करता है।
Note:
अपने दो-अक्षर वाले language codes लिखते समय हमेशा lowercase letters का इस्तेमाल करें।
Warning:
custom, non-standard language codes इस्तेमाल करने से browser rendering और translation में errors आ सकती हैं।
उदाहरण: Standard Two-Letter Language Codes
markup
<html lang="es">
</html>
रीजनल लैंग्वेज वेरिएंट्स तय करना
भाषाओं में अक्सर regional variations होते हैं। आप अपने language tag में दो-अक्षर वाला ISO 3166-1 country code (जैसे American English के लिए en-US, या British English के लिए en-GB) जोड़कर ये variations बता सकते हैं।
Note:
specific देशों के लिए अपनी pricing tables, dates, और spelling customize करने के लिए regional language tags का इस्तेमाल करें।
Warning:
country code को uppercase letters में लिखें, और language code से hyphen से अलग करें।
उदाहरण: Specifying Regional Language Variants
markup
<html lang="en-US">
</html>
एक्सेसिबिलिटी और लैंग्वेज कोड्स
जब visually impaired users कोई webpage खोलते हैं, तो screen readers सही उच्चारण voice चुनने के लिए आपका lang attribute इस्तेमाल करते हैं। अपनी site को accessible बनाए रखने के लिए सही language codes डिक्लेयर करना ज़रूरी है।
Note:
अगर कोई specific paragraph या word किसी दूसरी भाषा में लिखा है, तो उस tag पर एक local lang attribute लगाएं।
Warning:
language tags छोड़ देने से screen readers foreign text को default English pronunciation के साथ पढ़ सकते हैं, जिससे वह समझ में नहीं आता।
उदाहरण: Accessibility and Language Codes
markup
<p lang="fr">Bonjour tout le monde</p>
SEO और अनुवाद के फ़ायदे
सर्च इंजन आपका lang attribute इस्तेमाल करके आपके pages relevant देशों के users तक पहुँचाते हैं। browsers भी इस tag का इस्तेमाल करके दूसरी भाषाओं में pages लोड होने पर अपने आप translation banners दिखाते हैं।
Note:
international search results के लिए सर्च इंजनों को अपने pages index करने में मदद के लिए language tags डिक्लेयर करें।
Warning:
गलत language tags इस्तेमाल करने से सर्च bots confuse हो सकते हैं और आपकी page ranking गिर सकती है।
{# common_mistakes/chapter_summary/browser_support: on Hindi pages the
view already swaps in the hi_ translation fields (or blanks these
out if untranslated), so this renders correctly for both languages
without a lang_code check here. #}