প্রতিক্রিয়াশীল ওয়েব ডিজাইন কতটা গুরুত্বপূর্ণ?


29

আমি সম্প্রতি প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করার পক্ষে এবং বিভিন্ন বিষয়ে মতামত শুনেছি এবং ভাবছিলাম যে ক্ষুদ্র ব্যবসাগুলিতে প্রতিক্রিয়াশীল ওয়েব ডিজাইন বাস্তবায়নের জন্য ক্ষুদ্র ভৌগলিক অঞ্চলগুলিকে লক্ষ্য করা প্রয়োজন কিনা?

এটি সম্পর্কে আমার কয়েকটি উপ-প্রশ্নগুলির মধ্যে রয়েছে:

  1. বিভিন্ন মাত্রা / ডিভাইসের জন্য পৃথক কোড ব্যবহার করার বিপরীতে প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করা কি ভাল?

  2. এটি এসইওকে (ইতিবাচক বা নেতিবাচকভাবে) প্রভাবিত করতে পারে?

  3. এই ডিজাইন পদ্ধতিটি ব্যবহার করে ব্যবসায়ের জন্য কোনও ওয়েবসাইটকে অনুকূলকরণের সময় আমি যে প্রধান সমস্যাগুলি শুরু করতে পারি?


আপনি আসলে বিষয়বস্তুটি সংশোধন না করে আপনার শিরোনাম প্রশ্নে একটি কঠোর পরিবর্তন করেছেন । আপনি কি সত্যিই এটি সম্পর্কে নিশ্চিত? (ইঙ্গিত: উত্তর এখন "না।")
সু '

@ সু 'এর জন্য দুঃখিত, আমি ঠিক বুঝতে পেরেছি যে উত্তরগুলি আমি পেয়ে যাব তা সম্পূর্ণরূপে বদলে যাবে তাই আমি একটি' রোলব্যাক 'করেছি
লাইফটাইম

1
কতটা জরুরী? বেশিরভাগ সাইটের জন্য শূন্যের গুরুত্ব কম। কোনও অ্যাপ বা সরঞ্জামের জন্য আরও বেশি (1) প্রতিক্রিয়াশীল বনাম অভিযোজিত? একেক ব্যক্তি থেকে একেক প্রকল্পে প্রজেক্টে পরিবর্তিত হয়। সংক্ষেপে কোনও পদ্ধতিই ভাল নয় এবং ব্যবহারগুলি সাইটের দর্শকদের উপরও নির্ভর করে। (২) এসইওকে প্রভাবিত করে? নং (৩) মূল সমস্যা? আপনাকে আরও পরীক্ষা করতে হবে, আরও বাগ ঠিক করতে হবে এবং আরও কোড দিতে হবে, প্রস্থ হ্রাস করার সময় কিছু জিনিস কাজ করবে না এবং কিছুগুলি আপনি অপসারণ বা পরিবর্তন করলে TOS (অ্যাডসেন্স) ভায়োলিয়েট করবে। এখানে এই ভিডিওতে ওয়েব অ্যাপসের জন্য 10 গুরুত্বপূর্ণ বৈশিষ্ট্য রয়েছে যা এই প্রোগ্রামটিতে সবচেয়ে সাইট কোন পথে ক্ষেত্রে প্রযোজ্য এর vimeo.com/10510576
এন্থনি Hatzopoulos

উত্তর:


21

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

বিভিন্ন উপায়ে, এটি ক্ষুদ্র, স্থানীয়করণের ব্যবসায়ের ক্ষেত্রে বিশেষত সত্য: সম্ভবত যথেষ্ট পরিমাণে মোবাইল অনুসন্ধান সন্ধানের কাছাকাছি জিনিসগুলি সন্ধান করার দিকে মনোনিবেশ করে - কোনও দোকান খুঁজে বের করার কথা ভাবেন, বিশ্রাম নেওয়া ইত্যাদি etc.

২০১২ সালের মে পর্যন্ত, স্মার্টফোনের নকশা করার সময় প্রতিক্রিয়াশীল ডিজাইন হ'ল গুগলের প্রস্তাবিত শিল্পের সেরা অনুশীলন। অন্যতম প্রধান সুবিধা হ'ল আপনি একটি সাইট চালাচ্ছেন: এটি ডিজাইন, নির্মাণ, রক্ষণাবেক্ষণ এবং প্রচার করার জন্য একটি সাইট। এটা দক্ষ।

