কিভাবে Blogspot ব্লগের Structured Data Errors গুলি Fix করতে হয়?

আমরা সবাই এক শব্দে বিশ্বাস করি যে, একটি ব্লগ/ওয়েবসাইটের প্রধান প্রাণ হচ্ছে কনটেন্ট। যার ব্লগে যত ভালমানের কনটেন্ট থাকবে, সে ব্লগিং তথা অন-লাইন জগতে তত দ্রুত সাফল্যের দ্বারপ্রান্তে পৌছতে পারবে। কারণ একটি ব্লগে যা কিছু করা হয়, তার সবকিছুই হয় কনটেন্ট-কে কেন্দ্র করে। এ ক্ষেত্রে একজন ওয়েবমাষ্টার তার ব্লগের কনটেন্টগুলিকে যত বেশী SEO Friendly করে উপস্থাপন করতে পারেন, সার্চ ইঞ্জিন হতে তার ব্লগে ভিজিটর বাড়ার সম্ভাবনা তত বেশী বৃদ্ধি পেয়ে যায়। তাছাড়া ওয়েব জগৎ উন্নত হওয়া সাথে সাথে ওয়েবমাষ্টাররাও বিভিন্ন ধরনের নিত্য নতুন কৌশল অবলম্বন করছেন। সেই সাথে সার্চ ইঞ্জিনকে ওয়েবসাইটের বিষয়বস্তু সম্পর্কে পরিষ্কার ধারনা দিয়ে সার্চ রেজাল্টে Structured Data সুন্দরভাবে উপস্থাপনের জন্য Google এই পদ্ধতি চালু করেছে।

Structured Data কি?

এ বিষয়টি সম্পর্কে সবাই কম বেশী অবগত আছেন বিধায় নতুন করে কিছু বলার নেই। সাধারণত সার্চ ইঞ্জিন বট যখন একটি ব্লগ Crawl করে তখন ব্লগের সকল বিষয়গুলি ভালভাবে পড়ে নেয়। এ ক্ষেত্রে একটি সুন্দর ও পরিপূর্ণভাবে Data Structured করা ব্লগকে যে কোন সার্চ ইঞ্জিন অন্য কোন নরমাল ব্লগের চাইতে অধিক গুরুত্ব দেবে। কারণ এই Structured Data সার্চ ইঞ্জিন বটদের হাতে কলমে বলে দেবে ব্লগের কোথায় কি রয়েছে এবং কোন অংশগুলি অধিক গুরুত্বপূর্ণ। ফলে সার্চ ইঞ্জিন ব্লগের পোষ্টগুলি সহজে সুন্দরভাবে সার্চ রেজাল্টে প্রদর্শণ করবে।

কিভাবে Structured Data Errors যাচাই করবেন?

Structured Data Errors গুলি সংশোধন করার পূর্বে অবশ্যই আপনার ব্লগের কোথায় কোথায় ভূল রয়েছে সেগুলি পরীক্ষা করে নিতে হবে। এ কাজটি Google Structured Data Testing Tool এর মাধ্যমে করতে পারবেন।

প্রথমে এই লিংক থেকে গুগল Structured Testing Tool এ ক্লিক করুন।
তারপর নিচের চিত্র হতে আপনার ব্লগের Url টি দিয়ে Run Test বাটনে ক্লিক করুন।

Run Test বাটনে ক্লিক করার পর ডান দিকে আপনার ব্লগের গঠনের সকল ভূলগুলি লাল কালারের মাধ্যমে শো করবে। লাল কালারের ভূল আইটেমটিতে ক্লিক করে আরো বিস্তারতি জানতে পারবেন।

উপরের চিত্রে দেখুন একটি ব্লগের সকল ভূলগুলি লাল কালারের মাধ্যমে শো করছে। ভূল সম্পর্কে আরো বিস্তারিত আপনার Google Webmaster Tools একাউন্ট থেকে জেনে নিতে পারবেন।

কিভাবে Structured Data Errors গুলি Fix করবেন?

