দর্শনীয় কোনও ডেস্কটপ ওয়েবসাইট এবং কোনও মোবাইল সাইট যা সঠিকভাবে কাজ করে না তার চেয়ে খারাপ আর কিছুই নেই
বেশিরভাগ ডিজাইনের ফিক্সগুলি সহজ তবে আপনি যদি চান আপনার দর্শকদের কাছে থাকতে চান তবে মনোযোগের প্রয়োজন হয় একটি মোবাইল ডিভাইসে ব্রাউজ করার সময় সাইটটি।
এই নিবন্ধটি সাতটি মোবাইল বান্ধব ওয়েবসাইটের সমস্যাগুলি এবং তাদের জন্য ফিক্সগুলি হাইলাইট করবে<ডি ক্লাস = "অলস WP-block-image"><চিত্র শ্রেণি = "অলস অ্যালিজেন্সেন্টার">
আপনি স্রেফ প্রচুর সময় ব্যয় করেছেন আপনার ওয়েবসাইটে আপডেট করা। এগুলি আপনার ডেস্কটপে দুর্দান্ত দেখায় তবে আপনার মোবাইল ডিভাইসে প্রদর্শিত হবে না
সর্বাধিক সাধারণ কারণগুলির মধ্যে একটি হ'ল ক্যাশ। আপনার মোবাইল ব্রাউজারটি আপনার সাইটের একটি পুরানো সংস্করণ দেখাচ্ছে যা আপনি আগে ডাউনলোড করেছিলেন ed আর একটি কারণ হতে পারে যে আপনার ওয়েবসাইটটি আপনার পৃষ্ঠার পুরানো সংস্করণটি ধরে রেখেছে এবং আপনার পরিবর্তনগুলি প্রদর্শন করছে না
যদি সমস্যা হয় তবে আপনাকে সংশোধিত সংস্করণ ডাউনলোড করতে ক্যাশে সাফ করতে হবে। ডাব্লুপি সুপার ক্যাশে, ডাব্লু 3 মোট ক্যাশে, বা WP দ্রুততম ক্যাশে এর মতো একটি ক্যাচিং প্লাগইন এই সমস্যার সমাধান করতে সহায়তা করতে পারেইন_ কনটেন্ট_1 সব: [300x250] / DFP: [640x360]->
<স্ক্রিপ্ট টাইপ = "পাঠ্য / জাভাস্ক্রিপ্ট"> googletag.cmd.push (ফাংশন () {googletag.display ('snhb-In_content_1-0');});আপনার মোবাইল বন্ধুত্বপূর্ণ সাইটে নতুন সংস্করণ দেখাতে সক্ষম করতে আপনার ওয়েবসাইট ক্যাশে এবং ব্রাউজারটি ফ্লাশ করতে সহায়তা করার নীচে চারটি পদক্ষেপ রয়েছে
নেভিগেশন মেনু তৈরি করা চ্যালেঞ্জ হতে পারে এটি মোবাইল ডিভাইসে ভাল কাজ করে। যদি আপনার ওয়েবসাইটের নেভিগেশনে অনেকগুলি আইটেম এবং সাবমেনাস থাকে তবে ছোট স্ক্রিনে সমস্ত কিছু আটকানো আরও জটিল।
উদাহরণস্বরূপ, আপনার ওয়েবসাইটের নেভিগেশনে যদি কেবল তিন বা চারটি আইটেম থাকে তবে এটি দেখতে সুন্দর হওয়া উচিত মোবাইল. তবে আপনার যদি আরও আইটেম এবং সাবমেনাস থাকে তবে তারা একে অপরের উপরে সজ্জিত হয়ে ভিড় করে দেখবে
মোবাইল বন্ধুত্বপূর্ণ ওয়েবসাইটের জন্য এই সমস্যাটি সমাধান করার কয়েকটি উপায় নীচে রয়েছে:
আপনার মোবাইল বন্ধুত্বপূর্ণ সাইটটি হঠাৎ কাজ বন্ধ করে দেয়, এটি আপনার সাইটের কোনও প্লাগইনের কারণে হতে পারে
একটি নতুন প্লাগইন ইনস্টল করা বা কোনও বিদ্যমান প্লাগইনে আপডেট হওয়া আপনার প্রতিক্রিয়াশীল বিন্যাসকে প্রভাবিত করে এমন অন্যদের সাথে দ্বন্দ্বের কারণ হতে পারে <
প্রতিটি প্লাগইন এটির কারণ কিনা তা একবারে নিষ্ক্রিয় করে শুরু করুন। এগুলি একবারে নিষ্ক্রিয় করবেন না বা কোন প্লাগইন অপরাধী হতে পারে তা আপনি জানতে পারবেন না
কোড পরিবর্তন অন্য সম্ভাব্য কারণ। যদি আপনি দুর্ঘটনাক্রমে বা ইচ্ছাকৃত কোনও কোড সংশোধন করে থাকেন তবে আসল কোডবেসটি পুনরুদ্ধার করুন এবং দেখুন আপনার প্রতিক্রিয়াশীল ওয়েবসাইটটি আবার কাজ শুরু করে কিনা
মোবাইল প্রতিক্রিয়াশীলতার জন্য আপনার সাইটটি পরীক্ষা করার সময় আপনার সর্বদা এটি একটি মোবাইল ডিভাইসে পরীক্ষা করা উচিত।
কখনও কখনও আপনার ডেস্কটপে ব্রাউজার উইন্ডোটির আকার পরিবর্তন করার সময় এটি কাজ করে বলে মনে হয় তবে মোবাইলে সঠিকভাবে প্রদর্শন করে না
যদি এইচটিএমএল শিরোলেখ ফাইল থেকে কোডের একটি লাইন অনুপস্থিত থাকে, এটি প্রতিক্রিয়াশীল নকশা ভাঙ্গতে পারে। অনুপস্থিত কোডের এই একক লাইনটি আপনার মোবাইল ডিভাইসটিকে আপনি যে সাইটটি দেখছেন এটি একটি সম্পূর্ণ আকারের ওয়েবসাইট বলে ধরে নেবে
রেন্ডার করা সাইটটি ভিউপোর্টের আকার হবে (অঞ্চলটির আয়তন হবে) ওয়েব পৃষ্ঠা যা ব্যবহারকারীর কাছে দৃশ্যমান)
আপনার মোবাইল বন্ধুত্বপূর্ণ সাইটটি ঠিক করতে নীচের কোডের লাইন শিরোনাম বিভাগে যুক্ত করুন:
<মেটা নাম = " ভিউপোর্ট "সামগ্রী =" প্রস্থ = ডিভাইস-প্রস্থ ">
<ডি ক্লাস =" অলস ডাব্লু-ব্লক-চিত্র "><চিত্র শ্রেণি =" অলস অ্যালিজেন্স্টার ">
কখনও কখনও যখন কোনও থিম আপডেট করা হয় তখন এই কোডটি অদৃশ্য হয়ে যেতে পারে
চিত্রগুলি অনুকূলকরণ এবং চিত্র ফাইলের আকার হ্রাস অর্থবোধ করে makes বড় আকারের চিত্রগুলি যা অপ্টিমাইজ করা হয়নি আপনার ওয়েবপৃষ্ঠাগুলির লোডিং গতিটি কমিয়ে দিতে পারে। এটি মোবাইল ব্যবহারকারীদের জন্য হতাশ হতে পারে
ওয়ার্ডপ্রেস সংস্করণ 4..৪ এবং তারপরে স্বয়ংক্রিয়ভাবে আপনার সার্ভারে একটি চিত্রের ক্ষুদ্রতম সংস্করণ সরবরাহ করে
আপনি যদি ইতিমধ্যে ওয়ার্ডপ্রেসের সর্বশেষতম সংস্করণটি চালিয়ে যাচ্ছেন তবে
কিছু ওয়েবসাইট ডেস্কটপে খোলার সময় খালি জায়গা পূরণ করার জন্য প্রচুর অপ্রয়োজনীয় সামগ্রী দিয়ে লোড করা হয়
মোবাইল ব্যবহারকারীদের সচেতন না করে গড়ে ওঠা ওয়েবসাইটগুলি সাধারণত এই বিভাগের আওতায় পড়ে। এই সাইটগুলি লোড হতে আরও সময় এবং ব্যান্ডউইদথ গ্রহণ করে।
পৃষ্ঠাগুলি যদি মোবাইল ডিভাইসগুলির জন্য উপযুক্তভাবে ডিজাইন না করা হয় তবে সামগ্রীর অংশটি বেশ কিছু স্ক্রোলিং ছাড়া মোবাইলে উপস্থিত নাও হতে পারে
বেশিরভাগ সময়, আপনার ওয়েবপৃষ্ঠায় একটি উপাদান কম্পিউটারে এক দিক এবং মোবাইল ডিভাইসে সম্পূর্ণ পৃথক দেখাবে
উদাহরণস্বরূপ, তিনটি কলামযুক্ত একটি মূল্য পৃষ্ঠা তাদের পাশাপাশি দেখিয়ে দেবে একটি কম্পিউটারে রয়েছে<ডি ক্লাস = "অলস ডাব্লুপি-ব্লক-চিত্র"><চিত্র শ্রেণি = "অলস অ্যালিজেন্স্টার">
তবে , কোনও মোবাইল ডিভাইসে, কলামগুলি একে অপরের উপরে সজ্জিত থাকে কারণ পর্দার আকার ছোট। এই আচরণটি প্রত্যাশিত।
নিশ্চিত করুন যে আপনার দামের টেবিলটি আপনার ওয়েবপৃষ্ঠায় শীর্ষ অবস্থানে রয়েছে যাতে এটি মোবাইলে দেখার সময় প্রথম প্রদর্শিত হবে। আপনার টেবিলে যদি আপনার প্রচুর পাঠ্য থাকে, মোবাইল ব্যবহারকারীরা এটি দেখতে নীচে স্ক্রোল করতে হবে এবং নাও পারে
সর্বাধিক অনুকূল মোবাইল ব্যবহারকারীর অভিজ্ঞতার জন্য, সামগ্রীর সমালোচনামূলক বিষয়বস্তুর শীর্ষে রাখুন পৃষ্ঠার যদি আপনার ব্যবহারকারীর আপনার সামগ্রীটি দেখার আগে তাদের যদি খুব বেশি স্ক্রোল করা প্রয়োজন হয় তবে তারা সম্ভবত তা করবে না
জটিল ব্যবহারকারী- টেবিল, মাল্টি-স্টেপ ফর্ম এবং উন্নত অনুসন্ধান বৈশিষ্ট্যগুলির মতো ইন্টারফেস উপাদানগুলি একটি দুর্বল মোবাইল ব্যবহারকারীর অভিজ্ঞতা তৈরি করতে পারে
এই উপাদানগুলিতে খুব বেশি তথ্য রয়েছে যা একটি মোবাইল স্ক্রিনে ভিড় করতে পারে এবং ব্যবহারকারীর তথ্য সন্ধানে হস্তক্ষেপ করতে পারে তারা চায়
একটি পদ্ধতি হ'ল মোবাইল ব্যবহারকারীদের কাছ থেকে কিছু সামগ্রী সরানো বা লুকানো। যাইহোক, এই উপাদানগুলিতে অ্যাক্সেস পেতে চান এমন দর্শকদের জন্য এটি আদর্শ সমাধান নয়
এই সমস্যাটি এড়াতে আপনার মোবাইল বান্ধব সাইটটিকে যথাসম্ভব অনুকূলিত করুন। এছাড়াও, আপনার ওয়েবসাইটের মূল কাঠামোর দিকে মনোনিবেশ করার সময় যে কোনও অপ্রয়োজনীয় উপাদানগুলি সরিয়ে ফেলুন
অনেকগুলি সারি এবং কলাম সহ জটিল টেবিল হতে পারে ছোট মোবাইল স্ক্রিনে যখন দেখা হয় তখন একটি সমস্যা। প্রতিক্রিয়াশীল টেবিলগুলি ব্যবহার করা সবচেয়ে ভাল সমাধান।
ডাব্লুপি প্রতিক্রিয়াশীল ছক এর মতো একটি প্লাগইন এটি সম্পাদন করা সহজ করে তুলতে পারে
উপরের মূল্য সারণীর মতো, যখন কোনও মোবাইল ডিভাইসে দেখা হবে, কলামগুলি স্ট্যাক করা হবে ছোট স্ক্রিনে ফিট করুন<ডি ক্লাস = "অলস WP-block-image"><চিত্র শ্রেণি = "অলস অ্যালিজেন্স্টার">
মোবাইল ডিভাইসে ডেটা দেখানোর অন্যান্য উপায়গুলির মধ্যে রয়েছে:
মোবাইল ব্যবহার যেহেতু তাত্পর্যপূর্ণভাবে বাড়ছে, ব্যবসায়ের ওয়েবসাইটগুলি মোবাইল বান্ধব সংস্করণগুলির সাথে অপ্টিমাইজ করা জরুরি imp উপরের পদক্ষেপগুলি অনুসরণ করে কার্যকারিতা ত্যাগ না করে ব্যবহারকারীর অভিজ্ঞতা বাড়িয়ে নিন
পারফরম্যান্স এবং ব্যবহারকারীর অভিজ্ঞতার উন্নতি করার জন্য আপনার প্রয়োজন সর্বদা আপনার সাইটের কর্মক্ষমতাও নজরদারি করা উচিত এবং টুইটগুলি করা উচিতএ
14.10.2019