কিভাবে BlogSpot ব্লগে Schema.Org Markup ব্যবহার করতে হয়?

ব্লগে Schema Markup ব্যবহার করার ফলে ব্লগের Structure সম্পর্কে সার্চ ইঞ্জিন স্পষ্ট ধারনা পায় এবং ব্লগের প্রত্যেকটি অংশকে সার্চ ইঞ্জিন সহজে মার্ক করে নিতে পারে

বর্তমানে সময়ে সব ধররেন ব্লগ/ওয়েবসাইটে Schema Markup ব্যবহার করা হয়ে থাকে। তবে Schema Markup কি এই বিষয়ে খুব কম লোকেরই পরিষ্কার ধারনা রয়েছে। এই Schema Markup যে কোন সার্চ ইঞ্জিনের রোবটদের ব্লগের সকল ধরনের বিষয়বস্তু সম্পর্কে ভালভাবে বুঝিয়ে দেয়। আজ আপনাদের Schema Markup সম্পর্কে সহজভাবে ধারনা দেব, যাতেকরে এর সম্পর্কে ভালভাবে বুঝে ব্লগের প্রয়োজনীয় জায়গার Schema Markup ট্যাগগুলি ব্যবহার করতে পারেন।
কিভাবে BlogSpot ব্লগে Schema.Org Markup ব্যবহার করতে হয়?

প্রত্যেক সার্চ ইঞ্জিনের এক ধরনের Programming Robot রয়েছে। তারা যে কোন ব্লগের কোথায় কি আছে সেটি ভালভাবে বুঝে নিতে পারে। তবে Programming Robot-দের বুঝা এবং মানুষের বুঝার মধ্যে কিছুটা তফাৎ রয়েছে। মানুষ যে কোন কিছু অনুভব করে বুঝে নিতে পারে, অন্যদিকে Programming Robot-দের এই অনুভবের ক্ষমতা নেই। কোথাও কোন বিষয় সম্পর্কে যখন সঠিকভাবে বিস্তারিত দেয়া থাকে তখন বুঝে নিতে পারে। এ ক্ষেত্রে তারা বিন্দুমাত্রও ভূল করে না, অন্যদিকে মানুষ কোন কাজ করার ক্ষেত্রে ১০০% ভাগ সঠিক নাও হতে পারে। কাজেই বুঝতেই পারছেন সার্চ ইঞ্জিনের রোবটদের আপনার ব্লগের বিষয়বস্তু অর্থাৎ কোথায় কি আছে এবং কিভাবে ব্লগের টেমপ্লেট এর Structure তৈরি করেছেন তা ভালভাবে লিখে না দিলে বুঝতে পারবে না। আর সার্চ ইঞ্জিনের রোবটদের ভালভাবে বুঝিয়ে দেওয়ার কাজটি সহজতর করবে Schema.Org Markup.। নিচে আমরা এর গুরুত্বপূর্ণ বিষয়গুলো নিয়ে আলোচনা করব।

Schema Markup কি?

এটি হচ্ছে এক ধরনের (Semantic Vocabulary) কোড, যা সার্চ ইঞ্জিনের আকর্ষন বৃদ্ধি করার জন্য বিভিন্ন ধরনের ব্লগ/ওয়েবসাইটে ব্যবহার করা হয়ে থাকে। এ গুলো সাধারণত Html এবং Scripts আকারে হয়ে থাকে। এই Schema Markup ট্যাগগুলো ব্যবহার করে আপনার ব্লগের বিভিন্ন বিষয় সম্পর্কে সার্চ ইঞ্জিনদের সহজভাবে পরিষ্কার ধারনা দিতে পারবেন। যার ফলে আপনার ব্লগটি সার্চ ইঞ্জিনের প্রথম পাতায় আসার সম্ভাবনা আরও অনেকগুন বেড়ে যাবে। নিচে একটি উদাহরনের মাধ্যমে বিষয়টি আপনাদের সামনে আরও সহজতর করছি।