এসইও দৃষ্টিকোণ থেকে, একটি পৃথক মোবাইল সাইট হোস্টিং, উদাহরণস্বরূপ ডটকম, এর অর্থ আপনার দুটি পৃথক সাইটকে অনুকূলিত করা এবং আপনার ব্যবসায়ের মান (পেজর্যাঙ্ক, কর্তৃত্ব ইত্যাদি) দুটি অবস্থানের মধ্যে ভাগ করে নেওয়া দরকার। আপনি একইভাবে ইউআরএল-এজেন্ট সনাক্তকরণের মাধ্যমে একই ইউআরএল বিষয়বস্তু পরিবেশন করে এড়াতে পারবেন, তবে এটি চেষ্টাটির অনুলিপি (এটি এখনও 2 পৃথক সাইট) এর সাথে মোকাবেলা করে না এবং এটি আরও প্রযুক্তিগত চ্যালেঞ্জগুলিও প্রবর্তন করে, যেমন আপনার ব্যবহারকারী-এজেন্টকে নিশ্চিত করা সনাক্তকরণ কাজ করে এবং তা আপ টু ডেট রাখে, যে অনুসন্ধান ইঞ্জিনগুলি সঠিক সূচীতে সঠিক সামগ্রীকে সূচক করে দেয় ইত্যাদি etc.

সব মিলিয়ে, প্রতিক্রিয়াশীল নকশা একটি মার্জিত সমাধান।

আপনার অন্যান্য প্রশ্নের উত্তর দিতে:

  1. উপরের দিকে ছোঁয়া, তবে মোবাইল বাজার কত দ্রুত বিকাশ করে তা বিবেচনা করুন। আপনার মোবাইল সমাধানটি যতটা নমনীয় হবে ততটুকু চালিয়ে যাওয়ার জন্য আপনার যত কম দরকার।

  2. আপনি যেটির সাথে তুলনা করছেন তা নির্ভর করে, তবে উপরে উল্লিখিত হিসাবে, অন্য দুটি প্রধান বিকল্পগুলির মধ্যে দুটিতেই তাদের সাথে গুরুত্বপূর্ণ এসইও চ্যালেঞ্জ যুক্ত রয়েছে।

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

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

এই প্রশ্নোত্তর ভবিষ্যতে উল্লেখযোগ্যভাবে মজাদারভাবে চার বছর পড়ে।
dwjohnston

12

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

ব্লগ এবং সিএমএসের জন্য সেখানে বেশ কয়েকটি সাশ্রয়ী মূল্যের (সস্তা বলার অপেক্ষা রাখে না) থিম রয়েছে আপনি অবিলম্বে চেষ্টা করে দেখতে পারেন যে আপনি কী পান তা আপনার পছন্দ (আপনার সমস্ত বা আপনার গ্রাহকের কিছু ডিভাইস দিয়ে যাচাই করুন)।

  1. যতক্ষণ না আপনার বিশেষ কারণ থাকতে হবে সর্বদা একটি কোডবেসে ফোকাস করার চেষ্টা করুন। একটি কারণ হতে পারে আপনি একটি "ওয়েব অ্যাপ্লিকেশন" এর মতো একটি বিশেষায়িত ওয়েবসাইট অফার করতে চান।

  2. এসইও: না। একটি অ-প্রতিক্রিয়াশীল লেআউট হিসাবে ভাল এবং খারাপ।

  3. শুরুতে আপনাকে আরও কিছু পরিকল্পনা করতে হবে। ক্ষুদ্রতম ডিভাইসে কোন সামগ্রী প্রদর্শিত হবে, সামগ্রীর ক্রমটি কেমন হওয়া উচিত? জিনিস যেমন। বা: আমার সামগ্রীগুলি কি আমার সমর্থিত প্রতিটি মাত্রায় ভাল দেখাচ্ছে? আপনি কেবল ব্রাউজার-মাপানো চিত্রই সরবরাহ করতে পারবেন না তবে আসল-আকারিত চিত্রগুলিও সরবরাহ করতে প্রতিটি মাত্রার জন্য আপনার চিত্রগুলির আকারগুলি অনুকূল করতে চাইতে পারেন। যদি আপনার সিএমএস সমর্থন না করে তবে এটি আরও কিছু কাজ।

