আলাদা ইউআরএল

এই কনফিগারেশনে মোবাইল ও ডেস্কটপ পৃষ্ঠার জন্য আলাদা ইউআরএল সেট-আপ করা হয়।

সাধারণত, ডেস্কটপ ব্যবহারকারীর জন্য www.example.com এবং একই পৃষ্ঠাগুলি মোবাইল ব্যবহারকারীর জন্য m.example.com-এ সেট-আপ করা হয়। Google কোনও বিশেষ ইউআরএলের ফর্ম্যাটকে অগ্রাধিকার দেয় না, কিন্তু সব Googlebot ইউজার-এজেন্টের পক্ষে সেটি অ্যাক্সেস করার মতো হতে হয়।

TL;DR

  • দুটি ইউআরএলের মধ্যে সম্পর্ক বোঝাতে, <link> ট্যাগে rel="canonical"rel="alternate" এলিমেন্ট ব্যবহার করুন।

  • ইউজার-এজেন্ট স্ট্রিং শনাক্ত করে সেগুলিকে সঠিকভাবে রিডাইরেক্ট করুন।

ডেস্কটপ ও মোবাইল ইউআরএলের জন্য টীকা

আলাদা মোবাইল ইউআরএল বুঝতে আমাদের অ্যালগরিদমকে সাহায্য করার জন্য নিম্নলিখিত টীকাগুলি ব্যবহার করলে ভাল হয়:

  1. ডেস্কটপ পৃষ্ঠায় সমতুল্য মোবাইল ইউআরএলকে উল্লেখ করে একটি rel="alternate" ট্যাগ যোগ করুন। এটি Googlebot-কে আপনার সাইটের মোবাইল পৃষ্ঠা খুঁজে পেতে সাহায্য করে।
  2. মোবাইল পৃষ্ঠায় সমতুল্য ডেস্কটপ ইউআরএল উল্লেখ করে একটি বিশেষ rel="canonical" ট্যাগ যোগ করুন।

এই টীকা আপনি দুটি পদ্ধতিতে উল্লেখ করতে পারেন: পৃষ্ঠার HTML-এ এবং সাইটম্যাপ-এ। যেমন, ডেস্কটপ ইউআরএল http://example.com/page-1 এবং সেটির সমতুল্য মোবাইল ইউআরএল http://m.example.com/page-1 হলে, নিম্নলিখিত পদ্ধতিতে টীকা উল্লেখ করতে হবে।

HTML-এ টীকা

