অন্য ডিভাইসের জন্য মোবাইল SEO

ট্যাবলেট

আপনার ওয়েবসাইট মোবাইল ব্যবহারকারীদের জন্য কনফিগার করার সময় যেসব ব্যবহারকারী ট্যাবলেটে আপনার সাইট অ্যাক্সেস করছেন তাদের কথাও মাথায় রাখা দরকার। সার্চ ইঞ্জিনের পক্ষে উপযোগী এবং ট্যাবলেটের জন্য অপ্টিমাইজ করা ওয়েবসাইট তৈরি করার বিষয়ে আমাদের কোনও বিশেষ সাজেশন না থাকলেও ডেস্কটপ, স্মার্টফোন ও ট্যাবলেট ব্যবহারকারীদের জন্য ওয়েবসাইট তৈরি করার ব্যাপারে আমাদের কিছু পরামর্শ আছে

প্রতিক্রিয়াশীল ওয়েব ডিজাইন

আমরা সাধারণত প্রতিক্রিয়াশীল ওয়েব ডিজাইন তৈরি করার সাজেশন দিয়ে থাকি। এর অর্থ হল, ডেস্কটপ, স্মার্টফোন ও ট্যাবলেটে, সাইটের ইন্টারফেসকে অপ্টিমাইজ করতে আপনার ওয়েবসাইট সমস্ত ডিভাইসেই আলাদা আলাদা CSS স্টাইলের নিয়মগুলির সাথে একই HTML কোড দেখিয়ে থাকে।

আপনার ওয়েবসাইট প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করলে, বিভিন্ন প্রকারের ট্যাবলেটে সেটি ঠিকমত দেখা যাচ্ছে কিনা তা পরীক্ষা করে দেখে নিন, কারণ একদম স্মার্টফোনের মতোই, ট্যাবলেটের সাইজ ও স্ক্রিনের রেজোলিউশন বিভিন্ন ধরনের হতে পারে।

ডিভাইস-নির্দিষ্ট কন্টেন্ট

একটি ওয়েবসাইট বিভিন্ন ডিভাইসের জন্য বিভিন্ন পৃষ্ঠা (যেমন আলাদা HTML, CSS ও জাভাস্ক্রিপ্ট ব্যবহার করে) দেখাতে পারে। এই পৃষ্ঠাগুলি আলাদা বা একই ইউআরএল (এই কনফিগারেশনকে ডায়নামিক সার্ভিং বলে) ব্যবহার করে দেখানো যেতে পারে।

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

আপনার ওয়েবসাইটে ট্যাবলেটের জন্য অপ্টিমাইজ করা সাইট থাকলে, এই নির্দেশিকাগুলি আপনার সাইটকে কনফিগার করতে সাহায্য করবে:

  • ডায়নামিক সার্ভিং: এই ক্ষেত্রে ইউজার এজেন্টের উপর নির্ভর করে, একই ইউআরএল ডেস্কটপ, স্মার্টফোন এবং ট্যাবলেট ব্যবহারকারীদের আলাদা আলাদা HTML (এবং CSS) দেখিয়ে পরিষেবা দিয়ে থাকে। আমাদের স্মার্টফোন ওয়েবসাইটের সাজেশনে যেমন বলা হয়েছে, Vary HTTP হেডার ব্যবহার করলে সবচেয়ে ভাল হবে বলে আমরা মনে করি।
  • শুধুমাত্র ট্যাবলেটের জন্য আলাদা ইউআরএল: এই ক্ষেত্রে, আমরা আপনাকে অবশ্যই এই সাজেশন দেব যে Googlebot-কে ট্যাবলেট ইউআরএল ক্রল করার অনুমতি দিন এবং সমতুল্য ডেস্কটপ ইউআরএল দেখাতে, প্রতিটি ট্যাবলেট ইউআরএলেrel="canonical" ব্যবহার করে দেখুন।

ফিচার ফোন

সম্ভব হলে, স্মার্টফোনে দেখানো হবে এমন সাইটের ক্ষেত্রে প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করলে ভাল হয়। যেহেতু, ফিচার ফোন CSS মিডিয়া কোয়েরি বুঝতে পারে না, তাই ওয়েবমাস্টার যেসব ফিচার ফোনকে পরিষেবা দিতে চায়, সেগুলির মধ্যে যেন তাদের সাইটকে কনফিগার করার জন্য হয় ডায়নামিক সার্ভিং বা আলাদা ইউআরএল ব্যবহার করা হয়, যাতে ফিচার ফোনে কন্টেন্টকে দেখানো যায়।

আমরা এটিও সাজেস্ট করি ফিচার ফোনে দেখানো হবে এমন যেকোনও পৃষ্ঠায় যেন নিচে দেওয়া উদাহরণ অনুযায়ী <link rel="alternate" media="handheld"> ট্যাগটি ব্যবহার করা হয়।

প্রতিটি কনফিগারেশন কীভাবে প্রয়োগ করতে হবে তা এই বিভাগে দেখানো হয়েছে।

