আসসালামুয়ালাইকুম বন্ধুরা আশাকরি ভালোই আছেন, আবারও অনেক দিন পর আপনাদের মাঝে উপস্থিত হলাম দারুন একটা script নিয়ে। টাইটেল দেখে আশাকরি বুঝে গেছেন। যদিও ক্লিয়ার ভাবে না বোঝেন সমস্যা নেই, এটা নিয়ে আমি বিস্তারিত বলতেছি, শুধু একটু মনোযোগ দিয়ে পড়ুন।

 বাহ্যিক লিংক সতর্কতা সিস্টেম কী?

অনেক সময় আমাদের ব্লগ বা ওয়েবসাইটে এমন কিছু লিংক যুক্ত থাকে যেগুলো ব্যবহারকারীকে অন্য সাইটে নিয়ে যায়। এই ধরণের লিংককে বলা হয় বাহ্যিক লিংক (External Link)। কিন্তু আমরা জানি না সেই লিংকটি নিরাপদ কিনা বা সেই সাইটটি বিশ্বাসযোগ্য কিনা। তাই, একজন সচেতন ওয়েবমাস্টার হিসেবে আমাদের উচিত ব্যবহারকারীকে সাবধান করা, যেন তারা বুঝেশুনে ক্লিক করে।

External link warning

এই কাজটি সহজেই করা যায় একটি “External Link Redirect Warning System” ব্যবহার করে। এটি একটি ছোট্ট JavaScript স্ক্রিপ্ট, যা ব্যবহারকারীদের বাহ্যিক লিংকে যাওয়ার আগে একটি সতর্কতা বার্তা এবং সেই লিংকের একটি স্ক্রিনশট দেখায়।

 কেন এই সিস্টেম ব্যবহার করবেন?

✔️ ব্যবহারকারীর নিরাপত্তা: এটি ব্যবহারকারীকে জানায় যে তারা আপনার সাইট থেকে একটি বাহ্যিক লিংকে যেতে যাচ্ছে।
✔️ বিশ্বাসযোগ্যতা বৃদ্ধি: আপনি দেখাচ্ছেন যে আপনি সতর্ক, এবং ব্যবহারকারীদের সুরক্ষা আপনার কাছে গুরুত্বপূর্ণ।
✔️ SEO ফ্রেন্ডলি: বাহ্যিক লিংকগুলোতে rel="nofollow noopener" যোগ হয়, যা আপনার SEO-কে সুরক্ষিত রাখে।
✔️ ট্র্যাকিং সুবিধা: আপনি চাইলে ভবিষ্যতে Analytics যুক্ত করে বাহ্যিক ক্লিকের হিসেব রাখতে পারবেন।
✔️ প্রফেশনাল ইম্প্রেশন: সুন্দর ও ইউজার-ফ্রেন্ডলি ডিজাইনে সতর্কবার্তা পেজ, যা প্রফেশনাল লুক তৈরি করে।

 এটি কীভাবে কাজ করে?

এই সিস্টেমটি দুইভাবে কাজ করে:

আপনি যখন আপনার সাইটে একটি বাহ্যিক লিংক দেন, এই স্ক্রিপ্ট স্বয়ংক্রিয়ভাবে সেই লিংককে /p/go.html?url=... আকারে রিডিরেক্ট করে দেয়। এরপর ব্যবহারকারী যখন সেই লিংকে ক্লিক করে, তাকে একটি সতর্কতা পেজে নিয়ে যাওয়া হয় যেখানে দেখানো হয়:

  •  একটি সতর্কতা শিরোনাম
  •  তথ্য: আপনি একটি বাহ্যিক লিংকে যাচ্ছেন
  •  সেই সাইটের একটি প্রিভিউ (স্ক্রিনশট)
  •  “নিজ দায়িত্বে এগিয়ে যান” বাটন

 এই সিস্টেমের মূল ফিচারগুলো

✅ স্বয়ংক্রিয় বাহ্যিক লিংক রিডিরেকশন: কোনো লিংক আলাদা করে দিতে হয় না, এটি নিজে নিজে কাজ করে।
✅ সতর্কতা বার্তা সহ ক্লিন ডিজাইন: সুন্দরভাবে ডিজাইনকৃত বার্তা এবং বাটন
✅ প্রিভিউ ইমেজ: API Flash ব্যবহার করে বহিরাগত সাইটের স্ক্রিনশট দেখানো হয়
✅ Error Handling: যদি URL না থাকে, তাহলে error বার্তা দেখায়
✅ Mobile Friendly: মোবাইলে সুন্দরভাবে দেখা যায়
✅ SEO Safe: বাহ্যিক লিংকে rel=”nofollow” যুক্ত হয়

 আপনি কোথায় এটি ব্যবহার করতে পারেন?