ডেস্কটপ পৃষ্ঠায় (http://www.example.com/page-1) নিম্নলিখিত টীকা যোগ করুন:

<link rel="alternate" media="only screen and (max-width: 640px)"
 href="http://m.example.com/page-1">

মোবাইল পৃষ্ঠায় (http://m.example.com/page-1) টীকা কীভাবে লিখতে হবে তা নিচে দেওয়া হল:

<link rel="canonical" href="http://www.example.com/page-1">

ডেস্কটপ পৃষ্ঠার ইউআরএল সহ এই rel="canonical" ট্যাগ মোবাইল ইউআরএলে যোগ করতেই হবে।

সাইটম্যাপে টীকা

এই ধরনের সাইটম্যাপে ডেস্কটপ পৃষ্ঠার জন্য rel="alternate" টীকা যোগ করা যেতে পারে:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>http://www.example.com/page-1/</loc>
    <xhtml:link rel="alternate" media="only screen and (max-width: 640px)"
    href="http://m.example.com/page-1" />
  </url>
</urlset>

মোবাইল পৃষ্ঠায় rel="canonical" ট্যাগ কিন্তু মোবাইল পৃষ্ঠার HTML-এ যোগ করতেই হবে।

টীকার বিবরণ

ডেস্কটপ পৃষ্ঠায় লিঙ্ক ট্যাগের অ্যাট্রিবিউট দেখুন:

  • rel="alternate" অ্যাট্রিবিউটের মাধ্যমে সেই ট্যাগে ডেস্কটপ পৃষ্ঠার একটি বিকল্প ইউআরএল লেখা আছে তা বোঝানো হয়।
  • মিডিয়া অ্যাট্রিবিউটের মান হল একটি CSS মিডিয়া কোয়েরি স্ট্রিং যেটি মিডিয়া ফিচার উল্লেখ করে এবং এটির সাহায্যে Google কখন বিকল্প ইউআরএল ব্যবহার করবে তা বুঝতে পারে। এই উদাহরণে, সাধারণত মোবাইল ডিভাইসের ক্ষেত্রে যে মিডিয়া কোয়েরি প্রযোজ্য হয় আমরা সেটি ব্যবহার করছি।
  • href অ্যাট্রিবিউটের মাধ্যমে বিকল্প ইউআরএলের লোকেশন উল্লেখ করা হয়। যেমন, m.example.com-এ অবস্থিত পৃষ্ঠা।

এই উভমুখী টীকা Googlebot-কে আপনার কন্টেন্ট খুঁজে পেতে এবং আমাদের অ্যালগরিদমকে আপনার ডেস্কটপ ও মোবাইল পৃষ্ঠার মধ্যে সম্পর্ক নির্ধারণ করতে ও কীভাবে সেগুলি ব্যবহার করা হবে তা বুঝতে সাহায্য করে। আপনি আলাদা ইউআরএলের মাধ্যমে একই কন্টেন্ট ভিন্ন ফর্ম্যাটে প্রকাশ করলে, Google-এর অ্যালগরিদম এই টীকা থেকে বুঝতে পারে যে এই দুটি ইউআরএলে সমতুল্য কন্টেন্ট আছে এবং এগুলিকে দুটি আলাদা এন্টিটির পরিবর্তে একটি এন্টিটি হিসেবে দেখতে হবে। পৃষ্ঠার ডেস্কটপ ও মোবাইল ভার্সনকে আলাদা এন্টিটি হিসেবে ধরা হলে, দুটি পৃষ্ঠার ইউআরএলই ডেস্কটপ সার্চ ফলাফলে দেখানো হতে পারে। এছাড়াও, সেগুলির মধ্যে সম্পর্ক Google না বোঝার ফলে, তাদের র‍্যাঙ্কিং খারাপ হতে পারে। এই কনফিগারেশন ব্যবহার করার সময় যে সাধারণ ভুলগুলি হয়ে থাকে তার কিছু নিচে দেওয়া হল:

  • rel="alternate"rel="canonical" মার্ক-আপ ব্যবহার করার সময় মোবাইল পৃষ্ঠা ও সমতুল্য ডেস্কটপ পৃষ্ঠার মধ্যে ১:১ অনুপাত রাখবেন। বিশেষত, একটি মোবাইল পৃষ্ঠাকে নির্দেশ করে এমন একাধিক ডেস্কটপ পৃষ্ঠাতে টীকা যোগ করবেন না (এটি বিপরীতভাবেও প্রযোজ্য)।
  • রিডাইরেক্টগুলি ভাল করে পরীক্ষা করুন – একাধিক ডেস্কটপ পৃষ্ঠাকে অসাবধানতাবশত একটি সম্পর্কহীন মোবাইল পৃষ্ঠাতে রিডাইরেক্ট করবেন না।
আপনি একটি আলাদা মোবাইল সাইট তৈরি করলে, মোবাইল ব্যবহারকারীদের জন্য ভুল রিডাইরেক্ট কনফিগার করার মতো সাধারণ ভুলগুলির দিকে লক্ষ্য রাখবেন।

অটোমেটিক রিডাইরেকশন

মোবাইল ও ডেস্কটপ ব্রাউজারে আলাদা ইউআরএল থেকে একই ওয়েবসাইট দেখানো হলে, ওয়েবমাস্টাররা উপযুক্ত ইউআরএলে ব্যবহারকারীদের অটোমেটিক রিডাইরেক্ট করতে পারেন। আপনি ওয়েবসাইটে অটোমেটিক রিডাইরেকশন ব্যবহার করলে, সব Googlebot-কে অন্যান্য ইউজার-এজেন্টের মতো একইভাবে উপযুক্ত ইউআরএলে রিডাইরেক্ট করে দেবেন।

ব্যবহার করা যায় এমন রিডাইরেকশনের পদ্ধতি

Googlebot এই দুই ধরনের রিডাইরেকশন অনুসরণ করতে পারে:

  • HTTP রিডাইরেক্ট
  • জাভাস্ক্রিপ্ট রিডাইরেক্ট

HTTP রিডাইরেক্ট ব্যবহার করা

ক্লায়েন্টকে ডিভাইস-নির্দিষ্ট ইউআরএলে রিডাইরেক্ট করার জন্য সাধারণত HTTP রিডাইরেকশন ব্যবহার করা হয়। HTTP অনুরোধের হেডারে উপস্থিত ইউজার-এজেন্টের উপর নির্ভর করে রিডাইরেক্ট করা হয়। রিডাইরেকশনকে পৃষ্ঠার rel="alternate" ট্যাগে বা সাইটম্যাপে উল্লেখ করা বিকল্প ইউআরএলের সাথে সামঞ্জস্যপূর্ণ রাখতে হবে।

এই ক্ষেত্রে, সার্ভার রিডাইরেক্ট করার জন্য HTTP 301 বা 302 স্ট্যাটাস কোড ব্যবহার করতে পারে, তবে সম্ভব হলে 302 স্ট্যাটাস কোড ব্যবহার করা ভাল।

জাভাস্ক্রিপ্ট রিডাইরেক্ট

HTTP রিডাইরেকশন প্রয়োগ করা সম্ভব না হলে, আপনি জাভাস্ক্রিপ্টের মাধ্যমে ব্যবহারকারীদের rel="alternate" ট্যাগে উল্লেখ করা ইউআরএলে রিডাইরেক্ট করতে পারেন। এটি মনে রাখবেন যে ক্লায়েন্ট সাইড রিডাইরেকশনে কিছু দেরি হয়। এই পদ্ধতিতে পৃষ্ঠা ডাউনলোড করে, পার্স করে জাভাস্ক্রিপ্ট এক্সিকিউট করার পরে রিডাইরেক্ট করা যায়।

জাভাস্ক্রিপ্টের মাধ্যমে রিডাইরেক্ট করার একাধিক পদ্ধতি আছে। যেমন, পৃষ্ঠায় লিঙ্কের টীকার মধ্যে যে মিডিয়া কোয়েরিগুলি আপনার সাইট আগে থেকেই ব্যবহার করে সেগুলি এক্সিকিউট করতে, আপনি matchMedia() জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করতে পারেন।

উভমুখী বনাম একমুখী রিডাইরেক্ট

বিভিন্ন ওয়েবসাইট বিভিন্ন পদ্ধতিতে রিডাইরেক্ট করে। কিছু ওয়েবসাইট, শুধু যেসব মোবাইল ব্যবহারকারী ডেস্কটপ পৃষ্ঠায় আসছেন তাদের মোবাইল পৃষ্ঠায় রিডাইরেক্ট করে ("একমুখী" রিডাইরেক্ট) এবং কিছু ওয়েবসাইট, মোবাইল ও ডেস্কটপ ব্যবহারকারীদের যথাক্রমে ডেস্কটপ ও মোবাইল পৃষ্ঠা থেকে উপযুক্ত পৃষ্ঠায় রিডাইরেক্ট ("উভমুখী" রিডাইরেক্ট) করে।

Googlebot-এর জন্য কোনও একটি পদ্ধতিকে অগ্রাধিকার দেওয়ার প্রয়োজন নেই, তবে ব্যবহারকারীদের কথা ভেবে ওয়েবমাস্টাররা উপযুক্ত রিডাইরেক্ট করার পদ্ধতি বেছে নিলে ভাল হয়। সবচেয়ে গুরুত্বপূর্ণ হল যে উপযুক্ত ও সামঞ্জস্যপূর্ণ রিডাইরেক্ট করার পদ্ধতি ব্যবহার করা। অর্থাৎ, ডেস্কটপ বা মোবাইল সাইটের সমতুল্য কন্টেন্টে রিডাইরেক্ট করা। কনফিগারেশনে ভুল থাকলে, হয়ত কিছু ব্যবহারকারী আপনার কন্টেন্ট একেবারেই দেখতে পাবেন না।

এছাড়াও, ব্যবহারকারীদের রিডাইরেক্ট করার নীতি ওভাররাইড করার সুবিধা দিলে ভাল হয়। অর্থাৎ, মোবাইল ব্যবহারকারীদের ডেস্কটপ পৃষ্ঠা ও ডেস্কটপ ব্যবহারকারীদের মোবাইল পৃষ্ঠা দেখার সুবিধা দেওয়া।