AMP Validator একটি সরঞ্জাম যা AMP পেজগুলির সঠিকতা এবং মান যাচাই করতে ব্যবহৃত হয়। এটি আপনাকে দেখাতে সাহায্য করে যে, পেজে কোনো AMP সম্পর্কিত ত্রুটি (errors) বা সতর্কতা (warnings) রয়েছে কিনা, এবং কীভাবে সেগুলি সমাধান করা যায়।
AMP Validator কী?
AMP Validator একটি টুল যা AMP পেজের কোডের মধ্যে ভুল বা ত্রুটি খুঁজে বের করে। এটি নির্দিষ্ট নির্দেশাবলী অনুসরণ করে এবং AMP সাইটগুলির ক্ষেত্রে কোনও ভুল হলে তা রিপোর্ট করে। এটি গুগল এবং অন্যান্য AMP সমর্থিত সার্চ ইঞ্জিনের জন্য সঠিক AMP পেজ তৈরি করতে সহায়তা করে।
AMP Errors সমাধান করতে AMP Validator ব্যবহার করা
আপনি যদি AMP পেজে কোনো ত্রুটি বা সমস্যা দেখতে পান, তাহলে AMP Validator ব্যবহার করে সহজে সমাধান করতে পারেন। এখানে কিছু পদক্ষেপ এবং সাধারণ ত্রুটির সমাধান দেওয়া হলো:
AMP Validator ব্যবহার করার পদক্ষেপ
- AMP পেজ যাচাই করা:
- AMP Validator ব্যবহার করার জন্য আপনার পেজের URL AMP Validator টুলে প্রবেশ করান। আপনি এটি করতে পারেন:
- গুগলের AMP Validator টুল এ গিয়ে পেজের URL প্রবেশ করান।
- অথবা AMP Validator প্লাগইন (যদি আপনি ব্রাউজারে এটি ব্যবহার করতে চান) ইনস্টল করে পেজের সোর্স কোড পরীক্ষা করুন।
- AMP Validator ব্যবহার করার জন্য আপনার পেজের URL AMP Validator টুলে প্রবেশ করান। আপনি এটি করতে পারেন:
- AMP পেজ টেস্ট করা:
- আপনার AMP পেজে গেলে, AMP Validator আপনাকে ফলাফল দেখাবে, যেখানে আপনার পেজে যদি কোনো ত্রুটি থাকে তা উপস্থাপন করবে।
- ত্রুটি বা সতর্কতার রিপোর্ট দেখা:
- AMP Validator আপনার পেজের HTML কোডের মধ্যে ত্রুটি বা সতর্কতার রিপোর্ট তৈরি করবে। যদি কোনো ত্রুটি থাকে, তাহলে তা পরিষ্কারভাবে লেখা থাকবে, যেমন "Invalid tag" বা "Missing required attribute"।
AMP Errors এবং তাদের সমাধান
এখানে কিছু সাধারণ AMP errors এবং তাদের সমাধান নিয়ে আলোচনা করা হল:
1. Missing required attribute
Error message:
Missing required attribute: 'width' on <amp-img>
সমাধান:
- AMP এ সব ইমেজ ট্যাগ (
<amp-img>) অবশ্যইwidthএবংheightঅ্যাট্রিবিউট থাকতে হবে। সঠিক কোড:
<amp-img src="image.jpg" width="600" height="400" layout="responsive"></amp-img>
2. Invalid tag
Error message:
Invalid tag: <amp-custom>
সমাধান:
- AMP পেজে কিছু ট্যাগ অনুমোদিত নয়। যদি আপনি কোনও অপ্রত্যাশিত ট্যাগ ব্যবহার করেন, যেমন
<amp-custom>, তাহলে এটি একটি ত্রুটি হবে। এর পরিবর্তে, AMP নির্দিষ্ট ট্যাগগুলিই ব্যবহার করতে হবে। সঠিক কোড: ব্যবহার করুন
amp-styleট্যাগ।<style amp-custom> /* CSS কোড এখানে */ </style>
3. Invalid or missing
Read more