আপনি যদি Blogger, WordPress, বা অন্য কোনো কাস্টম ওয়েবসাইট ব্যবহার করেন, তাহলে সহজেই এই স্ক্রিপ্টটি ব্যবহার করতে পারেন। শুধু JavaScript কোডটি থিমের </body> ট্যাগের উপরে বসিয়ে দিন এবং একটি /p/go.html পেজ তৈরি করে রাখুন।

Blogger এ কি ভাবে setup করবেন:-

প্রথমে আপনার blogger এর যে ব্লগ সাইট এ এই সিস্টেম টা যুক্ত করতে চান সেই সাইট এর মেনু অপশন ওপেন করুন নিচের ছবির মতো
ব্লগার থিম অপশন

তারপর Edit HTMl এ ক্লিক করলে ব্লগার থিম কোড এডিটর ওপেন হবে। সেখান নিচের ছবিতে দেখানো যায়গায়

এখান থেকে কপি করা কোড টা বসিয়ে দিন।

ব্লগার থিম এর পর update করুন। Update successfully হলে আবার ব্লগার মেনু অপশন থেকে একটা শুধু go নামের blank page তৈরি করুন।

এখন আপনার ব্লগার সাইট এর External link থাকা কোনো পোস্ট ওপেন করে,external link এ ক্লিক করুন এবং স্ক্রিপ্টটি উপভোগ করুন।

WordPress এ কি ভাবে ইউজ করবেন:-

ব্লগার এর তুলনায় ওয়ার্ডপ্রেস এ এটি সেটআপ করা অনেক সহজ। কারণ আমি এই স্ক্রীপ্ট টিকে ওয়ার্ডপ্রেস plugin হিসেবে বানিয়েছি। শুধু এখান থেকে প্লাগিন zip ফাইল টি ডাওনলোড করে, আপনার সাইট এর প্লাগিন অপশন দিয়ে আপলোড করে একটিভ করুন তাহলেই আটোমেটিক সব সেটআপ হয়ে যাবে।

✓ এক্ষেত্রে আলাদা করে কোনও পেইজ তৈরি করতে হবে না।

✓প্লাগিন একটিভ করার পর সাইট setting>permalinks>save change এ ক্লিক করুন

নোট: পারমালিংক এ কিছুই চেঞ্জ করতে হবে না শুধু save change ক্লিক করুন।

✓ এখন আপনার সাইট এ থাকা যে কোনো এক্সটার্নাল লিংকে ক্লিক করে দেখুন

📌 বন্ধুকে নিয়ে সেরা ক্যাপশন খুঁজছেন?

তাহলে এখনই দেখে নিন আমাদের বিশেষভাবে তৈরি করা বন্ধু নিয়ে বাংলা ক্যাপশন কালেকশন —
যেখানে মজার, আবেগঘন আর ইনস্টাগ্রাম-ফ্রেন্ডলি সব ক্যাপশন একসাথে পাবেন!


👉 পোস্টটি পড়ুন: বন্ধুকে নিয়ে সেরা ক্যাপশন সমূহ

যারা ওয়েবসাইটে বাহ্যিক লিংক ব্যবহার করেন, তাদের জন্য এই External Link Warning System একটি দারুণ টুল। এটি ব্যবহারকারীদের সুরক্ষা দেয়, আপনার সাইটকে প্রফেশনাল লুক দেয় এবং SEO ফ্রেন্ডলি উপায়ে বাহ্যিক লিংক হ্যান্ডেল করে। আপনি চাইলে এই স্ক্রিপ্টটি কাস্টমাইজ করে আপনার সাইটের ডিজাইনের সাথে মিলিয়ে নিতে পারেন।

যদি বুঝতে বা setup করতে কোথাও সমস্যা হয় অবশ্যই কমেন্ট এ জানাবেন। আর ওয়ার্ডপ্রেসে বা ব্লগার এর আর কোনো code বা স্ক্রীপ্ট লাগলেও জানাবেন , ভালো থাকুন সুস্থ থাকুন trickbd এর সাথেই থাকুন ধন্যবাদ।