গ্রুপ করা ছবির তালিকা
প্রতিটি পুনরাবৃত্ত উপস্থিতিকে আলাদা ফাইল না ধরে প্রতিটি আবিষ্কৃত ছবির উৎসকে ব্যবহার ও উৎস পৃষ্ঠার সংখ্যাসহ পর্যালোচনা করুন।
ওয়েবসাইটজুড়ে ব্যবহৃত ছবির উৎস গ্রুপ করুন, অনুপস্থিত অল্ট টেক্সট, মাপ, ভাঙা প্রতিক্রিয়া ও রেসপনসিভ ডেলিভারি ফিল্টার করুন, তারপর প্রতিটি ফলাফল পর্যালোচনা দরকার এমন পৃষ্ঠা ও শেয়ার্ড কম্পোনেন্টে শনাক্ত করুন।
সংক্ষেপে
Screpy Image SEO Analysis সম্পন্ন ওয়েবসাইট ক্রলে আবিষ্কৃত ছবির উৎস গ্রুপ করে এবং প্রতিটি উৎসকে তার টেকনিক্যাল সংকেত ও উৎস পৃষ্ঠার সঙ্গে যুক্ত করে। কী বদলাবেন ঠিক করার আগে অ্যাক্সেসিবিলিটি, মাপ, প্রতিক্রিয়ার স্বাস্থ্য, লোডিং, রেসপনসিভ ডেলিভারি ও পুনরাবৃত্ত বাস্তবায়নের ধরন তদন্তে রিপোর্টটি ব্যবহার করুন।
একটি সম্পন্ন ক্রলকে প্রিভিউ, উৎস URL, মোট ব্যবহার, উৎস পৃষ্ঠার সংখ্যা, নথিভুক্ত সমস্যা এবং অ্যাসেট থাকা পৃষ্ঠায় সরাসরি প্রবেশসহ গ্রুপ করা ছবির তালিকায় রূপ দিন।
আরও জানুন: গ্রুপ করা তালিকা
অনুপস্থিত ও থাকা alt মান তুলনা করুন, তারপর প্রতিনিধিত্বকারী উৎস পৃষ্ঠা পরীক্ষা করুন। পৃষ্ঠা কীভাবে ব্যবহার করে তার ওপর নির্ভর করে একই ছবি তথ্যবহুল, কার্যকরী, জটিল বা অলংকারিক হতে পারে।
আরও জানুন: অল্ট টেক্সটের প্রেক্ষাপট
অনুপস্থিত মাপ থেকে আলাদাভাবে সফল, রিডাইরেক্ট, ক্লায়েন্ট ত্রুটি, সার্ভার ত্রুটি ও ভাঙা প্রতিক্রিয়া ফিল্টার করুন। প্রতিটি সংকেত ভিন্ন টেকনিক্যাল তদন্ত ও যাচাই ধাপে নিয়ে যায়।
আরও জানুন: প্রতিক্রিয়া ও মাপ
লোডিং আচরণ, বাহ্যিক মালিকানা, SVG ও data-URI সংকেতের পাশে srcset-সহ ও ছাড়া উৎস তুলনা করুন। কোন ডেলিভারি ধরন উপযুক্ত তা ঠিক করতে অ্যাসেটের ভূমিকা ও রেন্ডার করা লেআউট ব্যবহার করুন।
আরও জানুন: রেসপনসিভ উৎস
Screpy সম্পন্ন ক্রলকে গ্রুপ করা ছবির তালিকায় রূপ দেয়। রিপোর্টটি তদন্তের জন্য উৎস URL, ব্যবহার, উৎস পৃষ্ঠা, অল্ট টেক্সট, মাপ, প্রতিক্রিয়ার স্বাস্থ্য, লোডিং ও রেসপনসিভ সংকেত যুক্ত রাখে।
প্রতিটি পুনরাবৃত্ত উপস্থিতিকে আলাদা ফাইল না ধরে প্রতিটি আবিষ্কৃত ছবির উৎসকে ব্যবহার ও উৎস পৃষ্ঠার সংখ্যাসহ পর্যালোচনা করুন।
All Images থেকে অল্ট টেক্সট, মাপ, প্রতিক্রিয়া কোড, উৎসের ধরন, বিন্যাস ও রেসপনসিভ ডেলিভারির কেন্দ্রিত সারিতে যান।
অনুপস্থিত ও থাকা alt মান তুলনা করুন, তারপর ছবি তথ্যবহুল, কার্যকরী, জটিল নাকি অলংকারিক ঠিক করার আগে উৎস পৃষ্ঠা খুলুন।
প্রস্থ বা উচ্চতার ডেটা ছাড়া ছবির ব্যবহার খুঁজুন এবং মার্কআপ, CSS, অ্যাসপেক্ট রেশিও বা অন্তর্নিহিত অ্যাসেট বদলানোর আগে প্রভাবিত পৃষ্ঠা পর্যালোচনা করুন।
সফল, রিডাইরেক্ট, ক্লায়েন্ট ত্রুটি, সার্ভার ত্রুটি ও ভাঙা ছবির প্রতিক্রিয়া আলাদা করুন, যাতে অনুপলভ্য অ্যাসেটকে সেগুলো চাওয়া পৃষ্ঠায় শনাক্ত করা যায়।
কোনো মানকে Core Web Vitals রোগনির্ণয় হিসেবে না দেখিয়ে নথিভুক্ত লোডিং আচরণ ও ফেচ প্রতিক্রিয়া সময়কে ছবি ও পৃষ্ঠার প্রমাণের পাশে রাখুন।
নথিভুক্ত srcset-সহ ও ছাড়া ছবি তুলনা করুন, তারপর পৃষ্ঠা ও অ্যাসেটের লেআউটে সত্যিই রেসপনসিভ বিকল্প দরকার কি না ঠিক করুন।
একই উৎস ব্যবহার করা প্রতিটি ক্রল করা পৃষ্ঠা খুলে সংশোধনের মালিক CMS ক্ষেত্র, কম্পোনেন্ট, টেমপ্লেট, স্টাইলশিট বা কনটেন্ট এন্ট্রি খুঁজুন।
প্রতিনিধিত্বকারী ক্রল কভারেজ দিয়ে শুরু করুন, পৃষ্ঠার প্রেক্ষাপটে সমস্যা ব্যাখ্যা করুন, শেয়ার্ড কারণ মেরামত করুন এবং তুলনাযোগ্য ক্রলে পাবলিক ফলাফল যাচাই করুন।
যে টেমপ্লেট পর্যালোচনা করতে চান সেগুলো কভার করে এমন পরিসর ও রেন্ডারিং সেটিংসের ক্রল বেছে নিন। আংশিক ক্রল আংশিক ছবির তালিকাই দেয়।
অনুপস্থিত অল্ট টেক্সট, অনুপস্থিত মাপ, অসফল প্রতিক্রিয়া ও অনুপস্থিত srcset-এর গ্রুপ করা সংখ্যা পর্যালোচনা করুন, তারপর বর্তমান লক্ষ্যের সঙ্গে যুক্ত বিভাগ বেছে নিন।
দৃশ্যমান পৃষ্ঠার প্রেক্ষাপটে ছবি পরীক্ষা করুন। একই উৎস এক পৃষ্ঠায় অলংকারিক, অন্য পৃষ্ঠায় তথ্যবহুল অথবা লিংকের ভেতরে একমাত্র কনটেন্ট হতে পারে।
প্রতিটি উপস্থিতি আলাদাভাবে প্যাচ না করে পুনরাবৃত্ত ধরন তৈরি করা অ্যাসেট, URL, CMS ক্ষেত্র, কম্পোনেন্ট, টেমপ্লেট, CSS বা ডেলিভারি নিয়ম আপডেট করুন।
প্রতিনিধিত্বকারী মোবাইল ও ডেস্কটপ পৃষ্ঠা পরীক্ষা করুন, ছবির প্রতিক্রিয়া ও মার্কআপ নিশ্চিত করুন, তারপর কাঙ্ক্ষিত সারি বদলেছে কি না দেখতে তুলনাযোগ্য ক্রল চালান।
গ্রুপ করা ছবির প্রমাণ প্রকাশনা লাইব্রেরি, ইকমার্স ক্যাটালগ, পুনরায় ডিজাইন, মাইগ্রেশন ও পুনরাবৃত্ত এজেন্সি অডিটে বিশেষভাবে কার্যকর।
নিবন্ধ, গাইড ও ল্যান্ডিং পৃষ্ঠাজুড়ে পুনরাবৃত্ত সম্পাদকীয় ছবি, অনুপস্থিত প্রাসঙ্গিক বিকল্প ও শেয়ার্ড কনটেন্টের ধরন খুঁজুন।
টেমপ্লেটজুড়ে পণ্য ও বিভাগের ছবির সমস্যা শনাক্ত করুন, যেখানে একটি অনুপলভ্য উৎস বা মার্কআপের ধরন অনেক কেনাকাটার যাত্রাকে প্রভাবিত করতে পারে।
রিলিজ-পূর্ব তালিকা তৈরি করুন, তারপর টেমপ্লেট বা প্ল্যাটফর্ম মাইগ্রেশনের পর সরানো উৎস, অনুপস্থিত বৈশিষ্ট্য বা রেসপনসিভ ডেলিভারি পরিবর্তন খুঁজুন।
প্রতিটি সুপারিশকে প্রভাবিত পৃষ্ঠা ও উদ্দেশ্যের সঙ্গে যুক্ত রেখে গ্রুপ করা ছবির প্রমাণকে কেন্দ্রিত বাস্তবায়ন সারিতে রূপ দিন।
ক্রলার অনুপস্থিত বা অসফল সংকেত প্রকাশ করতে পারে, তবে ছবির উদ্দেশ্য, রেন্ডার করা লেআউট, ডেলিভারি কৌশল ও উৎস পৃষ্ঠার প্রেক্ষাপট সঠিক সমাধান নির্ধারণ করে।
Missing Alt সারিতে খালি মানও থাকে, তবে অলংকারিক ছবির জন্য ইচ্ছাকৃত খালি alt বৈশিষ্ট্য উপযুক্ত। শুধু সংখ্যা নয়, পৃষ্ঠার প্রেক্ষাপট থেকে সিদ্ধান্ত নিন।
প্রস্থ ও উচ্চতা বৈশিষ্ট্য স্থান সংরক্ষণে সাহায্য করে, তবে CSS ও কনটেইনারও লেআউট নিয়ন্ত্রণ করতে পারে। কারণ নির্ধারণের আগে রেন্ডার করা পৃষ্ঠা ও পরিমাপ করা লেআউট শিফট যাচাই করুন।
অনেক রাস্টার ছবির জন্য রেসপনসিভ বিকল্প কার্যকর, তবে প্রতিটি আইকন, ভেক্টর, ছোট অ্যাসেট বা স্থির-মাপের ব্যবহারে একই ডেলিভারি ধরন দরকার হয় না।
Screpy ক্রলের প্রমাণ ও উৎস পৃষ্ঠার সম্পর্ক নথিভুক্ত করে। এটি স্বয়ংক্রিয়ভাবে ফাইল কমপ্রেস, অল্ট টেক্সট পুনর্লিখন, মার্কআপ বদল বা ছবি সার্চের র্যাঙ্কিং নিশ্চয়তা দেয় না।
সম্পন্ন ক্রলজুড়ে ছবি অডিট করুন, বিস্তৃত ক্রলার প্রক্রিয়ার মধ্যে তদন্ত করুন অথবা একটি পাবলিক পৃষ্ঠার ছবির সংকেত বিনামূল্যে পরীক্ষা করুন।
ক্রল করা ছবির উৎস গ্রুপ করুন, টেকনিক্যাল ও অ্যাক্সেসিবিলিটি ফলাফল ফিল্টার করুন এবং পুনরাবৃত্ত অ্যাসেট প্রতিটি উৎস পৃষ্ঠায় শনাক্ত করুন।
পৃষ্ঠা, লিংক, প্রতিক্রিয়া, ক্রলের পরিসর ও বিস্তৃত টেকনিক্যাল SEO তালিকার সঙ্গে ছবি পর্যালোচনা করুন।
অ্যাকাউন্ট ছাড়া একটি পাবলিক URL-এর ছবি, অ্যাক্সেসিবিলিটি, মেটাডেটা, লিংক, স্ট্রাকচার্ড ডেটা ও টেকনিক্যাল পৃষ্ঠা সংকেত পরীক্ষা করুন।
Screpy ডকুমেন্টেশন
সমস্যার সারি ব্যাখ্যা, প্রতিটি অ্যাসেটকে উৎস পৃষ্ঠার প্রেক্ষাপটে পরীক্ষা, সঠিক সমাধান বাছাই ও তুলনাযোগ্য ক্রলে ফলাফল যাচাই করতে Screpy images গাইড ব্যবহার করুন।
অল্ট টেক্সটের প্রেক্ষাপট, মাপ, রেসপনসিভ উৎস, প্রতিক্রিয়া ব্যর্থতা, ক্রলের পরিসর, উৎস পৃষ্ঠা এবং রিপোর্ট কী স্বয়ংক্রিয়ভাবে বদলায় না তা বুঝুন।
এটি ওয়েবসাইট ক্রলে আবিষ্কৃত ছবি গ্রুপ করে এবং অল্ট টেক্সট, মাপ, প্রতিক্রিয়া কোড, ভাঙা ছবি, বাহ্যিক উৎস, SVG, data URI, srcset কভারেজ, লোডিং আচরণ ও উৎস পৃষ্ঠার কেন্দ্রিত ভিউ দেয়। উপলভ্য প্রমাণ নির্বাচিত ক্রল ও সেটি কী আবিষ্কার করতে পেরেছে তার ওপর নির্ভর করে।
না। তথ্যবহুল ছবিতে কার্যকর প্রাসঙ্গিক বিকল্প, কার্যকরী ছবিতে তার কাজ বা গন্তব্যের বর্ণনা এবং জটিল ছবিতে কাছাকাছি ব্যাখ্যা দরকার হতে পারে। সম্পূর্ণ অলংকারিক ছবিতে সাধারণত ইচ্ছাকৃত খালি alt বৈশিষ্ট্য ব্যবহার হয়। বদলানোর আগে প্রতিটি উৎস পৃষ্ঠায় ছবি পর্যালোচনা করুন।
না। রিপোর্ট অনুপস্থিত ও থাকা alt মান শনাক্ত করে এবং ছবি কোথায় ব্যবহৃত তা দেখায়। পৃষ্ঠার উদ্দেশ্য বোঝেন এমন ব্যক্তিকে সিদ্ধান্ত নিতে হবে বিকল্পটি বর্ণনামূলক, খালি নাকি দীর্ঘ ব্যাখ্যায় সমর্থিত হওয়া উচিত।
না। অনুপস্থিত প্রস্থ বা উচ্চতা কার্যকর মার্কআপ সংকেত, ছবি লেআউট শিফট ঘটিয়েছে তার প্রমাণ নয়। রেন্ডার করা লেআউট পরীক্ষা ও পরিমাপ করা পারফরম্যান্স তুলনা করুন, কারণ CSS, কনটেইনার, ফন্ট, ব্যানার ও ইনজেক্ট করা কনটেন্টও CLS প্রভাবিত করতে পারে।
না। রেসপনসিভ উৎসের বিকল্প অনেক রাস্টার ছবির অপ্রয়োজনীয় ডাউনলোড কমাতে পারে, তবে সঠিক পছন্দ অ্যাসেট, রেন্ডার করা মাপ, লেআউট, ব্রাউজার সমর্থন ও ডেলিভারি প্রক্রিয়ার ওপর নির্ভর করে। রেসপনসিভ ছবি বাস্তবায়নে ব্যবহারযোগ্য src ফলব্যাক রাখুন।
রিপোর্ট সফল ও রিডাইরেক্ট প্রতিক্রিয়াকে ক্লায়েন্ট ও সার্ভার ত্রুটি থেকে আলাদা করে। Broken ভিউ অসফল ছবির প্রতিক্রিয়া একত্র করে, যাতে উৎস URL পরীক্ষা, প্রতিটি উৎস পৃষ্ঠা দেখা এবং দায়ী URL, অ্যাসেট, টেমপ্লেট বা ডেলিভারি নিয়ম মেরামত করা যায়।
না। বর্তমান প্রক্রিয়া ক্রলভিত্তিক অডিট, ছবি সম্পাদক বা কমপ্রেশন সেবা নয়। CMS, কোড, অ্যাসেট পাইপলাইন বা ডেলিভারি সেটআপে কী বদলানো উচিত তা ঠিক করতে উৎস পৃষ্ঠা, প্রতিক্রিয়া, মাপ, লোডিং ও বিন্যাসের প্রমাণ ব্যবহার করুন।
পরিবর্তন প্রকাশ করুন, মোবাইল ও ডেস্কটপ প্রস্থে প্রতিনিধিত্বকারী পৃষ্ঠা পরীক্ষা করুন, ছবির URL ও রেন্ডার করা মার্কআপ যাচাই করুন, তারপর তুলনাযোগ্য ক্রল চালান। নতুন অ্যাক্সেসিবিলিটি বা ডেলিভারি সমস্যা না এনে কাঙ্ক্ষিত সমস্যার সংখ্যা ও উৎস পৃষ্ঠার ব্যবহার বদলেছে কি না নিশ্চিত করুন।