উদাহরণঃ একটি ব্লগের টেমপ্লেটে অনেকগুলো অংশ থাকে। যেমন- Header, Footer, Content Area, Sidebar সহ আরও অনেক অংশ এবং প্রত্যেকটি ব্লগে অনেক ধরনের কন্টেন্ট শেয়ার করা হয়। এ ক্ষেত্রে সার্চ ইঞ্জিন আপনার ব্লগের টেমপ্লেটের কোন অংশ Header এবং কোন অংশ Footer তা বুঝতে পারে না। আপনার ব্লগের টেমপ্লেটের কোন অংশ কোন কাজ করছে তা সহজভাবে সার্চ ইঞ্জিনকে বুঝিয়ে দেয়ার জন্য প্রয়োজন Schema Markup ট্যাগের। এই Html ট্যাগগুলো সার্চ ইঞ্জিনের কাছে আপনার ব্লগটির সকল অংশ এবং কন্টেন্ট সম্পর্কে পরিষ্কার ধারনা দেবে। তাছাড়ও ব্লগের কোন অংশটি টাইটেল, কোন অংশটি আর্টিকেল এবং কোন লিংকটিতে ভিডিও সহ অন্যান্য জিনিস রয়েছে তা সার্চ ইঞ্জিনকে বুঝিয়ে দেবে।

ব্লগে কি ব্যবহার করা প্রয়োজন?

এর উত্তর এক কথায় হবে হ্যাঁ। সার্চ ইঞ্জিন অপটিমাইজেশনে বাড়তী কিছু সুবিধা নেওয়ার জন্য ব্লগে অবশ্যই Schema.Org Markup ব্যবহার করা প্রয়োজন। ব্লগের Author, কনটেন্ট পাবলিশ করার সঠিক সময়, ব্লগার টেমপ্লেটকে ১০০% ভাগ এসইও ফ্রেন্ডলী করাসহ আরও অনেক সুবিধা নেওয়ার জন্য অবশ্যই Schema.Org Markup ব্যবহার করা উচিত। তাছাড়া ব্লগার ব্লগ ইতিপূর্বে তাদের ডিফল্ট টেমপ্লেটগুলির অনেক জায়গাতে Schema Markup ব্যবহার করছে। গুগল Webmaster Tools ব্লগের Structure গুলো Schema.Org Markup ব্যবহার করে সঠিকভাবে গঠন করার জন্যও তাগিদ দিচ্ছে। কাজেই সব ধরনের এসইও সুবিধা ভোগের জন্য Schema Markup ব্যবহার করতেই হবে।

কিভাবে ব্লগে ব্যবহার করতে হয়?

এগুলো সাধারণত Html ও Scripts আকারে হওয়াতে ব্লগে ব্যবহার করতে তেমন কোন ঝামেলা পোহাতে হয় না। শুধুমাত্র ব্লগের প্রয়োজনীয় জায়গাগুলিতে Html ট্যাগ আকারে যুক্ত করে দিলেই হয়ে যায়।
কিভাবে ব্লগার ব্লগে Schema.Org Markup ব্যবহার করতে হয়?
ব্লগে Schema Markup ব্যবহার করার ফলে ব্লগের Structure সম্পর্কে সার্চ ইঞ্জিন স্পষ্ট ধারনা পায় এবং ব্লগের প্রত্যেকটি অংশকে সার্চ ইঞ্জিন সহজে মার্ক করে নিতে পারে। উপরের চিত্রে দেখুন Schema.Org Markup ব্যবহার করার ফলে একটি ওয়েবসাইটকে সার্চ ইঞ্জিন কিভাবে প্রদর্শন করছে? চিত্রে স্পষ্ট দেখা যাচ্ছে যে, ঐ ওয়েবসাইটটির সাথে Star Rating, পাবলিশ হওয়ার তারিখ, ক্যাটাগরিসহ আরও অনেক ইনফরমেশন শো করছে। এই বিষয়গুলো সার্চ ইঞ্জিনকে আকর্ষন করার পাশাপাশি যে কোন ভিজিটরকেও দৃষ্টি আকর্ষণ করবে।

