SEO-க்கு படங்களை மேம்படுத்துவது
6 min
படங்களை மேம்படுத்துவது குறிப்பீடு (Google Image Search மற்றும் Core Web Vitals மூலம்) மற்றும் பயனர் அனுபவம் ஆகிய இரண்டையும் பாதிக்கிறது. நான்கு அத்தியாவசிய செயல்கள்: சரியான வடிவத்தை தேர்ந்தெடுப்பது (WebP அல்லது AVIF), தெரியும் தர இழப்பு இல்லாமல் சுருக்குவது, alt tags-ஐ நிரப்புவது மற்றும் lazy loading-ஐ செயல்படுத்துவது. இந்த செயல்கள் மட்டுமே LCP-ஐ 20 முதல் 40% குறைக்கலாம்.
படங்கள் சராசரியாக ஒரு வலை பக்கத்தின் எடையில் 50 முதல் 70% பிரதிநிதித்துவப்படுத்துகின்றன. சரியாக மேம்படுத்தப்படவில்லை என்றால், அவை Core Web Vitals-ஐ குறைக்கும் மற்றும் rank-ஐ தண்டிக்கும். நன்கு மேம்படுத்தப்பட்டால், அவை Google Images மூலம் ஒரு கூடுதல் ட்ராஃபிக் சேனலை திறக்கின்றன.
சரியான படம் வடிவத்தை தேர்ந்தெடுப்பது
WebP வடிவம் ஒரே காட்சி தரத்திற்கு JPEG-ஐ விட 25 முதல் 35% சிறந்த சுருக்கத்தை வழங்குகிறது. AVIF மேலும் சென்று ஆனால் 2026-ல் நல்ல நிலையிலிருந்தாலும் அதன் browser compatibility உங்கள் பார்வையாளரைப் பொறுத்து சரிபார்க்கப்பட வேண்டும்.
Vector படங்கள் (logos, icons, illustrations) SVG-ல் இருக்க வேண்டும்: அவை இலகுவானவை, மாறு தகவுடையவை மற்றும் ஒருபோதும் மோசமடையாதவை.
PNG வலை தரமான சூழ்நிலையில் அரிதான வழக்கமான - transparency அல்லது சுருக்கம் இல்லாத முழுமையான தரம் தேவைப்படும் படங்களுக்கு மட்டும் பொருத்தமானது.
- புகைப்படங்கள் மற்றும் சிக்கலான காட்சிகள்: WebP அல்லது AVIF.
- Logos, icons, illustrations: SVG.
- உரையுடன் screenshots: மிதமான சுருக்கத்துடன் WebP (80-85 தரம்).
- Animated GIF-ஐ தவிர்க்கவும்: 5 முதல் 10 மடங்கு இலகுவான குறுகிய MP4 வீடியோவால் மாற்றவும்.
சுருக்கம் மற்றும் ஏற்ற பரிமாணங்கள்
800px தூண் வரிசையில் காட்டப்படும் 3,000px அகலமுள்ள ஒரு படம் தேவையை விட 3 முதல் 4 மடங்கு அதிக தரவை மாற்றுகிறது. சுருக்குவதற்கு முன்பே மறுவடிவமைக்கவும்.
இரண்டாம் நிலை படங்களுக்கு 100 Ko-ஐ விட குறைவான எடை, hero படங்கள் அல்லது முதன்மை காட்சிகளுக்கு 200 Ko-ஐ விட குறைவான எடையை இலக்காக்கவும். அதற்கு அதிகமானால் LCP-ல் தாக்கம் அளவிடக்கூடியதாக மாறும்.
படங்களை சுருக்குவது மற்றும் மறுவடிவமைப்பது மேம்படுத்தப்படாத பக்கங்களில் ஆரம்ப ஏற்றல் நேரத்தை 20 முதல் 40% குறைக்கலாம், Core Web Vitals மதிப்பெண்களில் நேரடி தாக்கத்துடன்.
வலை செயல்திறன் மற்றும் SEO-ல் 2025-2026 துறை ஆய்வுகள்
Alt tag, கோப்பு பெயர் மற்றும் கட்டமைக்கப்பட்ட தரவுகள்
Alt tag என்பது Google ஒரு படத்துடன் இணைக்கக்கூடிய ஒரே உரை. இது காட்சி உள்ளடக்கத்தை துல்லியமாக விவரிக்க வேண்டும், பொருத்தமான இடத்தில் முக்கியச் சொல்லை இயற்கையாக ஒருங்கிணைத்து, கட்டாயமில்லாமல்.
கோப்பு பெயர் இரண்டாம் நிலை ஆனால் பயனுள்ளது: IMG_4821.jpg-க்கு பதிலாக hyphens-ஆல் பிரிக்கப்பட்ட முக்கியச் சொற்களை பயன்படுத்தவும் (image-seo-optimisation.webp).
தயாரிப்பு படங்கள் அல்லது முதன்மை காட்சிகளுக்கு, Google Images மற்றும் செறிவூட்டப்பட்ட முடிவுகளில் திரையில் தெரியும் வாய்ப்பை அதிகரிக்க Schema.org-ஐ பயன்படுத்தி ImageObject அல்லது Product கட்டமைக்கப்பட்ட தரவுகளை சேர்க்கவும்.
Lazy loading மற்றும் செயல்திறன்
Lazy loading படங்களை viewport-ல் நுழையும்போது மட்டுமே ஏற்றுகிறது. இது பக்கத்தின் ஆரம்ப எடையை குறைத்து FCP (First Contentful Paint) மதிப்பெண்ணை மேம்படுத்துகிறது.
கவனம்: hero அல்லது LCP படத்தில் lazy loading-ஐ ஒருபோதும் பயன்படுத்தாதீர்கள் - Google மற்றும் browser அதை உடனடியாக ஏற்ற வேண்டும். இந்த முன்னுரிமை படத்திற்கு loading='eager'-ஐ பயன்படுத்தவும் அல்லது attribute-ஐ தவிர்க்கவும்.
- ஆரம்ப viewport-க்கு வெளியே உள்ள அனைத்து படங்களுக்கும் loading='lazy' சேர்க்கவும்.
- Layout shifts (CLS)-ஐ தவிர்க்க width மற்றும் height attributes-ஐ வெளிப்படையாக வரையறுக்கவும்.
- பயனரின் திரையின்படி ஏற்ற தீர்மானங்களை முன்மொழிய srcset பயன்படுத்தவும்.
FAQ
Lazy loading browser-களால் இயல்பாக ஆதரிக்கப்படுகிறதா?
ஆம், Chrome மற்றும் நவீன browser-களுக்கு 2019 முதல், Firefox-க்கு 2021 முதல். பெரும்பாலான தளங்களுக்கு வெளிப்புற JavaScript library இல்லாமல் loading='lazy' attribute போதும்.
Google WebP படங்களை குறியிடுகிறதா?
ஆம், Google WebP மற்றும் AVIF படங்களை எந்த சிக்கலும் இல்லாமல் ஆதரித்து குறியிடுகிறது. பக்கங்களின் எடையை குறைக்க Google-இன் PageSpeed Insights வழிகாட்டுதல்களால் இந்த வடிவங்கள் பரிந்துரைக்கப்படுகின்றன.
காணாமல் போன alt tag SEO-ஐ தண்டிக்கிறதா?
நேரடியாக தண்டிக்கவில்லை, ஆனால் Google-க்கு ஒரு சூழல் சமிக்ஞையை இழக்கிறது மற்றும் படத்தை Google Images குறியீட்டிலிருந்து விலக்குகிறது. நிறைய படங்களுள்ள ஒரு e-commerce தளத்தில் அல்லது வலைப்பதிவில், alt tags இல்லாமல் இருப்பது கணிசமான ட்ராஃபிக் இழப்பை குறிக்கிறது.