একটি ফর্ম থেকে SEO মেটা ট্যাগ, Open Graph প্রপার্টি ও Twitter Card মার্কআপ তৈরি করুন। ক্যানোনিকাল লিংক এবং শিরোনাম ও বর্ণনার লাইভ দৈর্ঘ্য পরীক্ষাসহ।
একটি ফর্ম থেকে SEO, Open Graph ও Twitter Card ট্যাগ তৈরি করুন। ফিল্ডগুলো একবার পূরণ করুন এবং সম্পূর্ণ <head> ব্লক পান। শিরোনাম ও বর্ণনার দৈর্ঘ্য সার্চ ইঞ্জিন ট্রাঙ্কেট করার আগে যে সীমা ব্যবহার করে তার বিরুদ্ধে লাইভ পরীক্ষা করা হয়।
পুরোনো টিউটোরিয়ালে আপনি যে বেশিরভাগ মেটা ট্যাগ পাবেন তা উপেক্ষা করা হয়। ব্যবহারকারীরা যা দেখে তাতে এখনও প্রভাব ফেলে এমনগুলো অল্প:
<title> — পেজের সবচেয়ে গুরুত্বপূর্ণ একক উপাদান। এটি সার্চ ফলাফলে ক্লিকযোগ্য হেডলাইন এবং ব্রাউজার ট্যাবের লেবেল হয়ে ওঠে।<meta name="description"> — র্যাংকিং ফ্যাক্টর নয়, তবে এটি সাধারণত শিরোনামের নিচে স্নিপেট হয়ে যায়, তাই এটি সরাসরি ক্লিক-থ্রু হারকে প্রভাবিত করে।<link rel="canonical"> — একই কন্টেন্ট একাধিক ঠিকানায় পৌঁছানো গেলে কোন URL প্রামাণিক সংস্করণ তা সার্চ ইঞ্জিনকে বলে।লক্ষণীয়ভাবে অনুপস্থিত <meta name="keywords">। Google নিশ্চিত করেছে যে এটি বছরের পর বছর অপব্যবহারের পর ২০০৯ সালে র্যাংকিংয়ের জন্য ট্যাগটি ব্যবহার বন্ধ করেছে। এটি এখানে শুধুমাত্র অন্তর্ভুক্ত কারণ মুষ্টিমেয় অভ্যন্তরীণ সার্চ সিস্টেম এখনও এটি পড়ে।
সার্চ ইঞ্জিন টাইটেল ও বর্ণনা একটি নির্দিষ্ট পিক্সেল প্রস্থে ফিট করতে ট্রাঙ্কেট করে, তাই সংকীর্ণ অক্ষরের একটি শিরোনাম ক্যাপিটালে ভরা একটির চেয়ে বেশি টেক্সট ধরে। অক্ষর গণনা একটি বাস্তবিক আনুমানিকতা: শিরোনামের জন্য প্রায় ৬০ অক্ষর এবং বর্ণনার জন্য ১৬০ আপনাকে বেশিরভাগ সময় ডেস্কটপ সীমার ভেতরে রাখে। মোবাইল ফলাফল আরও সংকীর্ণ।
সীমার বেশি হওয়া কোনো ত্রুটি নয়। বর্ণনা একটি স্নিপেট, চুক্তি নয়, এবং ভিন্ন প্যাসেজ কোয়েরির সাথে ভালো মিললে সার্চ ইঞ্জিন যেকোনো সময় এটি পুনর্লিখন করে। গুরুত্বপূর্ণ শব্দগুলো সামনে লোড করুন যাতে ট্রাঙ্কেশনের পরেও অর্থ টিকে থাকে।
Open Graph ফেসবুকে উদ্ভূত কিন্তু এখন LinkedIn, Slack, Discord, WhatsApp, iMessage ও বেশিরভাগ অন্যান্য প্ল্যাটফর্ম পড়ে এমন ডি-ফ্যাক্টো স্ট্যান্ডার্ড। চারটি প্রপার্টি প্রায় সব কাজ করে: og:title, og:description, og:url ও og:image।
Twitter-এর পার্সার নিজস্ব ট্যাগ অনুপস্থিত থাকলে Open Graph-এ ফিরে যায়, তাই twitter:* প্রপার্টির একটি সম্পূর্ণ সেট শুধুমাত্র তখনই প্রয়োজন যখন আপনি সেই একটি প্ল্যাটফর্মে ভিন্ন শিরোনাম, বর্ণনা বা ছবি চান। স্পষ্টভাবে সেট করার মতো ট্যাগ হলো twitter:card, যা বড় হিরো ইমেজ লেআউট ও কমপ্যাক্ট থাম্বনেইলের মধ্যে বেছে নেয়।
এখানেই বেশিরভাগ বাস্তবায়ন ব্যর্থ হয়। একটি পরম URL ব্যবহার করুন — আপেক্ষিক পথ প্রতিটি ক্রলারে ভেঙে যায়। 1200 বাই 630 পিক্সেল লক্ষ্য করুন, 1.91:1 অনুপাত যা বড় কার্ডটি ক্রপ ছাড়া পূর্ণ করে। ফাইলটি প্রায় 1 MB-এর নিচে রাখুন, JPEG বা PNG ব্যবহার করুন, এবং নিশ্চিত করুন URL অথেনটিকেশন, কুকি বা রিডাইরেক্ট চেইন ছাড়া সর্বজনীনভাবে পৌঁছানো যায়। ছবির যেকোনো টেক্সট বড় হওয়া উচিত, কারণ কার্ডটি প্রায়ই তার প্রাকৃতিক আকারের একটি ভগ্নাংশে প্রদর্শিত হয়।
প্রতিটি প্রধান প্ল্যাটফর্ম প্রিভিউ আক্রমনাত্মকভাবে ক্যাশ করে, প্রায়ই দিনের জন্য। ট্যাগ আপডেট করার পর পুরোনো কার্ডটি ক্যাশের মেয়াদ শেষ না হওয়া বা প্ল্যাটফর্মের নিজস্ব ডিবাগিং টুল দিয়ে আপনি রিফ্রেশ না করা পর্যন্ত দেখা যাবে। Facebook, LinkedIn ও Twitter প্রত্যেকে একটি করে প্রদান করে। রিফ্রেশের পরও প্রিভিউ ভুল দেখালে, পরীক্ষা করুন ক্রলারটি পেজে পৌঁছাতে পারে কিনা: একটি লগইন ওয়াল, একটি robots.txt ব্লক বা জিও-সীমাবদ্ধ কন্টেন্ট সবই একটি খালি কার্ড উৎপন্ন করে।