আপনি যদি আপনার ব্লগার ওয়েবসাইটকে একটা প্রফেশনাল লুক দিতে চান তবে Table of Content আপনার ওয়েবসাইটে যুক্ত করা খুবই জরুরি।

How to add Table Of Content on blogger


কিন্তু আপনি কি জানেন কিভাবে Blogger এ Table of Content যুক্ত করবেন?


আপবার ওয়েবসাইট যদি ওয়ার্ডপ্রেসে থাকে তবে Table of Content যুক্ত করা মিয়ে আপনার চিন্তা করার দরকার নেই।


কারণ ওয়ার্ডপ্রেসে Table of Content যুক্ত করার জন্য আপনি অনেক plugin পেয়ে যাবেন।


সমস্যা হবে ব্লগারে Table of Content যুক্ত করার সময়। কারণ Blogger এ কোনো প্রকার plugin ব্যবহার করা যায় না।


তবে আপনার চিন্তা করার দরকার নেই। আজ আমি আপনাদের শেখাব কিভাবে আপনি আপনার Blogger ওয়েবসাইটে Table of Content যুক্ত করতে পারেন?


এই পোস্টটি সম্পূর্ণ মনোযোগ সহকার পড়ার পর আপনি জানতে পারবেন Table of Content কি?Table of Content ব্যবহারের সুবিধা কি? এসইওতে এর গুরুত্ব কি? এবং কিভাবে আপনি Blogger এ Table of Content যুক্ত করবেন?


তাহলে চলুন পোস্টটি শুরু করা যাক


Table of Content কি?

Table Of Content হলো হলো কোনো ওয়েবসাইটের Tabular Format যা কোনো ব্লগ পোস্টের structure overview দেয়।


এই Tabular Format এ সকল হেডিং সাব-হেডিং (h1, h2, h3 ইত্যাদি) তালিকাভুক্ত করা হয়। এবং সকল হেডিং ও সাব-হেডিং লিংক আকারে প্রকাশ করা হয়।


যখন কেউ গুগলে গিয়ে কোনো কিছু সার্চ করে তখন গুগল তার সার্চ রেজাল্টে কিছু ওয়েব পেজ দেখায়।


যখন কোনো ইউজার এই ওয়েব পেজগুলোর একটিতে ক্লিক করে ঐ ওয়েব পেজে ভিজিট করে, কন্টেন্ট পড়তে পারে।


কিন্তু যদি ঐ ওয়েব পেজে Table Of Content থাকে তবে সে বুঝতে পারে এই পোস্টে কোন কোন বিষয় নিয়ে লেখা হয়েছে।


আবার যদি ইউজারের কাছে সময় কম থাকে তবে সে Table Of Content এর সাহায্যে তার যেই তথ্যটি দরকার শুধু সেটিই পড়তে পারে।


বিষয়টি একটি উদাহরণের সাহায্যে বুঝানো যাক।


মনে করেন আপনি একটি লাইব্রেরিতে গেলেন। এখন আপনার একটি বই দরকার। কিন্তু লাইব্রেরিতে কোনো লাইব্রেরিয়ান নেই, যে আপনাকে বইটি বের করে দেবে।


তাহলে আপনাকে কি করতে হবে? সম্পূর্ণ লাইব্রেরি খুঁজে আপনাকে ঐ বইটি বের করতে হবে।


কি তাই না?


কিন্তু যদি এখানে একজন লাইব্রেরিয়ান থাকতো তবে আপনাকে এতো পরিশ্রম করতে হতো না।


আপনার যেই বই দরকার আপনি তাকে বলতেই সেটা বের করে দিতে। যেহেতু সে এই লাইব্রেরিয়ান তাই সে জানেন কোন বই কোন জায়গায় আছে।


সে আপনাকে খুব সহজেই তা বের করে দিত। Table Of Content -এর কাজও ঠিক একই রকম।


আপনি যদি কোনো নির্দিষ্ট একটি বিষয় জানতে ওয়েব পেজে জান তবে যদি Table Of Content থাকে। তাহলে আপনি ঐ নির্দিষ্ট বিষয় নিয়ে যে স্থানে লেখা হয়েছে আপনি সেখানে পৌছে যাবেন।


কোনো ইউজারকে কাঙ্ক্ষিত স্থানে পৌছে দেওয়াই হলো Table Of Content এর কাজ।


Blogger এ Table Of Content ব্যবহার করার সুবিধা কি?

TOC অর্থাৎ Table Of Content সাধারণত কোনো ওয়েব পেজে first paragraph এর পরে এবং প্রথম Heading এর ঠিক আগে ব্যবহার করা হয়।


যাতে কোনো ইউজার যখন আপনার ওয়েবসাইটে আসে তখন তার সর্বপ্রথম নজর Table Of Content এ যায়। এবং এই পোস্টে কি নিয়ে লেখা হয়েছে তা বুঝতে পারে।


