தமிழ்

படங்களுக்கான பயனுள்ள Alt உரையை எழுதுவதற்கான ஒரு விரிவான வழிகாட்டி, பார்வை குறைபாடுள்ள பயனர்களுக்கான அணுகலை உறுதிசெய்தல் மற்றும் உலகளாவிய பார்வையாளர்களுக்காக SEO-ஐ மேம்படுத்துதல்.

Alt உரை எழுதுதல்: உலகளாவிய பார்வையாளர்களுக்கான விளக்கமான பட அணுகல்

இன்றைய டிஜிட்டல் உலகில், பார்வையாளர்களை ஈர்ப்பதிலும் தகவல்களைத் தெரிவிப்பதிலும் காட்சி உள்ளடக்கம் முக்கிய பங்கு வகிக்கிறது. இருப்பினும், பார்வை குறைபாடுள்ள பயனர்களுக்கு, இந்த உள்ளடக்கத்தை அணுகுவது சவாலாக இருக்கலாம். இங்குதான் Alt உரை வருகிறது. Alt உரை, அல்லது மாற்று உரை, என்பது HTML குறியீட்டில் பதிக்கப்பட்ட ஒரு படத்தின் சுருக்கமான விளக்கமாகும். இது ஸ்கிரீன் ரீடர்களால் உரக்கப் படிக்கப்படுகிறது, இது பார்வை குறைபாடுள்ள பயனர்கள் படத்தின் உள்ளடக்கம் மற்றும் சூழலைப் புரிந்துகொள்ள அனுமதிக்கிறது. மேலும், Alt உரை தேடுபொறி உகப்பாக்கத்தையும் (SEO) மேம்படுத்துகிறது, தேடுபொறிகள் உங்கள் படங்களைப் புரிந்துகொண்டு அட்டவணைப்படுத்த உதவுகிறது, உங்கள் வலைத்தளத்தை உலகளாவிய பார்வையாளர்களுக்கு மேலும் தெரியும்படி செய்கிறது.

Alt உரை ஏன் முக்கியமானது: அணுகல் மற்றும் SEO

Alt உரை என்பது ஒரு விருப்ப அம்சமல்ல; இது வலை அணுகலின் ஒரு அடிப்படை அம்சம் மற்றும் மதிப்புமிக்க SEO கருவியாகும். இது ஏன் மிகவும் முக்கியமானது என்பது இங்கே:

பார்வை குறைபாடுள்ள பயனர்களுக்கான அணுகல்

ஸ்கிரீன் ரீடர்கள் படங்களைப் பார்க்க முடியாத பயனர்களுக்கு அவற்றை விவரிக்க Alt உரையை நம்பியுள்ளன. துல்லியமான மற்றும் விளக்கமான Alt உரை இல்லாமல், இந்த பயனர்கள் உங்கள் வலைத்தளத்தின் உள்ளடக்கத்தை முழுமையாகப் புரிந்துகொள்வதிலிருந்து விலக்கப்படுகிறார்கள். ஒரு செய்தி வலைத்தளத்தைப் பார்க்கும்போது ஒரு போராட்டத்தின் படத்தைக் காண்பதாக கற்பனை செய்து பாருங்கள். Alt உரை இல்லாமல், ஒரு ஸ்கிரீன் ரீடர் வெறுமனே "படம்" என்று அறிவிக்கக்கூடும், அந்தப் போராட்டம் எதைப் பற்றியது என்பது பயனருக்குத் தெரியாமல் போய்விடும். "லண்டனில் காலநிலை நடவடிக்கைக்காக வாதிடும் பதாகைகளை ஏந்திய போராட்டக்காரர்கள்" போன்ற விளக்கமான Alt உரை முக்கியமான சூழலை வழங்குகிறது.

