আপনার ওয়েবসাইটে ব্লগ কীভাবে যুক্ত করবেন: বিকল্প, SEO ও সেটআপ

আপনার ওয়েবসাইটে ব্লগ যুক্ত করতে ঠিক করুন পোস্ট কীভাবে লেখা হবে: আপনি বা একজন ডেভেলপার লিখলে আপনার প্রজেক্টে Markdown ফাইল, প্রযুক্তিগত নয় এমন মানুষ লিখলে একটি অ্যাডমিন এডিটরসহ ডেটাবেস, অথবা একটি পূর্ণাঙ্গ সম্পাদনা টুল চাইলে একটি CMS। তারপর আপনার মূল ডোমেইনে /blog-এ একটি তালিকা পৃষ্ঠা, প্রতি পোস্টের জন্য একটি পৃষ্ঠা এবং একটি RSS ফিড রাখুন। সার্চ ইঞ্জিনের জন্য নিশ্চিত করুন প্রতিটি পোস্ট আসল HTML হিসেবে নিজস্ব শিরোনাম, বিবরণ ও শেয়ার ছবিসহ পরিবেশিত হয় এবং সাইটম্যাপে থাকে। একটি এআই অ্যাপ বিল্ডার প্রম্পট থেকে এর যেকোনোটি বানাতে পারে; পছন্দটি মূলত নির্ভর করে কে লিখবেন তার উপর।

কীভাবে পোস্ট লেখা হবে তা বেছে নিন

এটিই সবচেয়ে গুরুত্বপূর্ণ সিদ্ধান্ত। প্রযুক্তি এটির উপর নির্ভর করে।

একটি কার্যকর নিয়ম: সাধারণ টেক্সট ফাইলে লিখতে স্বাচ্ছন্দ্য বোধ করলে, Markdown সবচেয়ে সহজ ও দ্রুত পরিবেশন হয়। যদি "কমিট" ও "রিডিপ্লয়" শব্দ দুটি আপনাকে বা আপনার দলকে পোস্ট করা থেকে থামিয়ে দেয়, তবে একটি এডিটর বেছে নিন।

সাবফোল্ডার নাকি সাবডোমেইন?

• সাবফোল্ডার (example.com/blog): এক সাইট, একটি ডিজাইন, একই অ্যানালিটিক্স, এবং ব্লগ পোস্টগুলো সেই একই ডোমেইনে থাকে যেখানে আপনি র‍্যাঙ্ক করতে চান এমন পৃষ্ঠাগুলো থাকে। বেশিরভাগ ব্যবসার জন্য সবচেয়ে সহজ।
• সাবডোমেইন (blog.example.com): প্রয়োজন হয় যদি ব্লগ এমন একটি ভিন্ন প্ল্যাটফর্মে চলে যা আপনি মূল সাইটের অধীনে পরিবেশন করতে পারেন না।

আপনি যদি যেভাবেই হোক নিজের সাইটের ভেতরে ব্লগ বানান, সাবফোল্ডার ব্যবহার করুন।

একটি ব্লগে কী লাগে

• পোস্ট তালিকা পৃষ্ঠা শিরোনাম, তারিখ, সংক্ষিপ্ত অংশ ও পেজিনেশনসহ।
• পোস্ট পৃষ্ঠা পড়ার উপযোগী প্রস্থসহ (প্রতি লাইনে মোটামুটি ৬০–৮০ অক্ষর), স্পষ্ট শিরোনাম ও ভালো ছবির ব্যবস্থাসহ।
• পরিষ্কার URL: /blog/how-to-choose-a-caterer, /blog?id=17 নয়।
• প্রতি পোস্টের শিরোনাম ও মেটা বিবরণ, সঙ্গে Open Graph ট্যাগ যাতে শেয়ার করা লিংক সঠিক প্রিভিউ দেখায়।
• প্রতিটি পোস্টের জন্য সাইটম্যাপ এন্ট্রি, এবং পাঠক ও নিউজলেটার টুলের জন্য একটি RSS ফিড।
• লেখক ও তারিখ, এবং সংশোধন করলে একটি "হালনাগাদ" তারিখ।
• ক্যাটাগরি বা ট্যাগ যখন প্রয়োজন হওয়ার মতো যথেষ্ট পোস্ট জমে।
• ড্রাফট, যাতে অসম্পূর্ণ পোস্ট ব্যক্তিগত থাকে।

