অনলাইনে আপনার ওয়েবসাইটের ফেভিকন যাচাই করুন: কী কী সাইজ প্রয়োজন এবং কেন Google ফেভিকনটি দেখাচ্ছে না

সংক্ষিপ্ত উত্তর: অনলাইনে আপনার ওয়েবসাইটের ফেভিকন পরীক্ষা করতে, PromoPilot-এর বিনামূল্যের ফেভিকন চেকারে আপনার ডোমেইনটি লিখুন এবং "চেক" বোতামে ক্লিক করুন। টুলটি HTML-এ ঘোষিত এবং /favicon.ico এর মতো স্ট্যান্ডার্ড পাথে অবস্থিত সমস্ত আইকন খুঁজে বের করবে, প্রতিটির প্রিভিউ ও আকার প্রদর্শন করবে, অ্যাপল টাচ আইকনটি পরীক্ষা করবে এবং কোন আকারগুলো অনুপস্থিত তা আপনাকে জানিয়ে দেবে। নিচে আইকনগুলোর একটি ন্যূনতম সেট, সম্পূর্ণ কোড এবং Google কেন আপনার লোগোর পরিবর্তে একটি ধূসর গ্লোব দেখাচ্ছে তার কারণ দেওয়া হলো।

আমি ১২ বছর ধরে ওয়েবসাইট তৈরি করছি, এবং আমি জানি: অন্য যেকোনো উপাদানের চেয়ে ফেভিকন প্রায়শই উপেক্ষিত হয়। ডিজাইনার লোগো তৈরি করেন, ডেভেলপার ওয়েবসাইট বানান, অথচ কেউই ট্যাবে একটি ফেভিকন যোগ করেন না—যতক্ষণ না প্রথম কোনো ক্লায়েন্ট জিজ্ঞেস করেন, “ Google আমাদের প্রতিযোগীর ফেভিকন আছে, অথচ আমাদের নেই কেন?”

Favicon Check কী যাচাই করে?

একটি ওয়েবসাইটের আইকন এখন আর শুধু একটি favicon.ico ফাইল নয়। ব্রাউজার, আইফোন, অ্যান্ড্রয়েড এবং Google সকলেই ভিন্ন ভিন্ন ফাইল ও আকার ব্যবহার করে। এই টুলটি সেগুলোকে একত্রিত করে একটি একক রিপোর্টে উপস্থাপন করে।

অনলাইনে কোনো ওয়েবসাইটের ফেভিকন কীভাবে দেখবেন?

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

টুল পেজ: ডোমেইন ফিল্ড, "চেক" বাটন, এবং প্রায়শই জিজ্ঞাসিত প্রশ্নসহ চেকগুলোর বিবরণ।

যাচাই করা সহজ—আপনার নিজের সাইট এবং তুলনা করার জন্য দু-একটি প্রতিযোগীর সাইট যাচাই করার জন্য অতিথির সংখ্যাই যথেষ্ট। যেকোনো সাইটের আইকন দেখা ও ডাউনলোড করা যায়—যা খুবই সুবিধাজনক, বিশেষ করে যদি আপনার নিজের লোগোর আসল কপিটি খুঁজে বের করার প্রয়োজন হয়, যা কোনো পুরোনো ঠিকাদারের কাজের সাথে হারিয়ে গেছে।

২০২৬ সালে কী কী ফেভিকন সাইজের প্রয়োজন হবে?

আইকন জেনারেটরগুলো প্রায়শই ২০টি ফাইল তৈরি করে, কিন্তু আসলে প্রয়োজন একটি সংক্ষিপ্ত সেট। আমার সব প্রোজেক্টের জন্য আমি ন্যূনতম যা ব্যবহার করি তা নিচে দেওয়া হলো:

এবং <head> এর জন্য কোড:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

ডিজাইন টিপস: ১৬ পিক্সেলে লোগো এবং লেখা ঝাপসা হয়ে যায়। একটি বিপরীতধর্মী পটভূমিতে কোনো প্রতীক, নামের প্রথম অক্ষর বা সরলীকৃত অক্ষর ব্যবহার করুন। অ্যাপল টাচ আইকনের জন্য স্বচ্ছ পটভূমি ব্যবহার করবেন না—আইওএস এটিকে কালো রঙে পূরণ করে দেবে।

ডিজাইনার ছাড়া কীভাবে নিজে ফ্যাভিকন তৈরি করবেন?

আপনার কাছে যদি কোনো আইকন না-ও থাকে, তাহলেও আধা ঘণ্টার মধ্যে একটি সাধারণ সেট তৈরি করে নিতে পারেন। এর পদ্ধতিটি নিচে দেওয়া হলো:

