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

ট্যাবলেট

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

রেসপনসিভ ওয়েব ডিজাইন

আমরা রেসপনসিভ ওয়েবসাইট ব্যবহার করার সুপারিশ করি৷ এর মানে হল ডেস্কটপে সাইটের ইন্টারফেস অপ্টিমাইজ করার জন্য বিভিন্ন CSS স্টাইল সহ সব ডিভাইসে একই HTML কোড থেকে প্রদান করবে৷

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

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

একটি ওয়েবসাইট বিভিন্ন ডিভাইসের (different HTML, CSS, JavaScript, etc) বিভিন্ন পৃষ্ঠাতে ফিরে আসতে পারে৷ এই পৃষ্ঠা একই URL থেকে (এই কনফিগারেশনকে ডায়নামিক সার্ভিং বলে) অথবা আলাদা বিশেষ URLs থেকে দেখাবে৷

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

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

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

ফিচার ফোন

সাইটের স্মার্টফোনের জন্য রেসপনসিভ ওয়েবসাইট ব্যবহার করার জন্য আমরা সুপারিশ করব৷ যাইহোক, ফিচার ফোনের CSS মিডিয়া কোয়েরি ফলো করার সামর্থ্য নেই, ওয়েবমাস্টার অনুযায়ী ফিচার ফোন কন্টেন্টের জন্য ডাইনামিক সার্ভিং বা আলাদা URL ব্যবহার করলে ফিচার ফোনের কন্টেন্ট সঠিকভাবে দেখানো যাবে৷

আমরা এমন পৃষ্ঠাও সুপারিশ করি যেটি ফিচার ফোনের জন্য সহায়ক হবে যেখানে <link rel="alternate" media="handheld"> ট্যাগ হিসাবে বলা থাকবে৷

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

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

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

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

আলাদা URL

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

বিশেষ 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" />

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

এই কনফিগারেশনে, ওয়েবসাইট ডেস্কটপ ডিভাইসে একটি URL সব মোবাইল যেমন স্মার্টফোন এবং ফিচার ফোনে আলাদা URL থাকবে৷ যেমন:

  • 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 আছে: ইউজার-এজেন্ট হেডারের প্রতিক্রিয়া৷ এটি ইউজার-এজেন্টের ভিত্তিতে সার্ভার প্রতিক্রিয়া আলাদা হতে পারে এমন সিগন্যাল ইন্টারনেট ক্যাশে এবং Googlebot এ পাঠায়৷ Googlebot ক্রল করার সিগন্যাল ব্যবহার করে৷

আলাদা ফিচার ফোন URL এর কনফিগারেশন

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

  • 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" />

রিডাইরেক্ট এবং HTTP Vary header

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

সাইটম্যাপ

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

Send feedback about...

সার্চ
সার্চ