এসইও - প্রতিক্রিয়াশীল ওয়েবসাইট এবং নকল মেনু


16

আমি যখনই কোনও প্রতিক্রিয়াশীল ওয়েবসাইট তৈরি করি আমি সাধারণত 2 টি মেনু তৈরি করি: 1 লুকানো এবং মোবাইলের জন্য ব্যবহৃত এবং অন্যটি মূল মেনু হিসাবে প্রদর্শিত হয়, তারপরে মোবাইল মেনুটি দেখানোর জন্য লুকানো থাকে। যখনই এটি SEO এবং মাকড়সার ওয়েবসাইটটি নেভিগেট করতে আসে তখন আমি নকল মেনু থাকার জন্য ডিন্ড পাই? এই মেনুটি মোবাইলের জন্য এবং এটিই মূল?

আমার 2 টি ভিন্ন মেনু থাকার শেষ কারণটি হ'ল লোকেশন, সাধারণত মূল মেনুটি লোগো ইত্যাদির নীচে কোনও ধরণের বারে থাকে তবে মোবাইল মেনুতে আমি সমস্ত কিছুর উপরে চাই তাই লোগো ইত্যাদির উপরে etc.


1
প্রতিক্রিয়াশীল অনুসন্ধানগুলি কেন ব্যবহার করবেন না এবং মেনুটি তৈরি করবেন না position:fixedবা position:absoluteঅতিরিক্ত হিসাবে বুটস্ট্র্যাপ এবং জুরব ফাউন্ডেশনের মতো বেশিরভাগ ফ্রেমওয়ার্কগুলিতে কোয়েরি টান রয়েছে যা কোন ডিভাইসে পৃষ্ঠাটি অ্যাক্সেস করছে তার ভিত্তিতে উপাদানগুলি সরিয়ে নিতে পারে ...
সাইমন হাইটার

আপনি যদি 2 টি মেনু তৈরি করেন তবে এটি প্রতিক্রিয়াশীল নয়। একটি প্রতিক্রিয়াশীল মেনুগুলি একই <nav>বিষয়বস্তু ব্যবহার করে এবং নির্দিষ্ট মিডিয়া ক্যোয়ারী ব্রেকপয়েন্টকে আলাদাভাবে স্টাইল করে।
hexalys

@ হেক্সালিজ অগত্যা নয়। আমার কাছে "মেইন ডেস্কটপ নেভিগেশন" এর জন্য একটি আংশিক মেনু থাকতে পারে, তারপরে একটি "মোবাইল মেনু" আরও পূর্ণ নেভিগেশন সহ, <nav>কেবলমাত্র মোবাইল সংস্করণে আরও আইটেম প্রদর্শিত হচ্ছে যাতে নেভিগেট করা আরও সহজ।
Howdy_McGee

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

@ হেক্সালিজ আমি মনে করি যে এখানে বিভিন্ন উপকার ও বিবাদ রয়েছে; উভয়ের যথাক্রমে তাদের স্থান রয়েছে এটি কেবল পরিস্থিতির উপর নির্ভর করে। যেহেতু আমি এটি জিজ্ঞাসা করেছি আমি একটি একক মেনুতে আরও অনুগ্রহ পেয়েছি তবে এমন দুটি কিছুই দেখেনি যা বলে যে দুটি পৃথক মেনু থাকা খারাপ জিনিস বা এটি এসইওতে ডিনড হচ্ছে।
Howdy_McGee

উত্তর:


9

আপনার উদ্বিগ্ন হওয়ার কিছু নেই। আপনি display: none;মেনুগুলি স্যুইচ করতে ব্যবহার করতে পারেন। জেএস এবং সিএসএস বোঝার জন্য অনুসন্ধান ইঞ্জিনগুলি আরও ভাল।

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

প্রদর্শনটি ব্যবহার করা কতটা খারাপ: সিএসএসে কোনওটিই নয়?

গুগল আসলে প্রতিক্রিয়াশীল নকশার বেশ পছন্দ করে এবং এটি একটি পৃথক মোবাইল সাইটে পছন্দ করে।

এখানে " SEO এর প্রতিক্রিয়াশীল ডিজাইনের " উপর একটি ভাল নিবন্ধ

এছাড়াও, এই নিবন্ধ / ভিডিও দেখুন:

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


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

তারা সেখানে ছিল সাধারণভাবে প্রতিক্রিয়াশীল নকশা সম্পর্কে আমার দ্বিতীয় বিবৃতি সমর্থন করার জন্য। আমি আপনার জন্য অন্য একটি লিঙ্ক অন্তর্ভুক্ত করেছি এবং সেগুলির মধ্যে বেশ কয়েকটি রয়েছে are
দাসিকল

1
@ ডাসিকেল একাধিক মেনুর সাথে এই পদ্ধতিটি দেওয়া হয়েছে, গুগলে কোনও নির্দিষ্ট ডোমেন অনুসন্ধান করার সময় (উদাহরণস্বরূপ, "ওয়ার্মেন" অনুসন্ধান করুন) এটি সেই ওয়েবসাইটে অনুসন্ধানের ফলাফলের মধ্যে অন্তর্ভুক্ত থাকবে, তা কি কোনও উপায়ে প্রভাবিত হবে?
ড্রাগোস রাইসেস্কু

2

আপনি বিভাগগুলির জন্য display: flexএকটি বিকল্প order: nমান ব্যবহার করতে পারেন এবং তারপরে আপনার মেনু বিভাগকে অন্য বিভাগগুলির উপরে বা নীচে সরিয়ে নিতে পারেন।

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


1

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

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

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