வழிமுறை உள்ளடக்கத்திற்கு இது இன்னும் முக்கியமானது. எடுத்துக்காட்டாக, சுஷி தயாரிப்பதற்கான படிகளைக் காட்டும் ஒரு சமையல் வலைத்தளத்திற்கு, "ஒரு சமையல்காரர் நோரி கடற்பாசியில் அரிசியை சமமாக பரப்பும் ஒரு நெருக்கமான காட்சி" போன்ற Alt உரை தேவைப்படுகிறது, இதனால் பயனர்கள் அதைப் பின்பற்ற முடியும்.

மேம்படுத்தப்பட்ட SEO செயல்திறன்

தேடுபொறிகள் படங்களின் உள்ளடக்கம் மற்றும் சுற்றியுள்ள உரையுடன் அவற்றின் பொருத்தத்தைப் புரிந்துகொள்ள Alt உரையைப் பயன்படுத்துகின்றன. விளக்கமான மற்றும் முக்கிய வார்த்தைகள் நிறைந்த Alt உரையை வழங்குவதன் மூலம், உங்கள் படங்களை தேடுபொறிகள் மிகவும் திறம்பட அட்டவணைப்படுத்த உதவலாம், உங்கள் வலைத்தளத்தின் ஒட்டுமொத்த தேடல் தரவரிசையை மேம்படுத்தலாம். எடுத்துக்காட்டாக, நீங்கள் கையால் செய்யப்பட்ட மட்பாண்டங்களை ஆன்லைனில் விற்கிறீர்கள் என்றால், "நீல நிற மெருகூட்டப்பட்ட கையால் செய்யப்பட்ட பீங்கான் குவளை" போன்ற Alt உரையைப் பயன்படுத்துவது, மக்கள் இதேபோன்ற பொருட்களைத் தேடும்போது உங்கள் தயாரிப்பு தேடல் முடிவுகளில் தோன்ற உதவும். உலகளாவிய சந்தையை இலக்காகக் கொண்ட இ-காமர்ஸ் வணிகங்களுக்கு இது மிகவும் முக்கியமானது.

மேலும், தேடல் உலகில் படத் தேடல் பெருகிய முறையில் முக்கியத்துவம் வாய்ந்த ஒரு பகுதியாக உள்ளது. நன்கு உகப்பாக்கப்பட்ட Alt உரை உங்கள் படங்கள் படத் தேடல் முடிவுகளில் கண்டறியப்படுவதை உறுதிசெய்கிறது, உங்கள் வலைத்தளத்திற்கு கூடுதல் போக்குவரத்தை ஈர்க்கிறது.

அணுகல் தரங்களுடன் இணக்கம்

பல நாடுகளில் அணுகல் சட்டங்கள் மற்றும் வழிகாட்டுதல்கள் உள்ளன, அதாவது அமெரிக்காவில் அமெரிக்க ஊனமுற்றோர் சட்டம் (ADA), கனடாவில் ஒன்ராறியர்களுக்கான அணுகல் சட்டம் (AODA) மற்றும் ஐரோப்பாவில் ஐரோப்பிய அணுகல் சட்டம் (EAA). இந்தச் சட்டங்கள் பெரும்பாலும் வலைத்தளங்கள் பார்வை குறைபாடு உள்ளவர்கள் உட்பட ஊனமுற்ற பயனர்களுக்கு அணுகக்கூடியதாக இருக்க வேண்டும் என்று கோருகின்றன. இந்தத் தரங்களுக்கு இணங்க துல்லியமான மற்றும் விளக்கமான Alt உரையை வழங்குவது அவசியம். இணங்கத் தவறினால் சட்டரீதியான அபராதங்கள் மற்றும் நற்பெயருக்கு சேதம் ஏற்படலாம்.

பயனுள்ள Alt உரையை எழுதுவதற்கான சிறந்த நடைமுறைகள்

பயனுள்ள Alt உரையை எழுதுவதற்கு கவனமான பரிசீலனை மற்றும் விவரங்களுக்கு கவனம் தேவை. பின்பற்ற வேண்டிய சில சிறந்த நடைமுறைகள் இங்கே:

விளக்கமாகவும் சுருக்கமாகவும் இருங்கள்