যদি আপনি কোনও বাহ্যিক উত্স থেকে বিজ্ঞাপনগুলি অন্তর্ভুক্ত করার পরিকল্পনা করেন তবে প্রদত্ত ফর্ম্যাটগুলি একসাথে ভাল খেলে কিনা তাও আপনাকে যাচাই করতে হবে।

সম্পাদনা:

আমাকে যোগ করতে দিন যে আপনার কাছে যদি historicalতিহাসিক ওয়েব অ্যানালিটিক্স ডেটা উপলব্ধ থাকে (গুগল অ্যানালিটিক্স বলুন) আপনি সহজেই মোবাইল বনাম নন-মোবাইল ব্যবহারকারীদের সংখ্যা অনুসন্ধান করতে পারেন, ব্যবহৃত ডিভাইসগুলি সনাক্ত করতে পারেন (আসল হার্ডওয়্যারের নিচে) এবং স্ক্রিন রেজোলিউশনগুলি একবার দেখে নিতে পারেন ("তারা কি আসলে আমার পৃষ্ঠাগুলি দেখতে পাবে বা এর একটি মাত্র অংশ এবং স্ক্রোল করতে হবে?")।

দ্বিতীয় সম্পাদনা:

এই পোস্ট অনুসারে "মোবাইল ওয়েবসাইট বনাম প্রতিক্রিয়াশীল ডিজাইন: আপনার ব্যবসায়ের সঠিক সমাধান কী?" "গুগল অ্যানালিটিক্স ব্লগে কোনও প্রতিক্রিয়াশীল ডিজাইন মাথায় রেখে তৈরি করা কোনও সাইটের এই পেশাদার রয়েছে:

  • হালনাগাদ করা সহজ
  • অনুসন্ধান ইঞ্জিনগুলির জন্য অনুকূলিত
  • রূপান্তর যুক্ত করা এবং কোডগুলি পুনর্নির্দেশ করা

পৃথক মোবাইল সাইটের পেশাদাররা:

  • মোবাইল ব্যবহারকারীর প্রয়োজনের জন্য ডিজাইনিং
  • কুইকের সাইট তৈরি
  • দুর্দান্ত DIY বিকল্পগুলি

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

গুগল ডেভেলপারগুলিতে "বিল্ডিং মোবাইল-অপ্টিমাইজড ওয়েবসাইটগুলি" বলছে:

"গুগল ওয়েবমাস্টারদের প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহারের সর্বোত্তম অনুশীলন অনুসরণ করার পরামর্শ দেয়, নামটি সমস্ত ডিভাইসগুলির জন্য একই এইচটিএমএল পরিবেশন করে [...]"


2
গুগল আসলে আপনার সাইটটিকে লোড হতে আরও বেশি সময় নিলে নীচে রেঙ্ক করবে।
স্টিফান ডোনাল

2
@ রুইরাইজ হ্যাঁ তবে ... তিনি জিজ্ঞাসা করেছিলেন যে রেসপন্সিয়াল ডিজাইনের এসইওতে নেতিবাচক প্রভাব রয়েছে কিনা। এবং প্রতিক্রিয়াশীল ডিজাইন কোনও পৃষ্ঠা লোড করতে দীর্ঘায়িত করে না। সুতরাং "না"। আপনি যদি এটি করতে চান
তবেই

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

1
@ নিক অবশ্যই, যদি আপনি একটি মোবাইল অপ্টিমাইজড সাইটটিকে আরও জেনেরিক (প্রতিক্রিয়াশীল) সাথে তুলনা করেন, তবে বিজয়ী ... অবাক হওয়ার মতো নয়। এটি একটিতে কিছু গ্যাটাচকে
মোবাইল

3

আমি প্রথমে বুঝতে পারি যে "প্রতিক্রিয়াশীল নকশা" (আরডি) একটি বাজে-শব্দ (যদি আমি প্রস্থকে রাখি: 100% একটি উপাদানকে আমার কাছে আরডি আছে, অতিরঞ্জিত করার জন্য) এবং এর জন্য এর গুরুত্ব এটির চেয়ে বেশি গুরুত্বপূর্ণ প্রদর্শিত হয় সত্যিই শেষ হিসাবে এটি সব কিছুর মতো শর্তযুক্ত।