ডায়নামিক সার্ভিং

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

<link rel="alternate" media="handheld" href="[current page URL]" />
    

আলাদা ইউআরএল

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

বিশেষ ইউআরএল কনফিগারেশন

এই কনফিগারেশনের জন্য নিচে উল্লেখ করা পদ্ধতিতে সেট-আপ করতে হবে:

  • http://www.example.com/page-1 ডেস্কটপের অনুরোধগুলিকে দেখায়
  • http://m.example.com/page-1 স্মার্টফোনের ব্যবহারকারীকে দেখায়
  • http://phone.example.com/page-1 ফিচার ফোনের ব্যবহারকারীদেরকে দেখায়

যাতে আমাদের অ্যালগরিদম বিভিন্ন ডিভাইসে দেখানোর কাজে নিযুক্ত সমতুল্য পৃষ্ঠাগুলির মধ্যে সম্পর্ক বুঝতে পারে, তাই আমরা নিচে উল্লেখ করা টীকাগুলিকে এই কনফিগারেশনে যোগ করার জন্য সাজেস্ট করছি:

www.example.com/page-1-এ যোগ করুন:

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

m.example.com/page-1-এ যোগ করুন:

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

phone.example.com/page-1-এ যোগ করুন:

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

ডেস্কটপ ও সব মোবাইল ইউআরএলের কনফিগারেশন

এই কনফিগারেশনে, একটি ওয়েবসাইট ডেস্কটপ ডিভাইসের জন্য এক ধরনের ইউআরএল এবং আর সমস্ত মোবাইলের (অন্যভাবে বলতে গেলে, স্মার্টফোন ও ফিচার ফোন, দুটির জন্যই) ক্ষেত্রে একটি আলাদা ইউআরএল ব্যবহার করে থাকে। যেমন:

  • http://www.example.com/page-1টি ডেস্কটপ ব্যবহারকারীকে পরিষেবা দেয়
  • http://m.example.com/page-1টি স্মার্টফোন ও ফিচার ফোনের ব্যবহারকারী উভয়কেই পরিষেবা দেয়

এই ক্ষেত্রে, http://www.example.com/page-1-এ দেখানো টীকাটি নিচে উল্লেখ করা হয়েছে:

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

m.example.com-এর পৃষ্ঠাতে, নিচে উল্লেখ করা ট্যাগটি যোগ করুন:

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

এই rel="canonical"টিকে যেকোনও পৃষ্ঠাতে যোগ করতে হবে, তা ফিচার ফোন বা স্মার্টফোন বা অন্য যা কিছুর হতে পারে।

সার্ভারের রেসপন্সে HTTP Vary: User-Agent হেডারটিকে যোগ করতে হবে। সার্ভারের রেসপন্স ইউজার এজেন্টের উপর নির্ভর করে পরিবর্তন হতে পারে, সেই তথ্য এটির মাধ্যমে ইন্টারনেট ক্যাশে ও Googlebot জানতে পারবে। Googlebot ক্রল করার সময় এই সিগন্যাল ব্যবহার করবে।

ফিচার ফোনের জন্য আলাদা ইউআরএলের কনফিগারেশন

এই কনফিগারেশনে, একটি ওয়েবসাইট প্রতিক্রিয়াশীল ওয়েব ডিজাইন বা ডায়নামিক সার্ভিং ব্যবহার করে ডেস্কটপ ও স্মার্টফোনের জন্য এক ধরনের ইউআরএল এবং ফিচার ফোনের জন্য আলাদা একটি ইউআরএল ব্যবহার করে পরিষেবা দেয়। যেমন:

  • http://www.example.com/page-1 ডেস্কটপ ও স্মার্টফোনের ব্যবহারকারীদের দেখায়
  • http://m.example.com/page-1 ফিচার ফোনের ব্যবহারকারীদের দেখায়

এই ক্ষেত্রে, নিচে দেওয়া ট্যাগটি হল http://www.example.com/page-1-এ দেখানো টীকা:

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" />
    

নিচে দেওয়া ট্যাগটি হল http://m.example.com/page-1-এর টীকা:

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

রিডাইরেক্ট ও Vary HTTP হেডার

আপনার সাইট যদি মোবাইলের দর্শকদের ডেস্কটপ থেকে মোবাইল সাইটে বা ডেস্কটপের দর্শকদের মোবাইল থেকে ডেস্কটপ সাইটে অটোমেটিক রিডাইরেক্ট করে, তাহলে Vary HTTP হেডার যোগ করে নিজের সার্ভারকে কনফিগার করতে ভুলবেন না।

সাইটম্যাপ

ফিচার ফোনের জন্য সাইটম্যাপ এবং স্মার্টফোনের জন্য বিকল্প ইউআরএলের সাইটম্যাপ ব্যবহার করার ব্যাপারে আমাদের দেওয়া সাজেশন অপরিবর্তিত আছে।