তবে ব্লগার ব্লগ থেকে সকল সুবিধা নেয়া না গেলে Schema.Org Markup ব্যবহার করে এর কিছুটা সুবিধা পাওয়া যাবে। মূলত ব্লগে যারা HTML5 ব্যবহার করছেন তারা Schema Markup ব্যবহার করে সকল সুবিধা নিতে পারবেন। যেহেতু ব্লগার ব্লগে এখন HTML4 ব্যবহার হচ্ছে সেহেতু এর সকল সুবিধা নেয়া যাবে না। তবে সব না পাওয়া গেলেও অধিকাংস সুবিধা পাওয়া যাবে।

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

  • প্রথমে ব্লগে লগইন করুন।
  • তারপর Template > Edit Html এ ক্লিক করলে ব্লগার টেমপ্লেটের সবার উপরে নিচের কোডগুলির মত একটি অংশ দেখতে পাবেন। ঐ গুলির জায়গায় নিচের অপটিমাইজ করা কোডগুলি যুক্ত করুন।
<html expr:dir='data:blog.languageDirection' itemscope='' itemtype='https://schema.org/Blog' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr' xmlns:fb='https://ogp.me/ns/fb#'>
  • এখন কিবোর্ড হতে Ctrl+F চেপে <header> অথবা <header-wrapper> অংশটি সার্চ করুন এবং নিচের লাইনটি Replace করুন।
<div id='header-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPHeader' role='banner'>
  • তারপর কিবোর্ড হতে Ctrl+F চেপে <div class='post hentry uncustomized-post-template' > অংশটি সার্চ করুন এবং নিচের লাইনটি Replace করুন।
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
  • কিবোর্ড হতে Ctrl+F চেপে <div class='post hentry'> অংশটি সার্চ করুন এবং নিচের লাইনটি Replace করুন।
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
  • কিবোর্ড হতে Ctrl+F চেপে <div id='sidebar-wrapper'> অংশটি সার্চ করুন এবং নিচের লাইনটি Replace করুন।
 <div id='sidebar-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
  • কিবোর্ড হতে Ctrl+F চেপে <div id='footer-wrapper'> অংশটি সার্চ করুন এবং নিচের লাইনটি Replace করুন।
<div id='footer-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPFooter' role='contentinfo'>
  • সবশেষে Save Template এ ক্লিক করে Save করুন।
বিঃ দ্রঃ উপরের প্রত্যেকটি Markup সার্চ ইঞ্জিনকে ব্লগের প্রত্যেকটি অংশ সম্পর্কে পরিষ্কারভাবে জানিয়ে দেবে। এখন এই মার্কগুলি আপনার ব্লগের Structure এর কোথাও ভূল আছে কি না তাও ধরে দিবে। এই লিংটিতে ক্লিক করে Google Structured Data Testing Tool থেকে জানতে পারবেন আপনার ব্লগের কোন অংশ ভূল আছে কি না? উপরের মার্কগুলি যুক্ত করার পর আপনার ব্লগের ত্রুটি খোঁজে বের করবে, যেগুলি আপনাকে সংশোধন করে নিতে হবে। আমাদের পরবর্তী পোষ্টে আলোচনা করব কিভাবে এই ত্রুটিগুলি সংশোধন করতে হয়?

COMMENTS