Alt உரையின் முதன்மை நோக்கம் படத்தை முடிந்தவரை துல்லியமாகவும் சுருக்கமாகவும் விவரிப்பதாகும். படத்தின் பொருளை வெளிப்படுத்த போதுமான விவரங்களை வழங்குவதற்கும், உரையை சுருக்கமாகவும் எளிதில் புரிந்துகொள்ளக்கூடியதாகவும் வைத்திருப்பதற்கும் இடையில் ஒரு சமநிலையை நோக்கமாகக் கொள்ளுங்கள். பொதுவாக, சில வார்த்தைகள் முதல் ஒரு குறுகிய வாக்கியம் வரை போதுமானது. படம் எதைத் தெரிவிக்க முயற்சிக்கிறது என்பதைக் கவனியுங்கள். படத்தைப் பார்க்க முடியாத ஒருவருக்கு நீங்கள் விவரிப்பதாக கற்பனை செய்து பாருங்கள்.

எடுத்துக்காட்டு:

தவறு: image.jpg

சரி: மும்பையில் மத்தாப்புகளுடன் தீபாவளி கொண்டாடும் மக்கள் குழு.

சூழலில் கவனம் செலுத்துங்கள்

சிறந்த Alt உரை படத்தின் சூழலைப் பொறுத்தது. படம் சுற்றியுள்ள உள்ளடக்கத்துடன் எவ்வாறு தொடர்புடையது மற்றும் அது என்ன தகவலைச் சேர்க்கிறது என்பதைக் கவனியுங்கள். படம் முற்றிலும் அலங்காரமாக இருந்தால், ஸ்கிரீன் ரீடர்களுக்கு அது புறக்கணிக்கப்பட வேண்டும் என்பதை உணர்த்த வெற்று Alt பண்புக்கூற்றை (alt="") பயன்படுத்தலாம். எடுத்துக்காட்டாக, எந்த அர்த்தமுள்ள தகவலையும் தெரிவிக்காத ஒரு வடிவ பின்னணிப் படம் உங்களிடம் இருந்தால், வெற்று Alt பண்புக்கூற்றைப் பயன்படுத்துவது பொருத்தமானது.

எடுத்துக்காட்டு:

ஜப்பானில் பயணம் பற்றிய ஒரு பக்கத்தில்:

தவறு: ஜப்பானிய தோட்டம்

சரி: கியோட்டோவில் ஒரு கோய் குளத்துடன் கூடிய அமைதியான ஜப்பானிய தோட்டம்.

தொடர்புடைய முக்கிய வார்த்தைகளைச் சேர்க்கவும் (ஆனால் திணிக்க வேண்டாம்)

Alt உரையின் முதன்மை நோக்கம் அணுகல்தன்மை என்றாலும், இது SEO-ஐ மேம்படுத்துவதற்கான வாய்ப்பையும் வழங்குகிறது. படத்தைத் துல்லியமாக விவரிக்கும் மற்றும் சுற்றியுள்ள உள்ளடக்கத்துடன் தொடர்புடைய முக்கிய வார்த்தைகளைச் சேர்க்கவும். இருப்பினும், முக்கிய வார்த்தைகளைத் திணிப்பதைத் தவிர்க்கவும், இது SEO-க்கு தீங்கு விளைவிக்கும் மற்றும் Alt உரையை பயனர்களுக்கு குறைவாக உதவியாக மாற்றும். பொருத்தமான இடங்களில் தொடர்புடைய முக்கிய வார்த்தைகளை உள்ளடக்கிய இயற்கையான மற்றும் விளக்கமான വിവരണத்தை வழங்குவதில் கவனம் செலுத்துங்கள்.

எடுத்துக்காட்டு:

ஒரு பாரம்பரிய ஸ்காட்டிஷ் கில்ட் படத்திற்கு:

தவறு: கில்ட் டார்டன் கம்பளி ஆடைகள் ஸ்காட்லாந்து பாரம்பரிய ஸ்காட்டிஷ்