সাধারণত একটি ডিফল্ট ব্লগার টেমপ্লেটে PostId, DatePublished, Author, Headline, Image, Publisher, DateModified এবং MainEntityOfPage ভূলগুলি থাকে। একজন ওয়েবমাষ্টার তার ব্লগের এই সবগুলি পার্ট সংশোধন করে নিতে পারলেই তার ব্লগটি পরিপূর্ণ Healthy থাকে।

প্রথমে ব্লগে লগইন করুন।
ব্লগার ড্যাশবোর্ডে হতে Template > Edit Html এ ক্লিক করুন।
তারপর কিবোর্ড হতে Ctrl+F চেপে নিচের লাইনটি সার্চ করুন।

<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

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

<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

আপনার ব্লগে যদি ২য় লাইনটি পান, তাহলে ১ম লাইনটি কপি করে ২য় লাইনের জায়গায় Replace করুন।
তারপর উপরের ঐ লাইনের ঠিক নিচে নিম্নে প্রদত্ত কোডগুলি দেখতে পাবেন।

<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

এখন উপরের ঐ লাইন ০৫ টি ডিলিট করে নিচের কোডগুলি একই জায়গাতে পেষ্ট করুন।

<meta itemscope='itemscope' itemprop='mainEntityOfPage' itemType='https://schema.org/WebPage' expr:itemid='data:post.link ? data:post.link : data:post.url'/>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
<meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='600' itemprop='width'/>
<meta content='250' itemprop='height'/>
</div>

<span class='fn author' itemprop='author' style='display:none'><data:post.author/></span>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
    <img src='Image Url' style='display:none'/>
     <meta content='Image Url' itemprop='url'/>
     <meta content='600' itemprop='width'/>
     <meta content='60' itemprop='height'/>
</div>
    <meta expr:content='data:blog.title' itemprop='name'/>
</div>

উপরের লাল এবং নীল কালারের জায়গাতে আপনার ব্লগের Logo কিংবা পছন্দমত একটি Image এর Url বসিয়ে দিন।
আবার কিবোর্ড হতে Ctrl+F চেপে নিচের লাইনটি সার্চ করুন। এটি আপনার ব্লগের একাধিক জায়গায় পেতে পারেন।

<h3 class='post-title entry-title' itemprop='name'>

উপরের লাইনটির জায়গায় নিচের লাইনটি কপি করে Replace করুন।

<h3 class='post-title entry-title' itemprop='headline'>

আবার কিবোর্ড হতে Ctrl+F চেপে নিচের লাইনটি সার্চ করুন। এটিও আপনার ব্লগের একাধিক জায়গায় পেতে পারেন।

<abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr>

উপরের লাইনটির জায়গাতে নিচের কোডটি কপি করে Replace করুন।

<span class='updated'><data:post.timestamp/></span>

সবশেষে Template টি Save করুন।

সর্বশেষঃ আমরা ব্লগের Structured Data Errors গুলি Fix করার সবচাইতে সহজ উপায়গুলি শেয়ার করেছি। আমার মনেহয় এই জটিল বিষয় নিয়ে এ যাবত কেউ এত সহজভাবে উপস্থাপন করেনি। আসলে আমরা চাইছি ব্লগের এই গুরুত্বপূর্ণ বিষয়টি যাতে সকল স্তরের ব্লগাররা সহজে সমাধান করতে পারে। পোষ্টের কোন অংশ বুঝতে অসুবিধা হলে আমাদেরকে কমেন্টের মাধ্যমে জানাতে পারেন। উল্লেখ্য যে, যারা ব্লগের ডিফল্ট টেমপ্লেট ব্যবহার করছেন, তাদের ক্ষেত্রে এই পোষ্টের মাধ্যমে Data Errors গুলি Fix করতে কোন সমস্যা হবে না। তবে যারা কাষ্টম টেমপ্লেট ব্যবহার করছেন তাদের জন্য কিছুটা ব্যতীক্রম হতে পারে।