BLOGGER: 17
  1. ভাই এটা ওয়ার্ডপ্রেসে কীভাবে অ্যাড করবো?

    ReplyDelete
    Replies
    1. এই Markup টি ওয়ার্ডপ্রেসে যুক্ত করার জন্য www.wpbeginner.com এ দেখেুন। অবশ্যই পেয়ে যাবেন।

      Delete
  2. Google Structured Data Testing Tool থেকে আমার সাইটে প্রচুর এরোর দেখাচ্ছে । এখন এগুলো ঠিক করব কি ভাবে ? বলেছেন পরে পোস্ট করবেন । কিন্তু কোথায় ? প্লিজ লিংক দিন অথবা অন্য কোন বাংলা ব্লগের লিংক দিন যেখান থেকে সহজেই ঠিক করে নিতে পারব ।

    ReplyDelete
    Replies
    1. এই পোষ্টের মধ্যে সিরিজ পোষ্ট হিসেবে লিংক করে দেয়া আছে। আপনি উপরের ”সকল পোষ্ট দেখুন” বাটনটিতে ক্লিক করুন। তাহলে দেখতে পাবেন...

      Delete
  3. ভাই এটা ঠিক ভাবে করতে পারতাসি না ইস্ক্রিন সর্ট দিলে উপক্রিত হব

    ReplyDelete
    Replies
    1. পয়েন্ট বাই পয়েন্ট সবকিছু বর্ণনা করা হয়েছে। স্কিনসর্ট এর প্রয়োজন আছে বলে মনেকরি না। আপনার সমস্যা কোথায় হচ্ছে, সেটা জানালে সমাধান দেয়ার চেষ্টা করব। ধন্যবাদ...

      Delete
  4. div class= post hentry uncustomized-post-template অংশ টুকু আমার ব্লগে নেই তো আমি কি করতে পারি

    ReplyDelete
    Replies
    1. সম্পূর্ণ অংশটি না পেলে div class= post hentry অংশটি সার্চ করে পরের অংশটি যুক্ত করে নিলেই হয়ে যাবে।

      Delete
  5. হারুন ভাই দেখুনতো ভাই আমার ব্লগে করা লাগবে কি না।?? http/:healthbd72.blogspot.com

    ReplyDelete
  6. ভাইয়া!
    আমার ব্লগে div class='post-hentry' এই টুকু নেই,কী করতে পারি?

    ReplyDelete
    Replies
    1. ভালোভাবে সার্চ করেন, কারণ এই অংশটা প্রত্যেক ব্লগে রয়েছে।

      Delete
  7. আপনার কোডে মনে হয় ভুল আছে,, এটা সঠিক >>> html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' itemscope='' itemtype='https://schema.org/Blog' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr'>

    ReplyDelete
    Replies
    1. না বুঝে কাউকে সরাসরি ভূল বলবেন না। এগুলো বিভিন্নভাবে লিখা যায়। আপনার এবং আমার দুটিও সঠিক। এগুলোর ভাষা বুঝতে পারলে কখনোই ভূল বলতেন না।

      Delete
  8. আচ্ছে বর্তমানে প্রায় সব থিমেই তো এটা অ্যাড করাই থাকে, যেমন আপনার থিমে এটা অ্যাড আছে... মানে Mag One এ দেখলাম অ্যাড করাই আছে...

    ReplyDelete
    Replies
    1. আপনি ঠিক বলেছেন, বর্তমানে প্রায় সব ধরনের থিমস এ এটা যুক্ত করা থাকে। কারো থিমে যুক্ত করা না থাকলে আমাদের এই পোস্ট অনুসরণ করে যুক্ত করে নিতে পারবেন। ধন্যবাদ...

      Delete
  9. Is there any problem for ranked website?

    ReplyDelete
    Replies
    1. It's one of the important google ranking factor. If you didn't add this type markup, there has no problem. But if you want to take some advanced facility from search engine, you should add this schema markup. Thank you... stay us to future update.

      Delete

Name

Adsense,16,Affiliate,1,Android Tricks,1,Blog Design,35,Blogger Theme,9,Blogger Widgets,25,Create Blog,3,Earnings,19,Mim,5,Pro News,8,Responsive,5,SEO,55,Social Media,2,Tech,1,WordPress,3,YouTube,3,
ltr
item
ব্লগার বাংলাদেশ: কিভাবে BlogSpot ব্লগে Schema.Org Markup ব্যবহার করতে হয়?
কিভাবে BlogSpot ব্লগে Schema.Org Markup ব্যবহার করতে হয়?
ব্লগে Schema Markup ব্যবহার করার ফলে ব্লগের Structure সম্পর্কে সার্চ ইঞ্জিন স্পষ্ট ধারনা পায় এবং ব্লগের প্রত্যেকটি অংশকে সার্চ ইঞ্জিন সহজে মার্ক করে নিতে পারে
https://4.bp.blogspot.com/-dbFaz1wfCzs/Vn-8SnAtpVI/AAAAAAAAGWk/Zzh8ReN-W5k/s400/What-is-Schema-Markup.png
https://4.bp.blogspot.com/-dbFaz1wfCzs/Vn-8SnAtpVI/AAAAAAAAGWk/Zzh8ReN-W5k/s72-c/What-is-Schema-Markup.png
ব্লগার বাংলাদেশ
https://www.bloggerbangladesh.com/2015/12/how-to-use-schema-markup-on-blogger.html
https://www.bloggerbangladesh.com/
https://www.bloggerbangladesh.com/
https://www.bloggerbangladesh.com/2015/12/how-to-use-schema-markup-on-blogger.html
true
1297988252866731047
UTF-8
Loaded All Posts Not found any posts VIEW ALL বিস্তারিত পড়ুন Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy