অনলাইন ইমেজ এসইও চেকার: Alt, Lazy Loading, WebP, এবং Srcset – কী ঠিক করতে হবে

সংক্ষিপ্ত উত্তর: কোনো পেজের ছবিগুলো এসইও-এর জন্য পরীক্ষা করতে, সেটির ইউআরএল (URL) প্রোমোপাইলট-এর বিনামূল্যের এসইও ইমেজ চেকার (SEO Image Checker)-এ পেস্ট করুন। টুলটি ১০০টি পর্যন্ত <img> ট্যাগ বিশ্লেষণ করবে: alt ট্যাগ আছে কিনা, loading="lazy" সেট করা আছে কিনা, width এবং height সেট করা আছে কিনা, WebP, AVIF, বা SVG ব্যবহার করা হয়েছে কিনা, এবং srcset আছে কিনা। এর ফলে প্রতিটি ছবির জন্য ০ থেকে ১০০ পর্যন্ত একটি স্কোর এবং মন্তব্য পাওয়া যায়। নিচে আপনি দেখতে পাবেন কীভাবে স্কোরটি গণনা করা হয়, প্রথমে কী ঠিক করতে হবে, এবং টুলটি কী দেখতে পায় না।

আমি ১২ বছর ধরে ওয়েবসাইট ও স্টোর তৈরি করে আসছি, এবং এগুলোর প্রায় প্রতিটিতেই ছবিই প্রধান প্রতিবন্ধকতা। একটি সাধারণ প্রোডাক্ট কার্ডে থাকে: ক্যামেরা থেকে সরাসরি তোলা পাঁচটি ৩ মেগাবাইটের ছবি, একটি খালি অল্ট টেক্সট, এবং ফাইলের নাম IMG_4512.jpg ।

ইমেজ এসইও চেক কী কী যাচাই করে?

টুলটি পৃষ্ঠার প্রতিটি ছবিকে পাঁচটি মানদণ্ডের ভিত্তিতে মূল্যায়ন করে এবং সেগুলোকে একত্রিত করে একটি সামগ্রিক স্কোর তৈরি করে।

প্রতিটি ছবির জন্য মন্তব্যের একটি তালিকা দেওয়া হয় এবং পৃষ্ঠাটি একটি চূড়ান্ত স্কোর পায়। এটি বেশ সুবিধাজনক: এর মাধ্যমে শুধু কী ভুল আছে তাই নয়, বরং কোন ছবিটির দোষ, সেটাও দেখা যায়।

অনলাইনে কোনো ওয়েবসাইটের ছবি কীভাবে যাচাই করবেন?

1. ইমেজ এসইও চেকার খুলুন।
2. পেজের ঠিকানা দিন, বিশেষ করে এমন পেজ যেখানে অনেক ছবি আছে: প্রোডাক্ট কার্ড, ক্যাটাগরি, ব্লগ আর্টিকেল, পোর্টফোলিও।
3. ‘চেক’ বোতামে ক্লিক করুন এবং সব ছবি স্ক্যান হওয়া পর্যন্ত অপেক্ষা করুন।
4. প্রতিটি ছবির রেটিং এবং মন্তব্যের তালিকা দেখুন ।
5. অনুগ্রহ করে সমস্যাগুলো সমাধান করে পৃষ্ঠাটি আবার দেখুন।

টুল পেজটি দেখতে এইরকম: ঠিকানা লেখার জায়গা, চেকের তালিকা এবং প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী।

রেটিং কীভাবে গণনা করা হয় এবং প্রথমে কী সংশোধন করা উচিত?

রেটিং ১০০ পয়েন্ট থেকে শুরু হয়, এবং পৃষ্ঠার কত শতাংশ ছবি এই মান পূরণে ব্যর্থ হয়, তার ওপর নির্ভর করে প্রতিটি সমস্যার জন্য পয়েন্ট কাটা হয়। নিয়মগুলো জানা থাকলে, কোনটি সবচেয়ে বেশি উন্নতি ঘটাবে তা সহজেই বোঝা যায়।

এই হলো আমার কাজের আদেশ:

1. Alt. সবচেয়ে দামী জিনিস এবং যা ঠিক করা সবচেয়ে সহজ। যা দেখানো হয়েছে তাই লিখুন: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", alt="рюкзак купить дёшево рюкзак" লিখবেন না। আলংকারিক উপাদানের জন্য, একটি খালি alt="" ব্যবহার করুন।
2. প্রস্থ এবং উচ্চতা। অ্যাট্রিবিউটগুলিতে প্রকৃত মাপ উল্লেখ করুন, এবং CSS-এ img { max-width: 100%; height: auto; } যোগ করুন—এতে ছবিটি রেসপন্সিভ থাকবে এবং লেআউটটি আর লাফাবে না।
3. লেজি লোডিং স্ক্রিনের নিচের অংশের সবকিছুর উপর প্রযোজ্য। তবে, এটি হিরো ইমেজের জন্য ক্ষতিকর: এটিকে অবিলম্বে এবং অগ্রাধিকারের ভিত্তিতে লোড করা প্রয়োজন।
4. WebP বা AVIF। WordPress সংস্করণ ৫.৮ থেকে WebP আপলোড এবং সংস্করণ ৬.৫ থেকে AVIF সমর্থন করে আসছে।
5. বড় ছবির জন্য সোর্স কোড সেট করা হয়েছে, যাতে ফোনটি মনিটর ভার্সনটি ডাউনলোড না করে।