Blogger এ Table Of Content যুক্ত করার অনেকগুলো সুবিধা রয়েছে। যা নিয়ে এখন আমরা আলোচনা করবঃ

  • Table Of Content আপনার ওয়েবসাইটের ইউজার এক্সপিরিয়েন্স বাড়াতে সাহায্যে করে। Table Of Content এর সাহায্যে আপনার ইউজার বুঝতে পারে এখানে সে কোন বিষয় নিয়ে জানতে পারবে।

    এবং সে যদি শুধু মাত্র কোনো একটি নির্দিষ্ট বিষয় জানতে চায় তবে Table Of Content এর সাহায্যে সে ঐ অংশে পৌছাতে পারবে।

  • যদি আপনার ওয়েবসাইটের ইউজার এক্সপিরিয়েন্স ভালো হয় তবে গুগলও আপনার ওয়েবসাইটকে উপরে র‍্যাংক করাবে।

  • আপনার ওয়েবসাইটকে যদি আপনি প্রফেশনাল করে তুলতে চান তবে Table Of Content খুবই গুরুত্বপূর্ণ। Table Of Content আপনার ওয়েবসাইটের লুক একদম বদলে দেবে।

  • Table Of Content হলো কোনো ওয়েব পেজের RoadMap। ওয়েব পেজের কোথায় কি আছে এবং সে স্থানে সহজে ফৌছানোর উপায় হলো Table Of Content।

  • Table Of Content আপনার ওয়েবসাইটের bounce rate কমাতে অনেক সাহায্য করে।


এসইও-তে Table Of Content এর গুরুত্ব আছে?

এর সহজ উত্তর হলো হ্যাঁ।


আপনি যদি আপনার ব্লগে Table Of Content যুক্ত করেন তবে আপনার ইউজার সহজেই যেকোনো তথ্য খুঁজে বের করতে পারবে।


এতে করে তারা আপনার ব্লগে বার বার ফিরে আসবে এবং অন্য কোথাও যাবে না।


আর যদি আপনার ইউজার আপনার কন্টেন্ট দেখে খুশি হয় তবে গুগলও আপনার ব্লগের উপর ট্রাস্ট করবে। এবং আপনাকে হাই র‍্যাংকিং দিবে।


আবার আপনি যদি আপনার ব্লগ পোস্টে Table Of Content যুক্ত করেন তবে গুগলের বট যখন আপনার ওয়েবসাইট ক্রল জরতে আসবে তখন সে সহজেই আপনার কন্টেন্ট বুঝতে পারবে।


এতেও আপনার র‍্যাংকিং ইমপ্রুভ হবে।


আশা করি আপনি বুঝতে পেরেছেন Table Of Content কেন আপনার ব্লগের জন্য গুরুত্বপূর্ণ। 


তাহলে চলুন এবার জানা যাক কিভাবে আপনি আপনার ব্লগে Table Of Content যুক্ত করবেন?


কিভাবে আপনি আপনার ব্লগে Table Of Content যুক্ত করবেন?

এতক্ষণ আপনি জানলেন Table Of Content কি? Table Of Content এর গুরুত্ব কি?


এখন আমি আপনাকে শেখাব কিভাবে আপনি আপনার ব্লগার ওয়েবসাইটে Table Of Content যুক্ত করতে পারেন?


ওয়ার্ডপ্রেস ওয়েবসাইটে Table Of Content যুক্ত করার জন্য আপনি অনেক plugin পেয়ে যাবেন। কিন্তু ব্লগারে Table Of Content যুক্ত করার জন্য আপনি কোনো plugin পাবেন না।


কারণ ব্লগার কোনো ধরনের plugin support করেনা


তাই ব্লগারে Table Of Content যুক্ত করার জন্য আপনাকে html ব্যবহার করতে হবে।


আপনি যদি প্রোগ্রামিং না জানেন তবে আপনার চিন্তা করার দরকার নেই। কারণ এই পোস্টে আমি আপনাকে সকল কোড দিয়ে দেব।


আপনি সহজেই আপনার ব্লগার ওয়েবসাইটে সেই কোড ব্যবহার করে Table Of Content যুক্ত করতে পারবেন।


ব্লগারে Table Of Content যুক্ত করার পূর্বে আপনি আপনার ওয়েবসাইটের ট্যামপ্লেটের ব্যাকআপ নিয়ে নিন।


যাতে পরবর্তীতে কোনো সমস্যা হলে আপনি তা ব্যবহার করতে পারেন।