SEO: পোস্টগুলোকে আসল পৃষ্ঠা বানান

আধুনিক টুলে বানানো অনেক সাইট সিঙ্গেল-পেজ অ্যাপ: ব্রাউজার একটি JavaScript ডাউনলোড করে যা পরে পৃষ্ঠা আঁকে। অ্যাপের জন্য এটি কাজ করে, কিন্তু ব্লগ বাঁচে সার্চ ও লিংক প্রিভিউয়ের উপর, আর শুধু ব্রাউজারে আঁকা পৃষ্ঠা কিছু ক্রলার ও সোশ্যাল প্রিভিউয়ের জন্য পড়া কঠিন। ব্লগের জন্য পোস্টগুলো প্রি-রেন্ডার (সাইট বিল্ডের সময় HTML-এ রূপান্তর) অথবা সার্ভার-রেন্ডার করতে বলুন, যাতে প্রতিটি পোস্ট URL সঙ্গে সঙ্গে তার পূর্ণ কনটেন্ট, শিরোনাম ও বিবরণ ফেরত দেয়।

এআই দিয়ে বানানো ওয়েবসাইটের SEO গাইড শিরোনাম, সাইটম্যাপ ও স্ট্রাকচার্ড ডেটা আরও গভীরে ব্যাখ্যা করে।

উদাহরণ প্রম্পট

Markdown ব্লগ:

/blog-এ একটি ব্লগ যোগ করো। প্রতিটি পোস্ট content/blog-এ একটি Markdown ফাইল, যার শুরুতে শিরোনাম, বিবরণ, তারিখ ও ঐচ্ছিক কভার ছবি থাকে। একটি তালিকা পৃষ্ঠা (নতুনটি আগে, প্রতি পৃষ্ঠায় ১০টি) এবং /blog/[slug]-এ প্রতি পোস্টের জন্য একটি পৃষ্ঠা বানাও। সব ব্লগ পৃষ্ঠা স্ট্যাটিক HTML-এ প্রি-রেন্ডার করো, যাতে প্রতিটির নিজস্ব শিরোনাম, মেটা বিবরণ ও Open Graph ট্যাগ থাকে। পোস্টগুলো sitemap.xml-এ যোগ করো এবং /blog/rss.xml-এ একটি RSS ফিড তৈরি করো।

এডিটরসহ ব্লগ:

ডেটাবেসে সংরক্ষিত পোস্টসহ একটি ব্লগ যোগ করো: শিরোনাম, slug, সংক্ষিপ্ত অংশ, মূল লেখা (Markdown), কভার ছবি, অবস্থা (ড্রাফট বা প্রকাশিত), প্রকাশের তারিখ। পাসওয়ার্ড-সুরক্ষিত একটি অ্যাডমিন এলাকা যোগ করো, যেখানে পোস্ট তৈরি, সম্পাদনা, প্রিভিউ ও প্রকাশ করা যায়, কভার ও ইনলাইন ছবির আপলোডসহ। শুধু প্রকাশিত পোস্ট /blog-এ দেখাও। প্রতিটি পোস্ট পৃষ্ঠা সার্ভারে রেন্ডার করো, নিজের শিরোনাম ও মেটা বিবরণসহ।

পালিশ:

ব্লগ পোস্টের লেআউট উন্নত করো: পড়ার উপযোগী প্রস্থ, বড় লাইন উচ্চতা, স্টাইল করা শিরোনাম, কোড ব্লক ও উদ্ধৃতি, রেসপন্সিভ ছবি, এবং নীচে "পরবর্তী / আগের পোস্ট" লিংক। সাইটের বিদ্যমান রং ও ফন্ট রাখো।

ধাপে ধাপে

