সাধারণ ভুল

মোবাইলের জন্য সাইট ডিজাইন করার সময় ওয়েবমাস্টার কিছু সাধারণ ভুল করে এই পৃষ্ঠাতে সেগুলি আলোচনা করা হয়েছে।

জাভাস্ক্রিপ্ট CSS এবং ছবি ফাইল ব্লক করা হয়েছে

সবচেয়ে ভাল রেন্ডার এবং ইনডেক্স করার জন্য, আপনার ওয়েবসাইটে ব্যবহার করা Googlebot কে জাভাস্ক্রিপ্ট, CSS, এবং ছবির ফাইল অনুমতি দিন যাতে Googlebot আপনার সাইটকে সাধারণ ব্যবহারকারী হিসাবে দেখতে পারে। যদি আপনার সাইটের robots.txt ফাইল এই অ্যাসেটে ক্রল করার অনুমতি না দেয়, তাহলে সেটি সরাসরি আমাদের যে অ্যালগরিদম আপনার কন্টেন্ট রেন্ডার এবং ইনডেক্স করে সেগুলির ক্ষতি করে। এটি কম ভাল র‍্যাংকিং দিতে পারে।

  1. Google Search Console-এ "Google-এর মতো করে" ফিচারটি ব্যবহার করে দেখে নিন Googlebot আপনার জাভাস্ক্রিপ্ট, CSS এবং ছবির ফাইলগুলি ক্রল করতে পারছে কিনা। Googlebot আপনার সাইটের কন্টেন্ট ঠিক কীভাবে দেখে ও রেন্ডার করে তা বুঝতে এবং ইন্ডেক্সিং সংক্রান্ত বেশ কিছু সমস্যা শনাক্ত ও সমাধান করতে এটি আপনাকে সাহায্য করবে।

  2. Google Search Console-এ আপনার robots.txt দেখুন এবং পরীক্ষা করুন

  3. আমাদের সিস্টেম আপনার ওয়েবসাইটের মোবাইল পৃষ্ঠাগুলিকে মোবাইল ব্যবহারকারীদের জন্য উপযুক্ত বলে শনাক্ত করতে পারছে কিনা তা মোবাইল-ফ্রেন্ডলি হওয়ার পরীক্ষার মাধ্যমে দেখুন।

  4. আপনি যদি মোবাইল পৃষ্ঠার জন্য আলাদা ইউআরএল ব্যবহার করেন তাহলে রিডাইরেক্টের টার্গেট ইউআরএল শনাক্ত ও ক্রল করা যাচ্ছে কিনা তা জানতে মোবাইল এবং ডেস্কটপ ইউআরএল, দুটিই পরীক্ষা করুন।

চালানো যায় না এমন কন্টেন্ট

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

যখন ব্যবহারকারী এমন কোনও ওয়েবসাইটে যান যেখানে কন্টেন্ট মোবাইলে দেখতে পাওয়া যায় না , তখন তারা নিচে এই রকমের একটি মেসেজ দেখতে পান:

ভিডিও চালানো যায়নি

যারফলে ব্যবহারকারীর মোবাইলের অভিজ্ঞতা ভাল হয় না!

মালিকানা ভিডিও প্লেয়ার অথবা এমন কন্টেন্ট যেগুলি সমর্থিত নয় সেগুলি রাখার বদলে, ভিডিও এবং অ্যানিমেশন আপলোড করতে HTML5 এর মানক ট্যাগ ব্যবহার করুন।

ফ্ল্যাশ বা অন্য মাল্টিমিডিয়া প্লেয়ারে অ্যানিমেটে করা কন্টেন্টে রেন্ডার করে ব্যবহার করার পরিবর্তে সব ওয়েব ব্রাউজারে কাজ করে এমন HTML5 অ্যানিমেশন ব্যবহার করে দেখুন। HTML5 এ Google ওয়েব ডিজাইনার অ্যানিমেশন তৈরি করা সহজ করে।

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

আরও জানতে Google-এর ওয়েবের মূল নীতি নিবন্ধে ভিডিও সংক্রান্ত পেশাদার পদ্ধতি অংশটি পড়ুন।

ভুল রিডাইরেক্ট

