অন্য ডিভাইসের জন্য মোবাইল 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 হেডার যোগ করুন।

সাইটম্যাপ

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

Send feedback about...

সার্চ
সার্চ