আরডি বাস্তবায়ন করা কি দরকার?

এর উত্তরের জন্য আপনাকে কয়েকটি সংজ্ঞা দেওয়া দরকার:

  1. আপনার লক্ষ্য শ্রোতা কে
  2. আপনার লক্ষ্য কী ধরণের শ্রোতা
  3. আপনার ওয়েবসাইটের সাথে উদ্দেশ্য কী
  4. কোথায় থেকে আপনার ওয়েবসাইট অ্যাক্সেস করা হবে (বেশিরভাগ ক্ষেত্রে)
  5. প্রভৃতি

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

বিভিন্ন মাত্রা / ডিভাইসের জন্য পৃথক কোড ব্যবহার করার বিপরীতে প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করা কি ভাল?

ইউআই এর জটিলতা এবং আপনি কীভাবে এটি ব্যবহার করবেন তার উপর নির্ভর করে। একটি সাধারণ পৃষ্ঠা বেশিরভাগ ক্ষেত্রে বিভিন্ন প্রদর্শনীর জন্য সিএসএসের বিভিন্ন সেট ব্যবহার করে রেন্ডার করা যেতে পারে। তবে আরও জটিল বা পরিশীলিত ইউআইগুলির জন্য বিভিন্ন পদ্ধতির প্রয়োজন হতে পারে তাই কোন ডিভাইসটি ব্যবহৃত হয় তার উপর নির্ভর করে কোনও পৃথক পৃষ্ঠা কাঠামো এবং কৌশল উপস্থাপন করা বুদ্ধিমানের হতে পারে (উদাহরণস্বরূপ গুগল মানচিত্র, মাল্টি-টাচ ইন্টারফেস ..)।

এটি এসইওকে (ইতিবাচক বা নেতিবাচকভাবে) প্রভাবিত করতে পারে?

এসইও ডিজাইনের চেয়ে সামগ্রী সম্পর্কে বেশি more তারা ডিজাইন যদিও নকশা / লেআউট, ওজন কিনা তা কেবল গুগলই জানেন তবে সাধারণভাবে যদি আপনার বিষয়বস্তু উচ্চ মানের হয় তবে এটি প্রকৃত নকশার চেয়ে বেশি ওজনযুক্ত হবে।

এই ডিজাইন পদ্ধতিটি ব্যবহার করে ব্যবসায়ের জন্য কোনও ওয়েবসাইটকে অনুকূলকরণের সময় আমি যে প্রধান সমস্যাগুলি শুরু করতে পারি?

এটি ভুল দর্শকদের জন্য ডিজাইন করা। আপনার টার্গেটের বিশ্লেষণ করুন এবং সম্ভব হলে আপ টু ডেট প্রযুক্তিগত ডেটা সরবরাহ করুন (যেমন প্ল্যাটফর্ম সম্পর্কিত তথ্য সরবরাহকারী দর্শনার্থীরা)

নতুন প্রযুক্তি সর্বদা ঝুঁকিপূর্ণ, রেফ। ফেসবুকের জন্য HTML5 সমস্যা। এটি এই মুহুর্তে সম্পূর্ণ পরিপক্ক নয় এবং আইআই 6 বনাম মান সমস্যাগুলির মতো বিভিন্ন সমস্যাটিকে আমন্ত্রণ জানায়।

এটি যতটা সম্ভব সহজ রাখুন। অভিনব ওয়েব পৃষ্ঠাগুলি কেবল খুব অল্প সময়ের জন্য মূল্যবান যখন না ব্যবহারকারীকে সত্যই আপনার পৃষ্ঠাটি ব্যবহার করতে হয়। এটির প্রতিটি ক্লিকের জন্য বিবর্ণ হওয়ার জন্য যদি এটি 1/2 সেকেন্ড অপেক্ষা করতে হয় তবে ব্যবহারকারী বরং দ্রুত হারিয়ে যাবে। জিনিস যেমন।


1
আপনার উত্তরের কিছু অংশের কাছে পরিষ্কার নয় : "নমনীয়" বা "তরল" ধারণার সাথে "প্রতিক্রিয়াশীল নকশা" মিশ্রণ করবেন না। স্ক্রিনের আকার অনুসারে একটি প্রতিক্রিয়াশীল ডিজাইনটি "স্থির" মনে হতে পারে, কারণ এটি ব্রাউজারের প্রস্থের ভিত্তিতে বিভিন্ন সিএসএস সরবরাহ করার জন্য মিডিয়া প্রশ্নের উপর নির্ভর করে। এটি "প্রস্থ: 100%" নয়। আমি এটিকে "বাজ-টার্ম" বলব না কারণ এটি একটি যুক্তিসঙ্গত ধারণা, একটি বর্তমান সমস্যাটির দুর্দান্ত উত্তর এবং কেবল কোনও হাইপ নয়। এসইও সম্পর্কিত: কমপক্ষে গুগল কেবলমাত্র অন্য-থিমের বিন্যাসের বিপরীতে পৃথক পৃথক সনাক্তকরণের জন্য কিছু প্রচেষ্টা করেছে; আবার: প্রতি সেমি আরডি খারাপ বা ভাল না, আপনার সামগ্রীর উপর নির্ভর করে।
initall

1
100% 'স্থির' মন্তব্যের পিছনে, যদিও এটি জলাবদ্ধ। কর্মক্ষেত্রে আমার প্রতিক্রিয়াশীল সাইটগুলি তরল অভ্যন্তরীণ উপাদানগুলির সাথে স্থির করা হয়েছে। আমি যুক্তি দিয়ে বলব যে এই মুহুর্তে এটি একটি গুঞ্জন-শব্দটির সামান্য বিট তবে আমি খুব শীঘ্রই কল্পনা করি যে এটি কেবল ওয়েব ডিজাইন / বিকাশ হিসাবে পরিচিত হবে। আমি মনে করি সংস্থাগুলির প্রতিক্রিয়াশীল হওয়ার পরিবর্তে কোনও মোবাইল সাইট থাকলে এসইও প্রভাবটি আসতে পারে ... তবে, এই এসইও বুদ্ধিমানের প্রভাব সম্পর্কে আমার কোনও ধারণা নেই।
DBUK

2

আমি অন্য উত্তরগুলিতে স্কিম করেছিলাম, আমি যদি অতিরিক্ত কাজ করি তবে আমাকে ক্ষমা করুন ... আমি প্রতিদিন এই সময়ে 8+ ঘন্টা প্রতিদিনের জন্য প্রতিক্রিয়াশীল নকশা করছি ... আমার ক্লায়েন্টরা এটি চায় কারণ তারা মোবাইল ব্যবহারকারীদের একটি 'অনন্য' থাকতে চায় অভিজ্ঞতা, আমার নিয়োগকর্তারা এটি চান কারণ এটি Google পছন্দসই পদ্ধতি হিসাবে গর্বিত এবং ভাল স্ট্রিমলাইন করে। (এবং যদি গুগল এমন কিছু করার উপায় হিসাবে উত্সাহিত করে তবে সম্ভবত এসইওর পক্ষে ভালভাবে কাজ করবে)

বিভিন্ন মাত্রা / ডিভাইসের জন্য পৃথক কোড ব্যবহার করার বিপরীতে প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করা কি ভাল?

আমি বলব এটি ভাল, হ্যাঁ। আপনার বেশিরভাগ কোড একই আইনের অ্যাপ্লিকেশন, একটি ড্রয়েড অ্যাপ্লিকেশন, একটি আইপ্যাড অ্যাপ্লিকেশন, একটি কিন্ডেল অ্যাপ্লিকেশন লেখার চেয়ে কম কাজের ফলাফল হিসাবে কোড .... আপনি পয়েন্টটি পান।

এটি এসইওকে (ইতিবাচক বা নেতিবাচকভাবে) প্রভাবিত করতে পারে?

নকশা বিন্দু থেকে, আমি এটিকে নিরপেক্ষ মনে করি; তবে একটি পরিসংখ্যানের দিক থেকে আমার প্রতিক্রিয়াশীল ডিজাইনগুলি সত্যিই ভাল করছে। ক্লায়েন্টরা এগুলি ভালবাসেন এবং গ্রাহকরা সেগুলি ব্যবহার করতে পছন্দ করেন।

এই ডিজাইন পদ্ধতিটি ব্যবহার করে ব্যবসায়ের জন্য কোনও ওয়েবসাইটকে অনুকূলকরণের সময় আমি যে প্রধান সমস্যাগুলি শুরু করতে পারি?

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

আমি কিছু প্রতিক্রিয়াশীল নকশা শেখার এবং চেষ্টা করার পরামর্শ দিচ্ছি। এই সাইটটি একটি লাফ শুরু করার জন্য দেখুন: http://html5boilerplate.com

শিরোনামে প্রশ্নের উত্তর দেওয়ার জন্য: এটি গুরুত্বপূর্ণ এবং এটি সম্পর্কে এবং এটির জন্য কীভাবে নকশা করা যায় সে সম্পর্কে আপনাকে সচেতন হওয়া উচিত এবং আপনার ক্লায়েন্টটি সেট হয়ে যাওয়ার কারণে আপনার এই অবস্থানটি রক্ষা করার জন্য আপনাকে প্রস্তুত হওয়া উচিত? এই নকশা থাকার উপর। আমার অভিজ্ঞতা থেকে, ক্লায়েন্ট এবং গ্রাহকরা সকলেই প্রতিক্রিয়াশীল নকশাকে পছন্দ করে। খুশি গ্রাহকরা এবং খুশি ক্লায়েন্টরা আমার তা অনুসরণ করার যথেষ্ট কারণ রয়েছে :)


1

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

ক্ষুদ্র ভৌগলিক অঞ্চলগুলিকে লক্ষ্য করে এমন ছোট ব্যবসায়ের ক্ষেত্রে এটি আরও সমালোচনামূলক - এসইও একটি নতুন ছোট ব্যবসায়ের পক্ষে খুব কঠিন হতে চলেছে, তবে যদি আপনার পণ্যটি ভাল হয় তবে আপনি কী করছেন লোকেরা কত ভাগ করে তা সর্বাধিক করতে পারবেন ize

যখন সোশ্যাল মিডিয়া পড়ার কথা আসে, লোকেরা এখন প্রায়শই মোবাইল ডিভাইস ব্যবহার করে - সাধারণত সকালে বিছানায় এবং রাতে বিছানায়।

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

প্রতিক্রিয়াশীল বা পৃথক কোড সম্পর্কিত: প্রতিক্রিয়াশীল ডিজাইনের প্রাথমিক নেতিবাচক দিকটি হ'ল এটি পৃথক কোড বেসগুলির মতো তত দ্রুত নয়। এই গতির ক্ষতি নগণ্য হতে চলেছে, অবশ্যই একটি ছোট স্থানীয় ব্যবসায়ের ক্ষেত্রে যখন অন্যান্য কারণগুলি ব্যবহারকারীদের মনে পপ করতে পারে যে সাইটটি অন্যদের তুলনায় ২.২ সেকেন্ডও কম।

প্রতিক্রিয়াশীল ডিজাইনের বড় সুবিধাটি হ'ল আপনি একই কোডবেসটি রাখেন। এটি রক্ষণাবেক্ষণ ব্যয়, পরীক্ষার ব্যয় এবং উন্নয়ন ব্যয় হ্রাস করে।

এসইও-তে বড় জিনিস হ'ল 'সাইট কোয়ালিটি' - সাইটের গুণমান পরিমাপ করা কঠিন, তবে সাধারণত গুগল এই কথাটি পরিমাপ করতে সাইটের উপর বাউন রেট এবং সময় ব্যবহার করে। যদি আপনার সাইটটি মোবাইলে সফল হয় তবে আপনার 50% ট্র্যাফিকের উচ্চ বাউন্স রেট এবং কম ব্যস্ততার সাথে (পৃষ্ঠায় 10 সেকেন্ডেরও কম) বেশি সংখ্যক দর্শনার্থী চলেছে।

এটি আপনাকে গুগল জরিমানার ঝুঁকিতে ফেলেছে - গুগল পান্ডা এবং নতুন (গত সপ্তাহে) সঠিক ম্যাচ ডোমেন জরিমানা দেখুন, উভয়ই সাইটগুলিকে 'নিম্ন মানের' থাকার জন্য শাস্তি দেয়।

এই পদ্ধতিটি ব্যবহার করে ব্যবসায়ের জন্য কোনও ওয়েবসাইটকে অনুকূলকরণ করার সময় আপনি যে প্রধান সমস্যাগুলির মধ্যে পড়তে পারেন সেগুলি হ'ল এটি একটি নতুন গুঞ্জনপ্রবন্ধ, প্রত্যেকের এটির প্রয়োজন so

উদাহরণস্বরূপ, আমি সম্প্রতি একটি ওয়েবসাইট তৈরি করেছি যার দোকান, ফোরাম, একটি প্রশ্নোত্তর অধ্যায় পাশাপাশি বিভিন্ন অন্যান্য পৃষ্ঠা, ব্লগ ইত্যাদি প্রায় এক দিনের মধ্যে সমস্ত ডিভাইসের জন্য সম্পূর্ণ প্রতিক্রিয়াযুক্ত।

আপনাকে যা করতে হবে তার মূল কথাগুলি এখানে:

  1. বডি প্যাডিং এবং মার্জিনগুলি সামঞ্জস্য করুন
  2. পরিবর্তে বাম বা ডান পাশের মেনুগুলিকে ড্রপ ডাউনগুলিতে সরান, সম্ভবত তাদের উপরের বিকল্পগুলির বোতামের নীচে লুকিয়ে রাখুন।
  3. ধারকগুলিকে পুনরায় আকার দিন, যেখানে আপনি পারেন 100% প্রস্থ ব্যবহার করুন
  4. আপনার সমস্ত চিত্র 100% প্রস্থে পরিবর্তন করুন
  5. ফোনে কোন জিনিসগুলির প্রয়োজন নেই তা ঠিক করুন (বিজ্ঞাপনগুলি?) এবং সেগুলি সরিয়ে ফেলুন (প্রদর্শন: কিছুই নয়)

এখানে কিছু নমুনা কোড রয়েছে:

@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}

যা করে তা হ'ল স্মার্টফোনগুলি (সর্বোচ্চ প্রস্থ 480px সহ) থেকে 'শ্রেণিবদ্ধ বিজ্ঞাপন' দিয়ে কিছু সরিয়ে দেয় এবং শরীরের প্রান্তিকতা হ্রাস করে।

আপনি যদি কোনও নতুন সাইট তৈরি করছেন তবে এটি তৈরি করা আরও সহজ কারণ আপনি নিশ্চিত করতে পারেন যে আপনি পরিষ্কার ক্লাস এবং সমস্ত ডিভাইসের সাথে মানিয়ে নিতে ভাল স্টাইলিং সহ একটি পরিষ্কার নকশা তৈরি করেছেন।

আশা করি এটা কাজে লাগবে!


1

আমি কেবল একটি ভিন্ন দৃষ্টিকোণ দিয়ে আঁকতে চাই:

না, এটি বাধ্যতামূলক বা এমনকি প্রস্তাবিত নয়। এটি আপনার টার্গেট শ্রোতা কে on আপনার বিশ্লেষণগুলি দেখুন এবং দেখুন মোবাইল থেকে শতকরা কত শতাংশ আসে এবং মোবাইলে আসে তাদের মধ্যে আপনার ডেস্কটপ ব্যবহারকারীদের তুলনায় কোনও উল্লেখযোগ্য পরিমাণ হ্রাস পাবে কি?

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

যতক্ষণ না এটির পরিবর্তনের ব্যয় যুক্তিসঙ্গত হয়, ততক্ষণ কেবল আমাদের এটি করার জন্য কোনও আর্থিক উত্সাহ নেই। 50% ব্যবহারকারীর মতো সুস্পষ্ট বিবৃতিগুলি মোবাইলে রয়েছে বা কিছু ব্যবহার কেবল তখনই প্রযোজ্য যদি সমস্ত ব্যবহারকারী আপনার লক্ষ্য দর্শক হয়। অন্যথায় এটি সম্পূর্ণ অপ্রাসঙ্গিক এবং খারাপ যুক্তি অনুসরণ করা।

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

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.