சரி: ராயல் ஸ்டீவர்ட் டார்டன் வடிவத்துடன் கூடிய பாரம்பரிய ஸ்காட்டிஷ் கில்ட் அணிந்த ஒரு மனிதன்.

நபர்களைப் பற்றி குறிப்பாக இருங்கள்

படத்தில் நபர்கள் இடம்பெற்றிருந்தால், அவர்களின் பெயர்கள், பாத்திரங்கள் அல்லது செயல்பாடுகள் போன்ற குறிப்பிட்ட தகவல்களை வழங்கவும். இது செய்தி கட்டுரைகள் அல்லது கல்வி உள்ளடக்கத்தின் ஒரு பகுதியாக இருக்கும் படங்களுக்கு மிகவும் முக்கியமானது. படம் ஒரு வரலாற்று நபருடையதாக இருந்தால், அவர்களின் பெயரையும் முக்கியத்துவத்தையும் குறிப்பிடவும். அது "எங்களைப் பற்றி" பக்கத்தில் உள்ள ஒரு குழு உறுப்பினரின் படமாக இருந்தால், அவர்களின் பெயரையும் பதவியையும் சேர்க்கவும்.

எடுத்துக்காட்டு:

தவறு: மக்கள்

சரி: ஜோகன்னஸ்பர்க்கில் நிறவெறிக்கு எதிரான பேரணியின் போது கூட்டத்தினரிடம் உரையாற்றும் நெல்சன் மண்டேலா.

படத்தின் செயல்பாட்டை விவரிக்கவும்

படம் ஒரு இணைப்பு அல்லது பொத்தானாக இருந்தால், Alt உரை இணைப்பு அல்லது பொத்தானின் செயல்பாட்டை விவரிக்க வேண்டும். எடுத்துக்காட்டாக, படம் "சமர்ப்பி" என்று கூறும் ஒரு பொத்தானாக இருந்தால், Alt உரை "சமர்ப்பி" என்பதாக இருக்க வேண்டும். படம் மற்றொரு பக்கத்திற்கான இணைப்பாக இருந்தால், Alt உரை இலக்கு பக்கத்தை விவரிக்க வேண்டும். ஸ்கிரீன் ரீடர்களைப் பயன்படுத்தி வலைத்தளங்களில் செல்லும்போது இது பயனர்களுக்கு மிகவும் முக்கியமானது.

எடுத்துக்காட்டு:

தொடர்பு பக்கத்துடன் இணைக்கும் ஒரு படத்திற்கு:

தவறு: லோகோ

சரி: எங்களைத் தொடர்பு கொள்ளும் பக்கத்திற்கான இணைப்பு.

தேவையற்றதை தவிர்க்கவும்

படம் ஏற்கனவே சுற்றியுள்ள உரையில் விவரிக்கப்பட்டிருந்தால், அதே தகவலை Alt உரையில் மீண்டும் சொல்வதைத் தவிர்க்கவும். அதற்கு பதிலாக, உரையில் ஏற்கனவே உள்ளடக்கப்படாத கூடுதல் விவரங்கள் அல்லது சூழலை வழங்குவதில் கவனம் செலுத்துங்கள். இது தேவையற்றதைத் தவிர்க்க உதவுகிறது மற்றும் Alt உரை பயனர்களுக்கு மதிப்பை வழங்குவதை உறுதி செய்கிறது.

எடுத்துக்காட்டு:

ஒரு படத்தின் அருகிலுள்ள பத்தி ஏற்கனவே ஒரு குறிப்பிட்ட வகை பூவை விவரித்தால்:

தவறு: ஒரு சூரியகாந்தி

சரி: அதன் சிக்கலான விதை வடிவத்தைக் காட்டும் சூரியகாந்தியின் ஒரு நெருக்கமான காட்சி.

சரியான இலக்கணம் மற்றும் எழுத்துப்பிழையைப் பயன்படுத்தவும்

