एचटीएमएल तत्वों के क्रम को पुन: व्यवस्थित करने के लिए सीएसएस का उपयोग न करने के कारण

Question

इस पृष्ठ पर तत्वों को फिर से व्यवस्थित करने के लिए सीएसएस का उपयोग करने के बारे में हमारे कार्यालय में कुछ चर्चा हो रही है।

एक बहुत ही बुनियादी स्तर पर, हमारी टीम के एक सदस्य नेत्रहीन main-content div जगह इस तरह एचटीएमएल (इस अनुरोध को एक डिजाइन परिप्रेक्ष्य पर आधारित होता है)

<div class="secondary-content"> 
    <h2>Secondary content heading</h2> 
    <p>This is the secondary content</p> 
</div> 
<div class="main-content"> 
    <h1>Main heading</h1> 
    <p>This is the main content</p> 
</div> 

संरचना और उसके बाद करने के लिए सीएसएस का उपयोग करना चाहता secondary-content एक से पहले।

अब, मैं इस बात की सहायता नहीं कर रहा हूं कि हम तकनीकी रूप से इसे कैसे प्राप्त करेंगे, लेकिन अधिक मैं इस तर्क का बैक अप लेने के लिए सबूत ढूंढ रहा हूं कि यह बिल्कुल नहीं करना चाहिए।

सामने के अंत देव के रूप में, मेरी आरंभिक चिंताओं

1. स्क्रीन रीडर पहुँच के आसपास रहे हैं/सहायक तकनीकों secondary-content पहले मारा जाएगा। मेरे लिए, यह एक पुस्तक खोलने जैसा है, अध्याय 4 से शुरू होता है और फिर वापस जा रहा है और अध्याय 1, 2, 3, 5, 6 इत्यादि
2. पृष्ठ की शीर्षक संरचना अलग हो जाएगी (H1 से पहले H2)
3. अगर वहाँ है, यह सहायक प्रौद्योगिकियों सीएसएस बंद/साथ उपयोगकर्ताओं के लिए भ्रमित हो जाएगा जो क्रम में main-content से जानकारी की आवश्यकता है समझने की secondary-content में किसी भी सामग्री है आदि

हालांकि, कारोबार में लोगों के लिए असली गर्म बटन गूगल/एसईओ है। इसलिए, क्या किसी को किसी भी अच्छे तर्क/लेखों के बारे में पता है कि एचटीएमएल को एक बीमार तरीके से लिखने से हमारे एसईओ पर नकारात्मक प्रभाव पड़ेगा?

Answer 1

[क्या] एक बीमार संरचित तरीके से HTML लिखना हमारे एसईओ को नकारात्मक रूप से प्रभावित करेगा?

लगभग निश्चित रूप से। जबकि खोज रैंकिंग एल्गोरिदम की सटीक प्रकृति एक जबरदस्त संरक्षित उद्योग रहस्य है, और प्रत्येक कंपनी अलग है, हर कोई उपयोगकर्ताओं को प्रस्तुत किए गए खोज इंजन बनाम सामग्री के बीच मतभेदों पर प्रतिकूल रूप से दिखता है।

Here's what Google's Webmaster Guidelines say:

• एक उपयोगी, जानकारी से भरी साइट बनाएं और लिखने पृष्ठों जो स्पष्ट और सटीक अपनी सामग्री का वर्णन। [पेज जिनकी सामग्री वास्तविक दृश्य आदेश स्पष्ट और सटीक उनकी सामग्री परिभाषित कर रहे हैं obfuscates।]

• साथ एक स्पष्ट पदानुक्रम और पाठ लिंक साइट बनाएं। [एक <h1> से पहले एक <h2> लाना एक पदानुक्रम का उल्लंघन करती है।]

• अपनी साइट का परीक्षण करने के लिए Lynx जैसे किसी पाठ ब्राउज़र प्रयोग करें क्योंकि अधिकांश खोज इंजन मकड़ियों के रूप में लिंक्स होगा आपकी साइट को काफी देखते हैं। [पाठ ब्राउज़र का उपयोग करने वाले किसी व्यक्ति को विचित्र सामग्री रीडरिंग योजनाओं द्वारा निश्चित रूप से भ्रमित किया जाएगा।]

तो, संक्षेप में, आप "स्पष्ट पदानुक्रम", जो खोज इंजन अनुक्रमण करने के लिए कोशिश कर रहे हैं के साथ दखल कर रहे हैं। यह स्पष्ट रूप से वांछनीय नहीं है।

मैं सबूत तर्क यह है कि हम यह बिल्कुल नहीं करना चाहिए बैकअप लेने के लिए के लिए देख रहा हूँ:

अपने अधिक सामान्य प्रश्न का उत्तर देने के।

मूल रूप से, HTML दस्तावेज़ सिर्फ इतना है कि कर रहे हैं: दस्तावेजों, उनकी संरचना के माध्यम से अर्थ जानकारी देने के लिए बने।

