एसईओ - उत्तरदायी वेबसाइट और डुप्लिकेट मेनू


17

जब भी मैं एक उत्तरदायी वेबसाइट बनाता हूं तो मैं आमतौर पर 2 मेनू बनाता हूं: 1 छिपा हुआ और मोबाइल के लिए उपयोग किया जाता है और दूसरा मुख्य मेनू के रूप में प्रदर्शित होता है, फिर मोबाइल मेनू दिखाने के लिए छिपाया जाता है। जब भी यह एसईओ और मकड़ियों की बात आती है तो वेबसाइट पर नक़ल करते हुए मैं डुप्लिकेट मेनू होने के लिए तैयार हो जाता हूं? क्या मकड़ी को इंगित करने के लिए मैं कुछ भी कर सकता हूं कि यह मेनू मोबाइल के लिए है और यह मुख्य है?

अंतिम कारण कि मेरे पास 2 अलग-अलग मेनू हैं क्योंकि स्थान के कारण, आमतौर पर मुख्य मेनू लोगो आदि के नीचे किसी तरह का बार होता है, लेकिन मोबाइल मेनू मुझे हर चीज के ऊपर चाहिए, इसलिए लोगो के ऊपर आदि।


1
क्यों उत्तरदायी प्रश्नों का उपयोग करें और मेनू नहीं बना position:fixedया position:absolute, इसके साथ ही इस तरह के बूटस्ट्रैप और Zurb फाउंडेशन के रूप में सबसे चौखटे क्वेरी खींचती है कि तत्वों के चारों ओर जो डिवाइस के आधार पर स्थानांतरित कर सकते हैं पेज तक पहुँच रहा है ... है
साइमन हैटर

यदि आप 2 मेनू बनाते हैं, तो यह उत्तरदायी नहीं है। एक उत्तरदायी मेनू एक ही <nav>सामग्री का उपयोग करता है, और इसे एक विशेष मीडिया क्वेरी ब्रेकप्वाइंट को अलग-अलग शैली देता है।
हेक्सालिस

@hexalys जरूरी नहीं। मेरे पास एक "मेन डेस्कटॉप नेविगेशन" के लिए एक आंशिक मेनू हो सकता है, फिर एक "मोबाइल मेनू" अधिक पूर्ण नेविगेशन के साथ, दोनों <nav>मोबाइल संस्करण में सिर्फ एक आइटम प्रदर्शित कर सकता है ताकि नेविगेट करना आसान हो।
Howdy_McGee

@Howdy_McGee ज़रूर। लेकिन यह वास्तव में नहीं है कि आप प्रश्न में क्या वर्णन करते हैं। उदाहरण के लिए, मोबाइल के लिए एक मध्य नाविक को शीर्ष या हैमबर्गर मेनू में बदलने की समस्या कठिन हो सकती है, लेकिन सीएसएस लेआउट परिवर्तनों के माध्यम से व्यावहारिक है। मैंने यहां ठीक काम किया है: goo.gl/v8HdLD। और मैं अभी यहां हूं, क्योंकि मैं उस तरह के जानबूझकर गरीब आदमी के दो आलसी दृष्टिकोण के बारे में बेहद चिंतित हूं, जो वर्डप्रेस के लिए "उत्तरदायी मेनू" प्लगइन, और उनके खोज इंजन अनुपालन, पहुंच और प्रदर्शन के संदर्भ में उनके निहितार्थ हैं।
हेक्सालिस

@hexalys मुझे लगता है कि पेशेवरों और विपक्ष हैं; दोनों का अपना स्थान है क्रमशः यह सिर्फ स्थिति पर निर्भर करता है। जब से मैंने यह पूछा है कि मैंने एक एकल मेनू पर अधिक एहसान देखा है, लेकिन ऐसा कुछ भी नहीं देखा है जो कहता है कि दो अलग-अलग मेनू होना एक बुरी बात है या इसे एसईओ में डिंग किया जा रहा है।
Howdy_McGee

जवाबों:


9

आपको किसी बात की चिंता करने की आवश्यकता नहीं है। आप display: none;मेनू स्विच करने के लिए उपयोग कर सकते हैं । जेएस और सीएसएस को समझने में खोज इंजन बहुत बेहतर हैं।