টেক্সটে একটি উপযুক্ত মূল ছবি এবং অভিযোজিত ছবির উদাহরণ:

<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">

একটি ছবির জন্য ভালো অল্ট ট্যাগ কীভাবে লিখতে হয়?

অল্ট ট্যাগ হলো মূল্যায়নের সবচেয়ে গুরুত্বপূর্ণ উপাদান, এবং এখানেই প্রায়শই ভুলগুলো হয়ে থাকে: হয় এটিকে খালি রাখা হয় অথবা কীওয়ার্ড দিয়ে ঠাসা হয়। একটি সহজ নিয়ম হলো: যিনি ছবিটি দেখতে পাচ্ছেন না, তাকে এক বাক্যে এর বর্ণনা দিন।

ক্যাটালগের জন্য, একটি টেমপ্লেট ব্যবহার করে অল্ট ট্যাগ তৈরি করা সুবিধাজনক: যেমন পণ্যের নাম + রঙ অথবা ভ্যারিয়েন্ট + অ্যাঙ্গেল। এভাবে, একটি কার্ডের পাঁচটি ছবির জন্য পাঁচটি অভিন্ন বিবরণের পরিবর্তে পাঁচটি ভিন্ন ও দরকারি বিবরণ থাকবে।

ফাইলের নামও গুরুত্বপূর্ণ: IMG_4512.jpg এর চেয়ে kozhanyj-ryukzak-nord-korichnevyj.webp ভালো। শুধু এই কারণে পুরোনো ফাইলের নাম পরিবর্তন করার কোনো মানে হয় না, বরং বর্ণনামূলক নাম দিয়ে নতুন ফাইল আপলোড করুন।

তুলনা: ইমেজ এসইও চেকার এবং এর বিকল্পসমূহ

উপসংহার: একটি অনলাইন চেকার কোনো নির্দিষ্ট পৃষ্ঠার ছবিগুলোতে কী সমস্যা আছে তা দেখিয়ে দেয়, PageSpeed দেখায় এর জন্য গতিতে কতটা প্রভাব পড়ছে, এবং Squoosh বা একটি কনভার্টার ফাইলগুলোকে ঠিক করতে সাহায্য করে।

PromoPilot-এর ৮৭টি ফ্রি SEO টুল রয়েছে, যার মধ্যে একটি ইমেজ কম্প্রেশন টুল এবং একটি WebP কনভার্টারও আছে, যেগুলো সার্ভারে ফাইল আপলোড না করেই সরাসরি ব্রাউজারে কাজ করে। পেজের সামগ্রিক আকার বুঝতে, আমাদের পেজ স্পিড অ্যানালাইসিস সিরিজের আর্টিকেলটি দেখুন।

ইমেজ ভেরিফিকেশন কী দেখতে পায় না?

টুলটির সীমাবদ্ধতাগুলো নিয়ে সৎ থাকা যাক—রেটিংটি সঠিকভাবে ব্যাখ্যা করার জন্য সেগুলো জানা জরুরি:

• ফাইলের আকার বিবেচনা করা হয় না — ছবিগুলো ডাউনলোড করা হয় না; এক্সটেনশন দ্বারা ফরম্যাট নির্ধারিত হয়।
• <picture> ট্যাগটি পার্স করা হয় না: <img> ভেতরে থাকা JPG ফাইলটিকে ট্যাগ করা হবে, এমনকি যদি এর পাশের <source> অংশে AVIF বা WebP থাকে।
• CSS থেকে আসা ব্যাকগ্রাউন্ড ইমেজ এবং জাভাস্ক্রিপ্ট দ্বারা যুক্ত করা ইমেজগুলো রিপোর্টে অন্তর্ভুক্ত করা হয় না।
• শুধুমাত্র CSS-এ নির্দিষ্ট করা মাত্রাগুলো বিবেচনায় নেওয়া হয় না।
• একটিও <img> চিহ্ন ছাড়া একটি পৃষ্ঠা ৫০ পয়েন্ট পায় - এটি "অর্ধেক ভুল" নয়, বরং "মূল্যায়ন করার মতো কিছুই নেই"।

কখন একটি বিনামূল্যের টুল যথেষ্ট নয়?

একটিমাত্র পেজের অল্ট টেক্সট ঠিক করতে দশ মিনিট সময় লাগে। কিন্তু স্টোরে যদি পাঁচ হাজার প্রোডাক্ট থাকে, তবে তা ম্যানুয়ালি করা অসম্ভব। আপনার একজন বিশেষজ্ঞের প্রয়োজন হবে যদি:

• সম্পূর্ণ ক্যাটালগের জন্য নাম, রঙ এবং কোণ থেকে alt স্বয়ংক্রিয়ভাবে তৈরি হওয়া উচিত;
• ক্যামেরা থেকে ছবিগুলো কোনো কম্প্রেশন ছাড়াই লোড করা হয়, এবং একটি স্বয়ংক্রিয় পাইপলাইন প্রয়োজন: কম্প্রেশন, WebP, একাধিক সাইজ;
• ওয়েবসাইট থিমটিতে width, height, এবং srcset ছাড়া ছবি দেখাচ্ছে, এবং টেমপ্লেটটি ঠিক করা প্রয়োজন;
• পণ্যের অনুসন্ধানের জন্য Google ইমেজ থেকে ট্র্যাফিক পেতে চান?

আপনার ওয়েবসাইটের জন্য আমি কী করতে পারি?

আমি ভ্যালেরি দানিয়ুক, একজন ডেভেলপার এবং এসইও বিশেষজ্ঞ। আমার ১২ বছরের অভিজ্ঞতা এবং ২০০-এর বেশি ক্লায়েন্ট রয়েছে, যার মধ্যে হাজার হাজার ছবিসহ অসংখ্য অনলাইন স্টোরও অন্তর্ভুক্ত।

এসইও এবং অডিট

• টার্নকি ওয়েবসাইট এসইও অডিট: আমি পুরো সাইটের ছবিগুলো চেক করি এবং টেমপ্লেটগুলোতে অটোমেটিক কনভার্সন ও অল্ট টেক্সট সেট আপ করি।
• একটি এআই-চালিত এসইও ব্লগ যা অর্গানিক ক্লায়েন্ট নিয়ে আসে — প্রতিটি আর্টিকেলের জন্য স্বয়ংক্রিয়ভাবে অল্ট এবং ওয়েবপি ইমেজ প্রদর্শন করে।

দোকান এবং ক্যাটালগ

• MCP এবং Claude মাধ্যমে মাত্র কয়েক মিনিটে ৩০০টি পণ্যের একটি ক্যাটালগ —প্রতিটি পণ্যের বিবরণ এবং ছবি সহ।
• যথাযথ ইমেজ প্রসেসিং সহ WooCommerce এ তৈরি একটি অনলাইন স্টোর ।
• Instagram থেকে ওয়েবসাইটে একটি স্টোর স্থানান্তরের কাজ এগিয়ে চলেছে —পণ্যের ছবি ও বিবরণও যুক্ত হচ্ছে।
• আপনার পুরোনো ওয়েবসাইট বা সোশ্যাল মিডিয়া থেকে একটি লিঙ্কের মাধ্যমে পণ্য, ছবি এবং লেখা 1001site এ স্থানান্তর করা যেতে পারে।

হিসাবরক্ষণ এবং অটোমেশন

• হিসাবরক্ষণ + খাতা রাখা + ৩০,০০০ পণ্যের দোকান ।
• একটি অনলাইন সসের দোকানের জন্য এআই চালিত Telegram বট ।

Telegram আমাকে প্রোডাক্ট কার্ডের লিঙ্কটি পাঠান - ছবিগুলোর উপর ভিত্তি করে আপনি কত জিততে পারেন তা আমি বলে দেব।

ফলাফল

1. অনলাইন এসইও ইমেজ চেকারটি একটি পেজের ১০০টি পর্যন্ত ছবি বিশ্লেষণ করে এবং প্রতিটি ছবির জন্য মন্তব্যসহ ০ থেকে ১০০ পর্যন্ত একটি স্কোর নির্ধারণ করে।
2. সর্বাধিক পয়েন্ট দেওয়া হয় alt এবং width/height ডাইমেনশনকে, এরপরে রয়েছে lazy loading, WebP/AVIF এবং srcset।
3. মূল ছবিটির লেজি লোডিংয়ের প্রয়োজন নেই - এটির জন্য fetchpriority="high" প্রয়োজন।
4. বড় ক্যাটালগের জন্য, ছবি প্রক্রিয়াকরণ স্বয়ংক্রিয় করা হয়—অথবা এমন একটি প্ল্যাটফর্ম বেছে নেওয়া হয় যেখানে এই কাজটি আগে থেকেই করা থাকে, যেমন 1001site ।

বিনামূল্যের ইমেজ এসইও চেকার দিয়ে আপনার সাইটের সবচেয়ে ভারী পেজটি পরীক্ষা করুন — alt দিয়ে শুরু করুন।

উৎস

• প্রোমোপাইলটের ইমেজ এসইও চেকার পেজ - পরীক্ষাসমূহ, মূল্যায়ন নিয়মাবলী, সীমাবদ্ধতা এবং প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী।
• Google সার্চ সেন্ট্রাল - অনুসন্ধানের জন্য ছবির সুপারিশ।
• Google পেজস্পিড ইনসাইটস এবং স্কুশ - বৈশিষ্ট্যের বিবরণ।