உங்கள் Alt உரையில் இலக்கணப் பிழைகள் மற்றும் எழுத்துப்பிழைகள் இல்லை என்பதை உறுதிப்படுத்தவும். இது ஸ்கிரீன் ரீடர்கள் உரையை விளக்குவதற்கும் பயனர்கள் படத்தைப் புரிந்துகொள்வதற்கும் எளிதாக்கும். உங்கள் Alt உரையை வெளியிடுவதற்கு முன்பு கவனமாக சரிபார்க்கவும். சிறிய பிழைகள் கூட பயனர் அனுபவத்தையும் SEO-வையும் பாதிக்கலாம்.

"Image of..." அல்லது "Picture of..." சேர்க்க வேண்டாம்

ஸ்கிரீன் ரீடர்கள் தானாகவே இது ஒரு படம் என்று அறிவிக்கின்றன, எனவே "Image of..." அல்லது "Picture of..." என்று கூறுவது தேவையற்றது. படம் என்ன என்பதை விவரித்தால் போதும்.

எடுத்துக்காட்டு:

தவறு: ஈபிள் கோபுரத்தின் படம்

சரி: பாரிஸில் இரவில் ஒளிரூட்டப்பட்ட ஈபிள் கோபுரம்.

உங்கள் Alt உரையை சோதிக்கவும்

Alt உரையை எழுதிய பிறகு, அது படத்தின் தெளிவான மற்றும் துல்லியமான വിവരണத்தை வழங்குகிறதா என்பதை உறுதிப்படுத்த ஒரு ஸ்கிரீன் ரீடருடன் அதை சோதிக்கவும். NVDA (NonVisual Desktop Access) மற்றும் ChromeVox போன்ற பல இலவச ஸ்கிரீன் ரீடர்கள் உள்ளன. உங்கள் Alt உரையை சோதிப்பது மேம்படுத்த வேண்டிய பகுதிகளை அடையாளம் காணவும், அது அனைத்து பயனர்களுக்கும் அணுகக்கூடியதாக இருப்பதை உறுதி செய்யவும் உதவும்.

வெவ்வேறு சூழல்களில் பயனுள்ள Alt உரையின் எடுத்துக்காட்டுகள்

பயனுள்ள Alt உரையை எழுதுவதற்கான கொள்கைகளை மேலும் விளக்க, வெவ்வேறு சூழல்களில் சில எடுத்துக்காட்டுகள் இங்கே:

இ-காமர்ஸ்

படம்: சிக்கலான தையல்களுடன் கூடிய ஒரு தோல் கைப்பையின் நெருக்கமான காட்சி.

Alt உரை: விரிவான தையல் மற்றும் ஒரு பித்தளை கொக்கி மூடுதலுடன் கையால் செய்யப்பட்ட தோல் கைப்பை.

செய்தி கட்டுரை

படம்: ஹாங்காங்கில் ஒரு போராட்டத்தின் புகைப்படம்.

Alt உரை: ஹாங்காங்கில் ஒப்படைப்பு மசோதாவுக்கு எதிரான ஆர்ப்பாட்டத்தின் போது குடைகளைப் பிடித்திருக்கும் போராட்டக்காரர்கள்.

கல்வி வலைத்தளம்

படம்: மனித இதயத்தின் ஒரு வரைபடம்.

Alt உரை: இதயத்தின் மேல் அறைகள், கீழ் அறைகள் மற்றும் முக்கிய இரத்த நாளங்களைக் காட்டும் மனித இதயத்தின் வரைபடம்.

பயண வலைப்பதிவு

படம்: பெருவில் உள்ள மச்சு பிச்சுவின் பரந்த காட்சி.

Alt உரை: பெருவின் ஆண்டிஸ் மலைகளில் அமைந்துள்ள பண்டைய இன்கா கோட்டையான மச்சு பிச்சுவின் பரந்த காட்சி.

சமையல் குறிப்பு வலைத்தளம்

படம்: புதிதாக சுடப்பட்ட சாக்லேட் சிப் குக்கீகளின் ஒரு தட்டு.