जब तक आप जानबूझकर बेहतर रैंकिंग पाने के लिए चीजों में हेरफेर करने की कोशिश नहीं कर रहे हैं। प्रदर्शन का उपयोग करना: कोई नहीं; पाठ के बड़े ब्लॉक को छिपाने के लिए आपको दंड मिलेगा। इसलिए यदि आप केवल अपने डेस्कटॉप मेनू को मोबाइल और वीजा पद्य में छिपाने के लिए उपयोग कर रहे हैं तो आप किसी खतरे में नहीं हैं। एक नज़र इस पुराने धागे StackExchange से लें:

प्रदर्शन का उपयोग करना कितना बुरा है: CSS में कोई नहीं?

Google वास्तव में उत्तरदायी डिजाइन का काफी शौकीन है और इसे एक अलग मोबाइल साइट पर पसंद करता है।

यहाँ "पर एक अच्छा लेख है उत्तरदायी डिजाइन के एसईओ "

इसके अलावा, इस लेख / वीडियो को देखें:

मैट कट्स (Google) ने कहा कि मोबाइल वेब साइटों के लिए उत्तरदायी डिजाइन दृष्टिकोण का उपयोग करते समय आपको एसईओ से संबंधित एक डाउन साइड होने के बारे में चिंता करने की आवश्यकता नहीं है।


1
आपके अधिकांश उद्धरण और लेख एक उत्तरदायी वेबसाइट होने और एक मोबाइल वेबसाइट होने का उल्लेख करते हैं, जो जरूरी नहीं कि मैं जो पूछ रहा हूं (भ्रम के लिए खेद है), लेकिन जिले के बारे में अधिक / सलाह या 2 मेनू का उपयोग करते हुए, मोबाइल के लिए एक मेनू मुख्य मेनू और डेस्कटॉप मुख्य मेनू के लिए एक। ऐसा लगता है कि 2 मेनू हैं, और क्रॉलर्स सोर्स कोड को पढ़कर इनकी अलग से व्याख्या करेंगे।
Howdy_McGee

सामान्य रूप से उत्तरदायी डिजाइन के बारे में मेरे दूसरे कथन का समर्थन करने के लिए वे वहां मौजूद थे। मैंने आपके लिए शीर्ष पर एक और लिंक शामिल किया है और उनमें से काफी कुछ हैं।
दासिकल

1
@dasickle कई मेनू के साथ इस दृष्टिकोण को देखते हुए, जब Google पर एक विशिष्ट डोमेन खोज रहा है (उदाहरण के लिए, "वार्मेन" के लिए खोज) तो यह उस वेबसाइट के खोज परिणाम में शामिल होगा, जो किसी भी तरह से प्रभावित होगा?
ड्रैगोस राइजस्कू

2

आप उन डिवीजनों के लिए display: flexवैकल्पिक order: nमान निर्दिष्ट कर सकते हैं जो अन्य मेनूों के ऊपर या नीचे आपके मेनू विभाजन को स्थानांतरित करते हैं।

दूसरे शब्दों में, आपको एक ही सामग्री के साथ दो मेनू की आवश्यकता नहीं है यदि आप हमेशा एक या दूसरे को छिपाते हैं।


2

अधिकांश मोबाइल मेनू एक बटन क्लिक के माध्यम से "खोले" जाते हैं, अनिवार्य रूप से किसी प्रकार या किसी अन्य के एक मोडल विंडो में खुलते हैं। जब यह एक वेबसाइट एक्सेसिबिलिटी मानकों को पूरा करने की बात आती है - तो उन मेनू को एक जानबूझकर फैशन में डोम में रखा जाना चाहिए। यह केवल हेडर में एक एनएवी का उपयोग करने के लिए पर्याप्त नहीं है और वांछित लेआउट (ज्यादातर मामलों में) प्राप्त करने के लिए अलग-अलग सीएसएस लागू करता है।

निचला रेखा - यदि आपका मेनू प्रारंभ में दिखाई नहीं देता है, और बाकी सामग्री को ओवरले करता है - तो संभवतः DOM में अलग-अलग पदों पर कई नव तत्वों को रखा जाना आवश्यक है (एक को छिपाकर और दूसरे को स्क्रीन आकार और इच्छा के आधार पर दिखाना )।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.