1. পুরো লোগো নয়, একটি প্রতীক ব্যবহার করুন। ব্র্যান্ডের রঙের সাথে মিলিয়ে নামের প্রথম অক্ষর, লোগোর কোনো প্রতীক বা একটি সাধারণ জ্যামিতিক আকৃতি ব্যবহার করুন । নিশ্চিত করুন যেন এটি ১৬ পিক্সেল আকারেও চেনা যায়।
2. একটি ৫১২x৫১২ বর্গক্ষেত্র আঁকুন। যেকোনো গ্রাফিক্স এডিটর বা অনলাইন ডিজাইনার হলেই চলবে। কিনারা বরাবর কিছুটা মার্জিন রাখুন, যাতে চিহ্নটি সীমানার সাথে মিশে না যায়।
3. সোর্স ফাইলটি SVG হিসেবে সেভ করুন — এটি favicon.svg ফাইলে পরিণত হবে, এবং প্রয়োজনীয় আকারের সমস্ত PNG ফাইল গুণমান নষ্ট না করেই কাটা যাবে।
4. আইকন জেনারেটরে বাকি সাইজগুলো (ICO, 180, 192) তৈরি করুন এবং ফাইলগুলো সাইটের রুটে রাখুন।
5. কোডটি হেডে পেস্ট করুন এবং টুলটিতে ফলাফলটি আবার যাচাই করুন।

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

Google কেন সাইটটির ফেভিকন দেখায় না?

সবচেয়ে বেশি জিজ্ঞাসিত প্রশ্ন: সার্চ রেজাল্টে কোনো ঠিকানার পাশে যদি একটি ধূসর গ্লোব দেখতে পান, তাহলে এর সাধারণত কয়েকটি কারণ থাকে:

1. আইকনটি বর্গাকার নয়। Google জন্য ১:১ অ্যাস্পেক্ট রেশিও এবং কমপক্ষে ৮x৮ আকারের প্রয়োজন, তবে তারা ৪৮x৪৮-এর চেয়ে বড় আকারের সুপারিশ করে: কারণ ১৬x১৬ আকারের ক্ষুদ্র favicon.ico সার্চ রেজাল্টে ঝাপসা দেখায়।
2. আইকনটি রোবটদের জন্য ব্লক করা আছে। Google -Image-এর আইকন ফাইলে এবং মূল ফাইলে অ্যাক্সেস থাকতে হবে। যদি Google এ ইমেজ ফোল্ডারটি ব্লক করা থাকে অথবা ফাইলটি কোনো ত্রুটিসহ ফেরত আসে, তাহলে আইকনটি সার্চ রেজাল্টে দেখা যাবে না।
3. ট্যাগটি হোমপেজে নেই। Google ডোমেইন বা সাবডোমেইনের হোমপেজ থেকে ফেভিকনটি নেয়; হোমপেজের অংশটি, যেমন example.com/shop জন্য উপযুক্ত নয়।
4. আইকনটির ঠিকানা অস্থিতিশীল। যদি প্রতিটি সাইট বিল্ডের সাথে পাথটি পরিবর্তিত হয় ( /icon.a83f2.png), তাহলে Google হয়তো দ্রুত এটি আপডেট করতে পারবে না।
5. অনেকদিন হয়ে গেছে। কোনো ত্রুটি সংশোধনের পর Google সঙ্গে সঙ্গে ফেভিকন আপডেট করে না; আপনি সার্চ কনসোলে হোমপেজটি পুনরায় স্ক্যান করার অনুরোধ জানিয়ে এই প্রক্রিয়াটি দ্রুত করতে পারেন। Google কোনো নির্দিষ্ট সময়সীমা জানায় না, তাই ফলাফল দেখার জন্য কয়েকদিন অপেক্ষা করুন।
6. আইকনটি নিয়ম লঙ্ঘন করে। Google অগ্রহণযোগ্য ছবিগুলোকে একটি স্ট্যান্ডার্ড আইকন দিয়ে প্রতিস্থাপন করে।

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

উপসংহার: যাচাই করার জন্য একটি অনলাইন টুল, একটি সেট তৈরি করার জন্য জেনারেটর, এবং Google আপডেট দ্রুত করার জন্য সার্চ কনসোল বেশি সুবিধাজনক।

যাইহোক, প্রোমোপাইলটে ৮৭টি ফ্রি এসইও টুল রয়েছে। SERP প্রিভিউতে টাইটেলের পাশে ফেভিকনটি কেমন দেখায় তা আপনি সহজেই দেখতে পারেন—আমাদের সিরিজে এ বিষয়ে একটি আলাদা আর্টিকেল রয়েছে।

ফেভিকন যাচাইকরণের সীমাবদ্ধতাগুলো কী কী?

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

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

