আলাদা ইউআরএল

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

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

TL;DR

  • দু'টি ইউআরএলের মধ্যে সম্পর্ক দেখাতে rel="canonical"rel="alternate"-এর এলিমেন্টকে <link> দিয়ে ট্যাগ করুন।

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

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

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

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

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