AMP পেজে Structured Data এবং Schema Markup ব্যবহার করা ওয়েব পেজের SEO (Search Engine Optimization) উন্নত করতে এবং সার্চ ইঞ্জিনে সঠিকভাবে কন্টেন্ট প্রদর্শন করতে সাহায্য করে। Structured Data বা Schema Markup হলো একটি বিশেষ ফরম্যাট যা সার্চ ইঞ্জিনদের (যেমন গুগল) আপনার পেজের কন্টেন্ট সঠিকভাবে বুঝতে সহায়তা করে। এটি সার্চ ইঞ্জিনকে আপনার পেজের বিষয়বস্তু এবং কাঠামো চিহ্নিত করতে সাহায্য করে, যার মাধ্যমে সার্চ রেজাল্টে আপনার পেজের দৃশ্যমানতা বৃদ্ধি পায়।
AMP পেজে Structured Data এবং Schema Markup ব্যবহার করার কিছু গুরুত্বপূর্ণ দিক নিচে দেওয়া হলো।
1. Structured Data এবং Schema Markup কী?
- Structured Data: এটি একটি নির্দিষ্ট ফরম্যাটে ওয়েব পেজের কন্টেন্ট সম্পর্কে তথ্য প্রদান করে, যা সার্চ ইঞ্জিনগুলিকে সঠিকভাবে কন্টেন্ট বোঝাতে সহায়তা করে।
- Schema Markup: এটি Structured Data এর একটি স্ট্যান্ডার্ড ফরম্যাট, যা JSON-LD, Microdata বা RDFa ফরম্যাটে লেখা হয়। Schema.org একটি ওয়েবসাইট যেখানে Structured Data এর বিভিন্ন ধরনের schema এর জন্য নির্দেশিকা পাওয়া যায়।
2. AMP পেজে Structured Data এবং Schema Markup এর ব্যবহার
AMP পেজে Structured Data এবং Schema Markup ব্যবহার করার জন্য আপনাকে JSON-LD বা Microdata ফরম্যাটে স্কিমা মার্কআপ যুক্ত করতে হবে। গুগল JSON-LD ফরম্যাটকে সবচেয়ে বেশি প্রাধান্য দেয়।
3. JSON-LD ব্যবহার করে Schema Markup
JSON-LD হলো সবচেয়ে জনপ্রিয় এবং গুগল দ্বারা সুপারিশকৃত Schema Markup ফরম্যাট। JSON-LD স্কিমা মার্কআপ HTML পেজে <script type="application/ld+json"> ট্যাগের মাধ্যমে যুক্ত করা হয়। এটি Structured Data কে আরও সহজে পৃষ্ঠা অংশ থেকে পৃথক করে দেয় এবং HTML কোডের সাথে মিশে না গিয়ে ভিন্নভাবে সংজ্ঞায়িত হয়।
যেমন:
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AMP Page with Schema Markup</title>
<!-- JSON-LD Structured Data (Example: Article Schema) -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"headline": "This is an Example AMP Article",
"description": "This is a detailed explanation of how to use Structured Data in AMP pages.",
"image": "https://via.placeholder.com/600x300",
"author": {
"@type": "Person",
"name": "John Doe"
},
"publisher": {
"@type": "Organization",
"name": "Satt Academy",
"logo": {
"@type": "ImageObject",
"url": "https://via.placeholder.com/100x100"
}
},
"datePublished": "2024-11-20T00:00:00+00:00",
"dateModified": "2024-11-20T00:00:00+00:00"
}
</script>
<!-- AMP JS -->
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>
<body>
<h1>This is an Example AMP Page</h1>
<p>Welcome to this example AMP page using structured data and schema markup.</p>
</body>
</html>এখানে @type হিসেবে Article স্কিমা ব্যবহার করা হয়েছে। আপনি এই Schema Markup পরিবর্তন করে আপনার পেজের কন্টেন্ট অনুযায়ী অন্যান্য স্কিমা ব্যবহার করতে পারেন (যেমন: Product, Review, Event, etc.)।
4. Microdata ব্যবহার করে Schema Markup
Microdata HTML ডকুমেন্টের মধ্যে সরাসরি স্কিমা মার্কআপ যোগ করতে ব্যবহৃত হয়। এটি HTML ট্যাগগুলির মধ্যে তথ্য সংযুক্ত করে।
যেমন:
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AMP Page with Schema Markup</title>
</head>
<body>
<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">This is an Example AMP Article</h1>
<p itemprop="description">This is a detailed explanation of how to use Structured Data in AMP pages.</p>
<img itemprop="image" src="https://via.placeholder.com/600x300" alt="Example Image">
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">John Doe</span>
</div>
<div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Satt Academy</span>
<img itemprop="logo" src="https://via.placeholder.com/100x100" alt="Logo">
</div>
<meta itemprop="datePublished" content="2024-11-20T00:00:00+00:00">
<meta itemprop="dateModified" content="2024-11-20T00:00:00+00:00">
</div>
</body>
</html>Microdata তে, itemscope এবং itemprop অ্যাট্রিবিউটগুলি HTML ট্যাগগুলির মধ্যে স্কিমা তথ্য যুক্ত করতে ব্যবহৃত হয়।
5. Schema Markup এর বিভিন্ন ধরনের ব্যবহার
আপনি AMP পেজে বিভিন্ন ধরনের Schema Markup ব্যবহার করতে পারেন, যেমন:
- Article: যদি আপনার পেজ একটি আর্টিকেল বা ব্লগ পোস্ট হয়।
- Product: যদি পেজে পণ্য সম্পর্কিত তথ্য থাকে।
- Event: ইভেন্ট বা কনফারেন্সের তথ্য।
- Review: পণ্য বা সেবা সম্পর্কিত রিভিউ।
- Local Business: যদি এটি একটি স্থানীয় ব্যবসা সম্পর্কিত পেজ হয়।
- BreadcrumbList: যদি আপনার ওয়েবসাইটে ব্রেডক্রাম্ব নেভিগেশন থাকে।
6. Structured Data এবং Schema Markup এর সুবিধা
- SEO উন্নতি: সার্চ ইঞ্জিনগুলির জন্য কন্টেন্ট আরও সহজে বুঝতে সহায়ক হয়ে ওঠে, যার ফলে আপনার পেজ সার্চ রেজাল্টে আরও ভালো র্যাঙ্কিং পায়।
- রিচ সার্চ রেজাল্ট: Schema Markup ব্যবহারের মাধ্যমে আপনার পেজের জন্য রিচ সার্চ রেজাল্ট যেমন স্টার রেটিং, পণ্য বা ইভেন্টের টাইমলাইন, আর্টিকেল প্রিভিউ ইত্যাদি প্রদর্শিত হতে পারে।
- উন্নত ব্যবহারকারীর অভিজ্ঞতা: যেহেতু সার্চ ইঞ্জিন আপনার পেজের কন্টেন্ট সঠিকভাবে বুঝতে পারে, তাই ব্যবহারকারীরা সহজেই তাদের প্রয়োজনীয় তথ্য পেয়ে যেতে পারে।
7. Schema Markup এর পরীক্ষা
গুগল এর Rich Results Test বা Structured Data Testing Tool ব্যবহার করে আপনার AMP পেজে Schema Markup সঠিকভাবে ইনস্টল করা হয়েছে কিনা তা পরীক্ষা করা যেতে পারে।
উপসংহার
AMP পেজে Structured Data এবং Schema Markup ব্যবহার করলে এটি আপনার পেজের SEO উন্নত করতে সহায়তা করবে এবং গুগল ও অন্যান্য সার্চ ইঞ্জিনে পেজের দৃশ্যমানতা বাড়াবে। এছাড়াও, ব্যবহারকারীরা রিচ সার্চ রেজাল্টে আপনার পেজের তথ্য পেয়ে সুবিধা পাবেন।
Read more
