প্রতিক্রিয়াশীল ওয়েব ডিজাইন গুরুতর - আপনি যদি একটি নতুন সাইট তৈরি করেন তবে আপনাকে অবশ্যই আপনার সাইটকে প্রতিক্রিয়াশীল করতে হবে। ইতিমধ্যে, 50% ট্র্যাফিক মোবাইল ডিভাইস এবং ট্যাবলেটগুলি থেকে এবং কেবল এটিই বৃদ্ধি পাচ্ছে না, এটি ইন্টারনেট ব্যবহারের স্পষ্ট প্রভাবশালী রূপ আসবে।
ক্ষুদ্র ভৌগলিক অঞ্চলগুলিকে লক্ষ্য করে এমন ছোট ব্যবসায়ের ক্ষেত্রে এটি আরও সমালোচনামূলক - এসইও একটি নতুন ছোট ব্যবসায়ের পক্ষে খুব কঠিন হতে চলেছে, তবে যদি আপনার পণ্যটি ভাল হয় তবে আপনি কী করছেন লোকেরা কত ভাগ করে তা সর্বাধিক করতে পারবেন ize
যখন সোশ্যাল মিডিয়া পড়ার কথা আসে, লোকেরা এখন প্রায়শই মোবাইল ডিভাইস ব্যবহার করে - সাধারণত সকালে বিছানায় এবং রাতে বিছানায়।
যদি আপনার সাইটটি কোনও মোবাইল ডিভাইসে অপ্রয়োজনীয় হয় তবে আপনার প্রাসঙ্গিক দর্শকদের কাছে যে শেয়ারগুলি ভাগ করে তা নষ্ট হয়ে যায়। আপনি এটি চান না। এটি এড়ানোর জন্য এটি সমালোচনামূলক।
প্রতিক্রিয়াশীল বা পৃথক কোড সম্পর্কিত: প্রতিক্রিয়াশীল ডিজাইনের প্রাথমিক নেতিবাচক দিকটি হ'ল এটি পৃথক কোড বেসগুলির মতো তত দ্রুত নয়। এই গতির ক্ষতি নগণ্য হতে চলেছে, অবশ্যই একটি ছোট স্থানীয় ব্যবসায়ের ক্ষেত্রে যখন অন্যান্য কারণগুলি ব্যবহারকারীদের মনে পপ করতে পারে যে সাইটটি অন্যদের তুলনায় ২.২ সেকেন্ডও কম।
প্রতিক্রিয়াশীল ডিজাইনের বড় সুবিধাটি হ'ল আপনি একই কোডবেসটি রাখেন। এটি রক্ষণাবেক্ষণ ব্যয়, পরীক্ষার ব্যয় এবং উন্নয়ন ব্যয় হ্রাস করে।
এসইও-তে বড় জিনিস হ'ল 'সাইট কোয়ালিটি' - সাইটের গুণমান পরিমাপ করা কঠিন, তবে সাধারণত গুগল এই কথাটি পরিমাপ করতে সাইটের উপর বাউন রেট এবং সময় ব্যবহার করে। যদি আপনার সাইটটি মোবাইলে সফল হয় তবে আপনার 50% ট্র্যাফিকের উচ্চ বাউন্স রেট এবং কম ব্যস্ততার সাথে (পৃষ্ঠায় 10 সেকেন্ডেরও কম) বেশি সংখ্যক দর্শনার্থী চলেছে।
এটি আপনাকে গুগল জরিমানার ঝুঁকিতে ফেলেছে - গুগল পান্ডা এবং নতুন (গত সপ্তাহে) সঠিক ম্যাচ ডোমেন জরিমানা দেখুন, উভয়ই সাইটগুলিকে 'নিম্ন মানের' থাকার জন্য শাস্তি দেয়।
এই পদ্ধতিটি ব্যবহার করে ব্যবসায়ের জন্য কোনও ওয়েবসাইটকে অনুকূলকরণ করার সময় আপনি যে প্রধান সমস্যাগুলির মধ্যে পড়তে পারেন সেগুলি হ'ল এটি একটি নতুন গুঞ্জনপ্রবন্ধ, প্রত্যেকের এটির প্রয়োজন so
উদাহরণস্বরূপ, আমি সম্প্রতি একটি ওয়েবসাইট তৈরি করেছি যার দোকান, ফোরাম, একটি প্রশ্নোত্তর অধ্যায় পাশাপাশি বিভিন্ন অন্যান্য পৃষ্ঠা, ব্লগ ইত্যাদি প্রায় এক দিনের মধ্যে সমস্ত ডিভাইসের জন্য সম্পূর্ণ প্রতিক্রিয়াযুক্ত।
আপনাকে যা করতে হবে তার মূল কথাগুলি এখানে:
- বডি প্যাডিং এবং মার্জিনগুলি সামঞ্জস্য করুন
- পরিবর্তে বাম বা ডান পাশের মেনুগুলিকে ড্রপ ডাউনগুলিতে সরান, সম্ভবত তাদের উপরের বিকল্পগুলির বোতামের নীচে লুকিয়ে রাখুন।
- ধারকগুলিকে পুনরায় আকার দিন, যেখানে আপনি পারেন 100% প্রস্থ ব্যবহার করুন
- আপনার সমস্ত চিত্র 100% প্রস্থে পরিবর্তন করুন
- ফোনে কোন জিনিসগুলির প্রয়োজন নেই তা ঠিক করুন (বিজ্ঞাপনগুলি?) এবং সেগুলি সরিয়ে ফেলুন (প্রদর্শন: কিছুই নয়)
এখানে কিছু নমুনা কোড রয়েছে:
@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}
যা করে তা হ'ল স্মার্টফোনগুলি (সর্বোচ্চ প্রস্থ 480px সহ) থেকে 'শ্রেণিবদ্ধ বিজ্ঞাপন' দিয়ে কিছু সরিয়ে দেয় এবং শরীরের প্রান্তিকতা হ্রাস করে।
আপনি যদি কোনও নতুন সাইট তৈরি করছেন তবে এটি তৈরি করা আরও সহজ কারণ আপনি নিশ্চিত করতে পারেন যে আপনি পরিষ্কার ক্লাস এবং সমস্ত ডিভাইসের সাথে মানিয়ে নিতে ভাল স্টাইলিং সহ একটি পরিষ্কার নকশা তৈরি করেছেন।
আশা করি এটা কাজে লাগবে!