ব্লগার ব্লগে Optimized করা Multiple Posts Titles যুক্ত করুন!

আমাদের গত পোষ্টে শেয়ার করেছিলাম কিভাবে Header Title Tag-কে অপটিমাইজ করবেন। ঐ পোষ্টে ব্লগের Post Title Optimized করার কথাও বলেছিলাম কিন্তু কিভাবে করতে হবে সেটা শেয়ার করা হয়নি। এই জন্য পোষ্টের বাকী অংশ আজ আপনাদের সাথে শেয়ার করছি।

কিভাবে ব্লগার ব্লগের Posts Titles Optimized করবেন?

গত পোষ্টে ব্লগার ডিফল্ট এবং কাষ্টম টেমপ্লেটের Title ট্যাগে কি ধরনের সমস্যা আছে তা নিয়ে বিস্তারিত আলোচনা করেছিলাম। সেই জন্য পুনরায় এ বিষয় নিয়ে লিখতে চাচ্ছি না। এই পোষ্টটি পড়ার আগে অবশ্যই আগের পোষ্টটি পড়ে নিবেন।

প্রত্যেক ব্লগের ভাল ও সুন্দর টাইটেল যে কোন পাঠকের দৃষ্টি আকর্ষন করার পাশাপাশি যে কোন সার্চ ইঞ্জিন রোবটেরও দৃষ্টি আকর্ষন করতে পারে। H1 হচ্ছে ব্লগের সব চাইতে গুরুত্বপূর্ণ ট্যাগ। প্রত্যেকটি ব্লগের গুরুত্বপূর্ণ অংশগুলি H1 ট্যাগ হওয়া উচিত। অথচ ডিফল্ট ব্লগের Post Title সবসময় H3 আকারে ব্যবহৃত হচ্ছে। যেটি সার্চ ইঞ্জিন অপটিমাইজেশনে কোন অবদান রাখতে পারবে না। তাই আমি এই Multiple Posts Titles ব্যবহার করার পরামর্শ দেব। এটিতে প্রত্যেকটি Post Title থাকবে Home Page এ H2 আকারে এবং Post Page এ Post Title থাকবে H1 আকারে। কাজেই অবস্থা বুঝে আপনার পোষ্টগুলি যথাস্থানে গুরুত্ব বহন করবে।

কিভাবে ব্লগে যুক্ত করতে হবেঃ

প্রথমে ব্লগে লগইন করুন।
তারপর Template > Edit Html এ ক্লিক করুন।
কিবোর্ড হতে Ctrl+F চেপে <h3 class='post-title entry-title'> সার্চ করলে নিচের কোডগুলি দেখতে পাবেন।

<b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
      <data:post.title/>
    </b:if>
   </h3>
</b:if>

নোটঃ আপনি যদি নতুন ব্লগার টেমপ্লেট ব্যবহার করে থাকেন তাহলে কোডগুলি নিচের মত হতে পারে।

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

এখন নিচের Optimized করা কোডগুলি উপরের কোডের জায়গায় Replace করুন।

<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "index"'>
<h2 class='post-title entry-title' itemprop='name'>
   <b:if cond='data:post.link'>
    <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>

<b:elseif cond='data:blog.pageType == "archive"'/>
<h2 class='post-title entry-title' itemprop='name'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>

<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
   <b:if cond='data:post.link'>
    <data:post.title/>
    <b:else/>
    <b:if cond='data:post.url'>
    <data:post.title/>
    <b:else/>
    <data:post.title/>
   </b:if>
</b:if>
</h1>
</b:if>
</b:if>

সবশেষে Save Template এ ক্লিক করে Template Save করুন।

বিঃ দ্রঃ এই পোষ্ট এবং Multiple Header Title যুক্ত করার উপায় সংক্রান্ত পোষ্ট দুটি পড়ার আগে আপনি অবশ্যই Schema Microdata Tags যুক্ত করে নেবেন। কারণ Schema Microdata Tags যুক্ত করে রাখলে সার্চ ইঞ্জিন আপনার পোষ্ট টাইটেল সম্পর্কে আরও স্পষ্ট ধারনা পাবে। তাছাড়া আমরা এই Series এর মোট ০৫ টি পোষ্টকে একসাথে লিংক করে দেব। আপনি যদি যথাযথভাবে সবগুলি পোষ্ট ব্লগে প্রয়োগ করতে পারেন তাহলে সার্চ ইঞ্জিন অপটিমাইজেশনের সবগুলি ‍সুবিধা একসাথে নিতে পারবেন।