আপনার যদি একটি আলাদা মোবাইল URL থাকে, তাহলে আপনাকে ব্যবহারকারীদের ডেস্কটপ URL থেকে সঠিক মোবাইল URL এ রিডাইরেক্ট করতে হবে। অন্য পৃষ্ঠাতে(যেমন হোমপেজ) রিডাইরেক্ট করা সঠিক হবে না।

যেমন:

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

  • আপনার ডেস্কটপ সাইট কিছু মোবাইল ডিভাইসকে রিডাইরেক্ট করলেও সবগুলিকে করে না। যেমন, একটি সাইট শুধু Android ব্যবহারকারীদের মোবাইল সাইটে রিডাইরেক্ট করে কিন্তু iPhone অথবা Windows Phone ব্যবহারকারীদের করে না।

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

  • স্মার্টফোন ব্যবহারকারীকে স্মার্টফোন সাইটের সমতুল্য ইউআরএলে রিডাইরেক্ট করার জন্য সার্ভার সেট-আপ করুন।

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

  • প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করুন, যাতে ডেস্কটপ এবং স্মার্টফোন ব্যবহারকারীকে একই কন্টেন্ট দেখানো হয়।

শুধুমাত্র মোবাইলের জন্য 404

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

Mobile-only 404s

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

ভাল রিডাইরেক্ট
  • Google Search Console ব্যবহার করুন। আপনি সাইটের যাচাই করা ব্যবহারকারী হলে, আমরা মেসেজ সেন্টারে বিজ্ঞপ্তি পাঠাব।

  • আপনার স্মার্টফোন সাইটের আলাদা ইউআরএল থাকলে স্মার্টফোন ব্যবহারকারীকে স্মার্টফোন সাইটের সমতুল্য ইউআরএলে রিডাইরেক্ট করার জন্য সার্ভার সেট-আপ করুন।

  • আপনি যদি ডায়নামিক সার্ভিং ব্যবহার করেন তাহলে আপনার ইউজার-এজেন্ট শনাক্তকরণের পদ্ধতিটি সঠিকভাবে কনফিগার করা আছে কিনা দেখে নিন।

  • আপনার সাইটে কোনও পৃষ্ঠার স্মার্টফোনের জন্য উপযুক্ত ভার্সন না থাকলে ব্যবহারকারীকে ডেস্কটপ পৃষ্ঠায় রাখুন। সমস্যার পৃষ্ঠা দেখানোর চেয়ে ব্যবহারকারী যে কন্টেন্ট খুঁজছেন তা দেখানো অনেক বেশি গুরুত্বপূর্ণ।

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

  • Google Search Console-এর ক্রল সংক্রান্ত সমস্যার রিপোর্ট দেখুন; স্মার্টফোন ট্যাবে শুধুমাত্র স্মার্টফোনেই 404 সমস্যা হয় এমন ইউআরএলের একটি তালিকা দেখানো হয়।

ইন্টারস্টিশিয়াল এড়িয়ে যান

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

অ্যাপ ডাউনলোডের ইন্টারস্টিশিয়াল

অনেক ওয়েবমাস্টার তাদের মোবাইল ওয়েবসাইট দর্শকদের জন্য তাদের ব্যবসার 'নেটিভ অ্যাপ প্রচার করে। সঠিকভাবে না করলে এটি ইনডেক্সে সমস্যা এবং সাইটে ব্যবহারকারীদের আশা বন্ধ করে দিতে পারে৷

ইন্টারস্টিশিয়াল এড়িয়ে যান
ইন্টারস্টিশিয়াল ব্যবহারকারীকে কাজ করার থেকে ব্লক করে।
অ্যাপের ব্যানার
একটি ব্যানার অ্যাপ প্রেজেন্ট করার সময় ব্যবহারকারীদের কাজ করতে দেয়।
  • পৃষ্ঠার কন্টেন্ট সহ আপনার অ্যাপের ইনলাইন প্রচার করার একটি সহজ ব্যানার ব্যবহার করুন৷ এগুলি ব্যবহার করে এই ব্যানার প্রয়োগ করা যেতে পারে:

  • আপনার কোনও Android অ্যাপ থাকলে অ্যাপ ইন্ডেক্সিং চালু করার কথা ভেবে দেখুন: আপনার অ্যাপ থেকে ইন্ডেক্স করা কন্টেন্ট কোনও কোয়েরির জন্য প্রাসঙ্গিক হলে আমরা অ্যাপটি ইনস্টল করার জন্য সার্চের ফলাফলে একটি বোতাম দেখাব। এর ফলে ব্যবহারকারীরা সেটি ডাউনলোড করতে পারবেন এবং অ্যাপের নির্দিষ্ট পৃষ্ঠায় সরাসরি যেতে পারবেন।

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

  • আপনার লিঙ্ক সঠিক একই রকম পৃষ্ঠাতে পয়েন্ট করছে কিনা দেখুন৷