1. কে লিখবেন ঠিক করুন এবং Markdown, ডেটাবেস + এডিটর, অথবা CMS বেছে নিন।
2. URL কাঠামো ঠিক করুন: /blog ও /blog/post-slug।
3. তালিকা ও পোস্ট পৃষ্ঠা বানান উপরের লেআউটের মূল বিষয়গুলো দিয়ে।
4. প্রতি পোস্টের জন্য মেটাডেটা যোগ করুন: শিরোনাম, বিবরণ, শেয়ার ছবি, তারিখ।
5. পোস্টগুলো ক্রলযোগ্য করুন: প্রি-রেন্ডার বা সার্ভার-রেন্ডার করুন, তারপর একটি পোস্টের পৃষ্ঠার সোর্স দেখে যাচাই করুন, নিবন্ধের লেখা সেখানে থাকা উচিত।
6. একটি সাইটম্যাপ ও RSS ফিড যোগ করুন।
7. ছবি পরিচালনা করুন: সংকুচিত করুন, আকার ঠিক করুন, alt টেক্সট যোগ করুন। একটি এডিটরের জন্য আপলোড ফাইল স্টোরেজে রাখুন (কীভাবে অ্যাপে ফাইল আপলোড যোগ করবেন দেখুন)।
8. লঞ্চের আগে দুই-তিনটি পোস্ট লিখুন, যাতে ব্লগ খালি না লাগে।
9. প্রকাশ করুন, তারপর Google Search Console-এ সাইটম্যাপ জমা দিন।

সাধারণ ভুল

• এমন একটি সেটআপ বেছে নেওয়া যা কেউ ব্যবহার করবে না। যে দল ফাইল নিয়ে কাজ করতে চায় না, তাদের জন্য Markdown ব্লগ খালি থেকে যাবে।
• শুধু ব্রাউজারে আঁকা পোস্ট। শেয়ারে প্রিভিউ ফাঁকা দেখায় এবং সার্চ ইঞ্জিন কম দেখতে পারে।
• প্রতিটি পোস্টে একই শিরোনাম ও বিবরণ। প্রতিটির নিজস্ব থাকা দরকার।
• প্রকাশের পর স্লাগ বদলানো। এটি লিংক ভাঙে; বদলাতেই হলে একটি রিডাইরেক্ট যোগ করুন।
• বড় অসংকুচিত ছবি। এগুলো প্রতিটি পোস্ট ধীর করে।
• কোনো ড্রাফট নেই। আধা-লেখা পোস্ট ভুল করে লাইভ হয়ে যায়।
• গ্রাহকদের প্রশ্নের বদলে নিজের সম্পর্কে লেখা। কার্যকর উত্তর দর্শক আনে; ঘোষণা খুব কমই আনে।

চেকলিস্ট

• লেখার পদ্ধতি যারা আসলে লিখবেন তাদের সঙ্গে মেলে
• ব্লগ আপনার মূল ডোমেইনে /blog-এ থাকে
• প্রতি পোস্টের পরিষ্কার, স্থিতিশীল URL
• প্রতি পোস্টের জন্য অনন্য শিরোনাম, বিবরণ ও শেয়ার ছবি
• পোস্টের HTML-এ পূর্ণ নিবন্ধ আছে (পৃষ্ঠার সোর্স দেখে যাচাই)
• সাইটম্যাপ ও RSS ফিডে সব প্রকাশিত পোস্ট আছে
• ড্রাফট ব্যক্তিগত থাকে
• ছবি সংকুচিত, alt টেক্সটসহ
• লঞ্চের আগে কয়েকটি পোস্ট লেখা

Mythex দিয়ে ব্লগ যুক্ত করা

Mythex-এ চ্যাট থেকে যেকোনো ধরনের ব্লগ যোগ করা যায়। এডিটর-ভিত্তিক ব্লগের জন্য পোস্ট প্রজেক্টের ডেটাবেসে এবং ছবি ফাইল স্টোরেজে যায়; অ্যাপের প্রয়োজন হলে Mythex দুটোই চালু করে। Mythex-এর ডকুমেন্টেশন উল্লেখ করে যে নতুন অ্যাপ প্রায়ই Vite সিঙ্গেল-পেজ অ্যাপ হিসেবে শুরু হয়, যার SEO সার্ভার-রেন্ডার বা স্ট্যাটিক HTML-এর চেয়ে দুর্বল। তাই ব্লগের জন্য প্রি-রেন্ডার বা স্ট্যাটিক পোস্ট পৃষ্ঠা, অথবা একটি Next.js সেটআপ চান। প্রকাশিত অ্যাপের SEO দেখুন, এবং পরিবর্তনের পর আবার প্রকাশ করুন।

শূন্য থেকে শুরু করলে, এআই দিয়ে ওয়েবসাইট কীভাবে বানাবেন ও একটি ছোট ব্যবসার ওয়েবসাইট কীভাবে বানাবেন দেখুন।

প্রশ্নোত্তর