इस प्राकृतिक क्रम को विचलित करने का प्रयास सख्ती से verboten नहीं है, लेकिन यह अक्सर सुझाव देता है कि आपने मार्कअप सही ढंग से नहीं लिखा है, और यह हमेशा अप्रत्याशित प्रवाह की ओर जाता है। उदाहरण के लिए,

• एक पुस्तक में, क्या आप अध्याय 7 से पहले अध्याय 7 आने की उम्मीद करते हैं?
• समाचार पत्र लेख में, क्या आप उम्मीद करते हैं कि शरीर शीर्षक से पहले आएगा?
• एक फिल्म में, क्या आप उम्मीद करते हैं कि समापन क्रेडिट शीर्षक कार्ड से पहले आएंगे?

आप देख सकते हैं कि क्यों, संरचनात्मक रूप से, इस तरह से तत्वों को पुन: व्यवस्थित करने की सलाह दी जाएगी। एक दस्तावेज़ का प्राकृतिक आकार होता है; विकृत करने से को समझना मुश्किल हो जाता है।

वहाँ सम्मोहक सौंदर्य या कलात्मक कारणों दस्तावेजों की तरह अर्थ वाहनों (जैसे, Memento की तरह एक फिल्म जो जानबूझकर प्रभाव के लिए इस कारनामे), लेकिन इन आम तौर पर अच्छी तरह से कर रहे हैं विचार कर निकाली गयी, और नहीं किया के रूप में बदलने के लिए हो सकता है तुच्छता।

और आपको फिल्म के बीच एक समानता बनाने के लिए कठोर दबाव डाला जाएगा, जिसे मनोरंजन के लिए डिज़ाइन किया गया है, और एक HTML दस्तावेज़, जिसे सूचित करने के लिए डिज़ाइन किया गया है।

Answer 2

यह एक भयानक विचार की तरह लगता है। अधिकतर पठनीयता की वजह से। प्राथमिक रूप से माध्यमिक आने से यह तर्कसंगत रूप से कोई समझ नहीं आता है। अगर मैं एक पृष्ठ के कोड को देखकर एक वेब देव था और मैंने देखा कि, उस बिंदु पर मुझे लगता है कि एकमात्र चीज है, "क्या।"

यदि आप सीएसएस के साथ दृश्यों को आगे बढ़ रहे हैं तो यह पूरी तरह से व्यर्थ लगता है। ऐसा नहीं है कि कोड को जाने तक प्राथमिक से पहले द्वितीयक रखना आवश्यक है।

Answer 3

यह कोई प्रश्न नहीं है जिसका एक निश्चित उत्तर है। कारण यह है कि, कुछ लेआउट रूपों को पुन: व्यवस्थित स्रोत की आवश्यकता होगी। यदि secondary-content को main-content के साथ बहने की आवश्यकता है (इसके पक्ष में और नीचे), तो इसे पहले स्रोत ऑर्डर में रखा जाना चाहिए। इस मामले में कोई विकल्प नहीं है।

यदि संभव हो तो स्रोत ऑर्डर में सामग्री डालना सबसे अच्छा है, हां। क्या यह हमेशा संभव है, नहीं। जॉन Feminella से http://jsfiddle.net/ceHGX/3/

Answer 4

seconding जवाब है, डब्लुसीएजी 2.0 (खिलाफ) सामग्री को पुन: क्रम के बारे में कुछ तकनीकों है:

उदाहरण देखें।

• Placing the interactive elements in an order that follows sequences and relationships within the content (G59)
• Creating a logical tab order through links, form controls, and objects (H4)
• Making the DOM order match the visual order (C27)
• Organizing a page using headings (G141)

एक से:
यहाँ पहुँच से संबंधित कुछ लिंक कर रहे हैं सीएसएस बिंदु दृश्य,

से आपका क्या मतलब है

नेत्रहीन माध्यमिक सामग्री एक

से पहले मुख्य सामग्री div जगह वे कॉलम चल रहे हैं (या display: inline-ब्लॉक या तालिका सेल, जो कुछ भी) या अन्य के ऊपर एक? बाद के मामले में, कोई भी टेक्स्ट ज़ूम (आईई 7, आईई 6, ZoomText users, क्षैतिज स्क्रॉल से बचने के लिए ग्राफ़िक ज़ूम अक्षम करने वाले सभी उपयोगकर्ता और ज़ूमिंग की बहुत आवश्यकता है) बुरी तरह टूट जाएंगे। यदि व्यवसाय केवल Google/एसईओ द्वारा रुचि रखते हैं, तो उन्हें बताएं कि आपके देश में कितने विशेष रूप से देखे गए उपयोगकर्ता हैं। दस बार अंधे उपयोगकर्ताओं की संख्या मुझे विश्वास है। हमारे (दादा-माता-पिता) जैसे वरिष्ठ नागरिकों की बात नहीं करते।
क्या वे उन्हें ग्राहकों के रूप में चाहते हैं या शायद आपकी कंपनी पर्याप्त समृद्ध है और उन्हें और उनके पैसे की परवाह नहीं है? ;)