SEO-র জন্য ছবি অপ্টিমাইজ করুন
6 min
ছবি অপ্টিমাইজেশন রেফারেন্সিং (Google Image Search এবং Core Web Vitals-এর মাধ্যমে) এবং ব্যবহারকারীর অভিজ্ঞতা উভয়কে প্রভাবিত করে। চারটি প্রয়োজনীয় কর্ম: সঠিক ফরম্যাট বেছে নিন (WebP বা AVIF), দৃশ্যমান গুণমান ক্ষতি ছাড়াই কম্প্রেস করুন, alt ট্যাগ রিপোর্ট করুন এবং lazy loading বাস্তবায়ন করুন। এই ক্রিয়াকলাপগুলো একাই LCP ২০ থেকে ৪০% কমাতে পারে।
ছবি একটি ওয়েব পেজের গড় ওজনের ৫০ থেকে ৭০% প্রতিনিধিত্ব করে। খারাপভাবে অপ্টিমাইজ করা হলে, তারা Core Web Vitals ডুবিয়ে দেয় এবং র্যাংকিং শাস্তি দেয়। ভালোভাবে অপ্টিমাইজ করা হলে, তারা Google Images-এর মাধ্যমে একটি অতিরিক্ত ট্রাফিক চ্যানেল খোলে।
সঠিক ছবি ফরম্যাট বেছে নেওয়া
WebP ফরম্যাট একই ভিজ্যুয়াল গুণমানে JPEG-এর চেয়ে ২৫ থেকে ৩৫% বেশি কম্প্রেশন অফার করে। AVIF আরও এগিয়ে যায় কিন্তু ২০২৬ সালে ব্রাউজার সামঞ্জস্যতা, যদিও ভালো, আপনার দর্শকের উপর নির্ভর করে যাচাই করা প্রয়োজন।
ভেক্টর ছবি (লোগো, আইকন, ইলাস্ট্রেশন) SVG-তে হওয়া উচিত: তারা হালকা, স্কেলযোগ্য এবং কখনো অবনমিত হয় না।
PNG শুধুমাত্র স্বচ্ছতা বা কম্প্রেশন ছাড়া পরম গুণমান প্রয়োজন এমন ছবির জন্য প্রাসঙ্গিক — স্ট্যান্ডার্ড ওয়েব প্রেক্ষাপটে বিরল ক্ষেত্রে।
- ফটোগ্রাফ এবং জটিল ভিজ্যুয়াল: WebP বা AVIF।
- লোগো, আইকন, ইলাস্ট্রেশন: SVG।
- টেক্সট সহ স্ক্রিনশট: মাঝারি কম্প্রেশন সহ WebP (গুণমান ৮০-৮৫)।
- অ্যানিমেটেড GIF এড়িয়ে চলুন: একটি সংক্ষিপ্ত MP4 ভিডিও দ্বারা প্রতিস্থাপন করুন, ৫ থেকে ১০ গুণ হালকা।
উপযুক্ত কম্প্রেশন এবং মাত্রা
৮০০ px কলামে প্রদর্শিত একটি ৩,০০০ px প্রশস্ত ছবি প্রয়োজনের চেয়ে ৩ থেকে ৪ গুণ বেশি ডেটা স্থানান্তর করে। কম্প্রেস করার আগে সবসময় রিসাইজ করুন।
সেকেন্ডারি ছবির জন্য ১০০ Ko-এর নিচে, hero ছবি বা প্রধান ভিজ্যুয়ালের জন্য ২০০ Ko-এর কম লক্ষ্য করুন। তার বেশি হলে, LCP-এ প্রভাব পরিমাপযোগ্য হয়ে ওঠে।
ছবির কম্প্রেশন এবং রিসাইজিং অপ্টিমাইজ না করা পেজে প্রাথমিক লোড সময় ২০ থেকে ৪০% কমাতে পারে, Core Web Vitals স্কোরে সরাসরি প্রভাব সহ।
ওয়েব পারফরম্যান্স এবং SEO-র উপর ২০২৫-২০২৬ সেক্টোরাল অধ্যয়ন
Alt ট্যাগ, ফাইলের নাম এবং স্ট্রাকচার্ড ডেটা
Alt ট্যাগ হলো একমাত্র টেক্সট যা Google একটি ছবির সাথে যুক্ত করতে পারে। এটি নির্ভুলভাবে ভিজ্যুয়াল কন্টেন্ট বর্ণনা করতে হবে, স্বাভাবিকভাবে কীওয়ার্ড একীভূত করে যদি প্রাসঙ্গিক হয়, জোর ছাড়া।
ফাইলের নাম সেকেন্ডারি কিন্তু উপযোগী: হাইফেন দ্বারা বিভক্ত কীওয়ার্ড ব্যবহার করুন (image-seo-optimisation.webp) IMG_4821.jpg-এর পরিবর্তে।
প্রোডাক্ট ছবি বা মূল ভিজ্যুয়ালের জন্য, Google Images এবং সমৃদ্ধ ফলাফলে দৃশ্যমানতা বাড়াতে Schema.org দিয়ে ImageObject বা Product স্ট্রাকচার্ড ডেটা যোগ করুন।
Lazy loading এবং পারফরম্যান্স
Lazy loading শুধুমাত্র তখনই ছবি লোড করে যখন তারা ভিউপোর্টে প্রবেশ করে। এটি পেজের প্রাথমিক ওজন কমায় এবং FCP (First Contentful Paint) স্কোর উন্নত করে।
সতর্কতা: hero ছবি বা LCP-তে কখনো lazy loading প্রয়োগ করবেন না — Google এবং ব্রাউজারকে অবশ্যই এটি অবিলম্বে লোড করতে হবে। এই অগ্রাধিকার ছবির জন্য loading='eager' ব্যবহার করুন বা বৈশিষ্ট্যটি বাদ দিন।
- ভিউপোর্টের বাইরের সমস্ত ছবিতে loading='lazy' যোগ করুন।
- লেআউট শিফট (CLS) এড়াতে স্পষ্টভাবে width এবং height বৈশিষ্ট্য নির্ধারণ করুন।
- ব্যবহারকারীর স্ক্রিন অনুযায়ী উপযুক্ত রেজোলিউশন অফার করতে srcset ব্যবহার করুন।
FAQ
Lazy loading কি ব্রাউজার দ্বারা নেটিভলি সমর্থিত?
হ্যাঁ, Chrome এবং আধুনিক ব্রাউজারের জন্য ২০১৯ থেকে এবং Firefox-এর জন্য ২০২১ থেকে। loading='lazy' বৈশিষ্ট্যটি বেশিরভাগ সাইটের জন্য বাহ্যিক JavaScript লাইব্রেরি ছাড়াই যথেষ্ট।
Google কি WebP ছবি ইন্ডেক্স করে?
হ্যাঁ, Google কোনো সমস্যা ছাড়াই WebP এবং AVIF ছবি সমর্থন এবং ইন্ডেক্স করে। এই ফরম্যাটগুলো এমনকি পেজের ওজন কমাতে Google-এর PageSpeed Insights গাইডলাইন দ্বারা সুপারিশ করা হয়।
একটি অনুপস্থিত alt ট্যাগ কি SEO-কে শাস্তি দেয়?
এটি সরাসরি শাস্তি দেয় না, কিন্তু এটি Google-কে একটি প্রসঙ্গ সংকেত থেকে বঞ্চিত করে এবং Google Images-এ ছবি রেফারেন্সিং থেকে বাদ দেয়। অনেক ছবি সহ একটি ই-কমার্স সাইট বা ব্লগে, alt ট্যাগের অনুপস্থিতি উল্লেখযোগ্য ট্রাফিক ক্ষতির প্রতিনিধিত্ব করে।