তাহলে চলুন দেখা যাক কিভাবে আপনি আপনার ব্লগার ওয়েবসাইটে Table Of Content যুক্ত করবেনঃ

  1. সর্বপ্রথম আপনি আপনার ব্লগার একাউন্টে লগইন করুন।

  2. এবার আপনি আপনার ব্লগার ড্যাসবোর্ডের Theme সেকশনে ক্লিক করুন।

  3. "Edit HTML" অপশনে ক্লিক করুন। এখন আপনি আপনার ব্লগের html edit করতে পারবেন।

  4. এখন আপনি যেকোনো ফাঁকা স্থানে মাউসের কার্সর রেখে ডাবল ক্লিক করুন।

    এরপর ctrl+f চাপুন (সার্চ বক্স আসবে)। এখানে </head> ট্যাগ সার্চ করুন।

  5. আপনি আপনার মাউসের কার্সর </head> ট্যাগের সামনে রাখে Enter প্রেস করুন।

  6. এবার ঠিক </head> ট্যাগের উপরে নিচে দেওয়া কোডটি কপি করে পেস্ট করুন। এবং সেইভ করুন।
    <link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><script type='text/javascript'> //<![CDATA[ //*************Table of Content (TOC) plugin by anantvijaysoni.in function avsTOC() {var avsTOC=i=headlength=gethead=0; headlength = document.getElementById("post-toc").getElementsByTagName("h3").length;for (i = 0; i < headlength; i++) {gethead = document.getElementById("post-toc").getElementsByTagName("h3")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h3")[i].setAttribute("id", "point"+i);avsTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("avsTOC").innerHTML += avsTOC;}}function avsToggle() {var avs = document.getElementById('avsTOC');if (avs .style.display === 'none') {avs .style.display = 'block';} else {avs .style.display = 'none';}} //]]> </script> 

  7. এবার আপনি আপনার ব্লগার ট্যামপ্লেটের কোড সেকশনে আবার ]]></b:skin> কোডটি সার্চ করুন।

  8. এবার ঠিক এই কোডটির উপরে, নিম্নে দেওয়া কোড পেস্ট করুন। এবং সেভ করুন।
    .avsTOC{border:5px solid #EE5535; box-shadow:1px 1px 0 #EDE396; background-color:#FFFFE0; color:#707037; line-height:1.4em; margin:30px auto; padding:20px 30px 20px 10px; font-family:oswald, arial;display: block; width: 70%;} .avsTOC ol,.avsTOC ul {margin:0;padding:0;} .avsTOC ul {list-style:none;} .avsTOC ol li,.avsTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;} .avsTOC a{color:#EE5535;text-decoration:none;} .avsTOC a:hover{text-decoration:underline; } .avsTOC button{background:#FFFFE0; font-family:oswald, arial; font-size:20px; position:relative; outline:none;cursor:pointer; border:none; color:#707037;padding:0 0 0 15px;} .avsTOC button:after{content: "\f0dc"; font-family:FontAwesome; position:relative; left:10px; font-size:20px;}

  9. আবার আপনি <data:post.body/> কোডটি সার্চ করুন। এবং কোডটিকে <div id="post-toc"><data:post.body/></div> কোডের সাথে replace করুন। এবং সেভ করুন। [আপনার ব্লগার template এর html edit করা শেষ]

  10. এবার আপনি যেই পোস্টের যে স্থানে Table Of Content দেখাতে চান সে স্থানে নিম্নের কোডটি পেস্ট করুন।

  11. এবার সেই পোস্টের একদম শেষে নিচের কোডটি পেস্ট করুন।


শেষ কথা

আপনি ওয়ার্ডপ্রেস ব্যবহার করেন বা ব্লগার, Table Of Content আপনার ওয়েবসাইটের জন্য অত্যন্ত গুরুত্বপূর্ণ বিষয়।


আপনার ব্লগে যেসকল ভিজিটর আসে তাদের মূল উদ্দেশ্য কোনো বিষয় সম্পর্কে জানা কিংবা কোনো একটি নির্দিষ্ট সমস্যার সমাধান জানা।


এখন আপনার ওয়েবসাইটে যদি Table Of Content থাকে তবে আপনার ওয়েব ভিজিটর খুব সহজেই ব্লগ পোস্টের ঐ নির্দিষ্ট অংশে পৌছাতে পারে।


আবার Table Of Content গুগলকে আপনার ব্লগ পোস্ট ক্রল করতেও সাহায্য করে। ফলে গুগল সহজেই বুঝতে পারে আপনার কন্টেন্ট কেমন এবং কি সম্পর্কে। যা আপনার এসইও-তেও সহায়তা করে।


এই আর্টিকেলে আমরা জানলাম Table Of Content কি? Table Of Content কেন জরুরি? এসইও-তে Table Of Content এর গুরুত্ব? এবং কিভাবে আপনি আপনার ব্লগার ওয়েবসাইটে Table Of Content যুক্ত করবেন?


আশা করি এই পোস্টটি আপনার কাজে লেগেছে। যদি কোনো প্রশ্ন থাকে তবে কমেন্ট সেকশনে জিজ্ঞেস করুন।