ফেভিকন একটি ছোটখাটো সমস্যা, যার জন্য সচরাচর বিশেষজ্ঞের প্রয়োজন হয় না। কিন্তু এমনও সময় আসে যখন একটি ছোটখাটো সমস্যাই একটি উপসর্গ হয়ে দাঁড়ায়। নিম্নলিখিত ক্ষেত্রে সাহায্যের প্রয়োজন হতে পারে:

• আইকনটি সঠিক, কিন্তু Google কয়েক মাস ধরে একটি গ্লোব দেখাচ্ছে - এর মানে সমস্যাটি রোবটের অ্যাক্সেস বা টেমপ্লেটে রয়েছে;
• ব্র্যান্ডটির লোগো সাধারণ নয় এবং এর জন্য এমন একটি কর্পোরেট শৈলী প্রয়োজন যা ১৬ পিক্সেলে মানানসই হয়;
• সাইটটি একটি বিল্ডার ব্যবহার করে কম্পাইল করা হয়েছে, এবং প্রতিটি আপডেটের সাথে আইকনগুলোর পাথ পরিবর্তিত হয়;
• বছরের পর বছর ধরে জমে থাকা কয়েক ডজন ছোটখাটো ভুলের মধ্যে ফেভিকনটি মাত্র একটি।

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

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

এসইও এবং অডিট

• টার্নকি ওয়েবসাইট এসইও অডিট: আমি ফেভিকন ও প্রিভিউ থেকে শুরু করে ইন্ডেক্সিং ও স্পিড পর্যন্ত সমস্ত প্রযুক্তিগত খুঁটিনাটি খুঁজে বের করি এবং কোডে সেগুলো ঠিক করে দিই।

ওয়েবসাইট এবং অনলাইন স্টোর

• মিনিটের মধ্যেই অন্য কারো ওয়েবসাইটের স্টাইলে একটি ওয়েবসাইট তৈরি করুন — 1001site এ আইকন, প্রিভিউ এবং লেআউট স্বয়ংক্রিয়ভাবে কনফিগার করা হয়।
• সাবস্ক্রিপশন ফি সহ টিল্ডা নাকি এআই চালিত ওয়েবসাইট — দুটি পদ্ধতির একটি সৎ তুলনা।
• ২০২৬ সালে একটি টার্নকি ওয়েবসাইটের খরচ কত হবে? কোন বিষয়গুলো এর মূল্য নির্ধারণ করে?
• ২৯৯ ইউরোতে ৩ দিনে এআই অ্যাসিস্ট্যান্ট সহ WordPress ওয়েবসাইট ।

সিআরএম এবং অটোমেশন

• স্লোভাকিয়ার একটি কোম্পানির জন্য গ্রাহক ডেটাবেস ও সিদ্ধান্ত গ্রহণকারীদের তথ্যসহ একটি কাস্টম সিআরএম সিস্টেম ।
• গাড়ি ভাঙার একটি কোম্পানির জন্য একটি সিআরএম, যা স্বয়ংক্রিয়ভাবে মূল্য গণনা করে এবং চালান মুদ্রণ করে ।

Telegram আমাকে ওয়েবসাইটের ঠিকানাটা পাঠিয়ে দিন - আমি আইকনগুলো আর প্রায়ই ভুলে যাওয়া আরও দু-ছয়টা ছোটখাটো বিষয় দেখে নেব।

ফলাফল

1. ফেভিকন চেকার এক মিনিটের মধ্যে সাইটের সমস্ত আইকন, তাদের আকার খুঁজে বের করে এবং কোনগুলো অনুপস্থিত তা দেখিয়ে দেয়।
2. ন্যূনতম সেট: favicon.ico, favicon.svg, Apple Touch Icon 180×180, এবং web-manifest-এর জন্য আইকন 192 ও 512।
3. Google জন্য আইকনটি অবশ্যই বর্গাকার, ৪৮x৪৮ এর চেয়ে বড়, রোবটের কাছে প্রবেশযোগ্য এবং মূল পৃষ্ঠায় ঘোষিত হতে হবে।
4. ছোটখাটো সমস্যা ঠিক করার চেয়ে একটি ওয়েবসাইট নতুন করে তৈরি করা সহজ হলে, 1001site স্বয়ংক্রিয়ভাবে আইকন ও প্রিভিউ কাস্টমাইজ করে নেয়।

বিনামূল্যের ফেভিকন চেকার দিয়ে আপনার ডোমেইনটি যাচাই করুন – এবং একই সাথে আপনার প্রধান প্রতিযোগীর ডোমেইনটিও যাচাই করে নিন।

উৎস

• প্রোমোপাইলটের ফেভিকন চেকার পেজ — চেকের তালিকা এবং প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী।
• Google সার্চ সেন্ট্রাল - সার্চ রেজাল্টের ফেভিকন সংক্রান্ত প্রয়োজনীয়তা।
• RealFaviconGenerator — একগুচ্ছ আইকন তৈরি ও পরীক্ষা করে।