স্লো মোবাইল পৃষ্ঠা

এটি গুরুত্বপূর্ণ যে মোবাইল সাইট যেন দ্রুত লোড হয়৷ ব্যবহারকারী হতাশ হতে পারে যদি একটি কন্টেন্ট দেখতে অনেক সময় লাগে৷

আপনার পৃষ্ঠার কোনও সমস্যা আছে কিনা দেখতে যাতে আপনার পৃষ্ঠা ধীরে চলছে দেখতে Google-এর পেজস্পিড ইনসাইট ব্যবহার করুন এবং স্পিডের উপ-বিভাগ দেখুন৷ সমস্যাটি দেখে “ঠিক আছে” হিসাবে চিহ্নিত করুন৷

আরও তথ্যের জন্য, দেখুন:

আপনার ভিউরিপোর্ট সঠিকভাবে সেট করুন

কারণ আপনার সাইটের দর্শকরা বিভিন্ন আকারের স্ক্রিনের বিভিন্ন ডিভাইস ব্যবহার করতে পারে, ভিউপোর্ট মেটা ট্যাগ ব্যবহার করে আপনার পৃষ্ঠা ভিউপোর্ট নির্দিষ্ট করতে পারে৷ এই ট্যাগ ব্রাউজার বলে কিভাবে ডিভাইসের সাথে মানানসই করার জন্য পৃষ্ঠার মাত্রা এবং স্কেলিং ব্যবহার করা হবে৷ এর প্রধান দুটি সমস্যা হল:

  • এমন ভিউপোর্ট ব্যবহার করা যার প্রস্থ পরিবর্তন করা যায় না। এর ফলে পৃষ্ঠাটি বিভিন্ন ডিভাইসের সাইজ অনুযায়ী ছোট বড় হয় না (বিভিন্ন ডিভাইসের স্ক্রিনের সাইজ বিভিন্ন রকম হয়)। আরও জানুন
  • ভিউপোর্টের ন্যূনতম প্রস্থটি খুব বেশি হলে ছোট ডিভাইসে পৃষ্ঠাটি পাশাপাশি স্ক্রল করে পড়তে হবে। CSS ডিক্লারেশনে পৃষ্ঠার প্রস্থের জন্য কোনও নির্দিষ্ট মান বলা থাকলে অথবা এমন ছবি ব্যবহার করলে যা একটি নির্দিষ্ট ব্রাউজারের সব থেকে ভাল দেখা যায় যার প্রস্থ (যেমন, ৯৮০px), এই সমস্যাটি দেখা দেয়। এই সমস্যার সমাধান করতে, পৃষ্ঠার CSS এলিমেন্টে প্রস্থ ও অবস্থানের আপেক্ষিক মান দেওয়া আছে কিনা এবং বিভিন্ন সাইজের ডিভাইসে ঠিকভাবে ছবি দেখা যাচ্ছে কিনা পরখ করুন। আরও জানুন

ছোট ফন্টের আকার

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

স্পর্শ করার উপাদান কাছে আছে

স্পর্শ করার সেটিংস যেমন বোতাম এবং লিঙ্ক পরস্পরের এতো কাছাকাছি থাকে যে মোবাইল ব্যবহারকারী পছন্দের উপাদানে ট্যাপ করতে পাশের অপ্রয়োজনীয় উপাদানে ক্লিক করতে পারে তাই এই ধরণের সেটিংস এড়িয়ে যান৷ এই সমস্যার সমাধান করতে, আকার এবং স্পেস বোতাম সহ নেভিগেট করার লিঙ্ক আপনার মোবাইল ব্যবহারকারীদের জন্য সহজ করে তুলুন৷ আরও জানতে ট্যাপ টার্গেটের আকার সঠিকভাবে নির্ধারণ করুন নিবন্ধটি পড়ুন।

Send feedback about...

সার্চ
সার্চ