Alt உரை: ஒரு வெள்ளை தட்டில் அடுக்கப்பட்ட பொன்னிறமான சாக்லேட் சிப் குக்கீகள்.

தவிர்க்க வேண்டிய பொதுவான தவறுகள்

Alt உரையை எழுதுவது எளிமையானதாகத் தோன்றினாலும், நீங்கள் தவிர்க்க வேண்டிய பல பொதுவான தவறுகள் உள்ளன:

HTML-ல் Alt உரையை செயல்படுத்துதல்

படங்களுக்கு Alt உரையைச் சேர்ப்பது எளிது. உங்கள் HTML குறியீட்டில் `` குறிச்சொல்லுக்குள் `alt` பண்புக்கூற்றைப் பயன்படுத்தவும்.

எடுத்துக்காட்டு:

`மொராக்கோவில் சஹாரா பாலைவனத்தில் தங்க நிற சூரிய அஸ்தமனம்`

ஒரு படம் முற்றிலும் அலங்காரமாக இருந்தால், வெற்று Alt பண்புக்கூற்றைப் பயன்படுத்தவும்:

``

Alt உரை எழுதுவதற்கான கருவிகள் மற்றும் ஆதாரங்கள்

பயனுள்ள Alt உரையை எழுத உங்களுக்கு உதவும் பல கருவிகள் மற்றும் ஆதாரங்கள் உள்ளன:

முடிவுரை

Alt உரை என்பது வலை அணுகலின் ஒரு இன்றியமையாத கூறு மற்றும் SEO-க்கான ஒரு மதிப்புமிக்க கருவியாகும். இந்த வழிகாட்டியில் கோடிட்டுக் காட்டப்பட்டுள்ள சிறந்த நடைமுறைகளைப் பின்பற்றுவதன் மூலம், உங்கள் படங்கள் பார்வை குறைபாடு உள்ளவர்கள் உட்பட அனைத்து பயனர்களுக்கும் அணுகக்கூடியதாக இருப்பதை உறுதிசெய்யலாம், மேலும் தேடல் முடிவுகளில் உங்கள் வலைத்தளத்தின் தெரிவுநிலையை மேம்படுத்தலாம். Alt உரையை எழுதும்போது விளக்கமாகவும், சுருக்கமாகவும், சூழலுக்கு ஏற்றதாகவும் இருக்க நினைவில் கொள்ளுங்கள், மேலும் உங்கள் Alt உரை படத்தின் தெளிவான மற்றும் துல்லியமான വിവரணத்தை வழங்குகிறதா என்பதை உறுதிப்படுத்த எப்போதும் ஒரு ஸ்கிரீன் ரீடருடன் அதை சோதிக்கவும். Alt உரைக்கு முன்னுரிமை அளிப்பதன் மூலம், உலகளாவிய பார்வையாளர்களுக்காக மேலும் உள்ளடக்கிய மற்றும் அணுகக்கூடிய ஆன்லைன் அனுபவத்தை நீங்கள் உருவாக்கலாம்.

உங்கள் வலைத்தளத்தை உலகளவில் அணுகக்கூடியதாக மாற்றுவது உள்ளடக்கத்திற்கான உங்கள் அர்ப்பணிப்பைக் காட்டுகிறது மற்றும் உங்கள் சாத்தியமான பயனர் தளத்தை விரிவுபடுத்துகிறது. இந்த வழிகாட்டுதல்களைப் பின்பற்றுவதன் மூலம், உங்கள் தளத்தை இணக்கமாக மாற்றுவது மட்டுமல்லாமல், உங்கள் பயனர்களின் திறன்கள் அல்லது இருப்பிடத்தைப் பொருட்படுத்தாமல் அனைவருக்கும் அனுபவத்தை மேம்படுத்துகிறீர்கள்.

நினைவில் கொள்ளுங்கள், இணையம் ஒரு உலகளாவிய வளம், மற்றும் அணுகக்கூடிய உள்ளடக்கம் அனைவருக்கும் பயனளிக்கிறது.