क्रॉस-ब्राउज़र लेआउट, खोज इंजन "को आकर्षित करती है"

जब बनाया साइट इसकी प्रभावशीलता के संदर्भ में महत्वपूर्ण है एक क्रॉस-ब्राउज़र लेआउट है। यह क्या है? यह कैसे किया जा सकता है? क्या नुकसान देखते हैं?

क्रॉस-ब्राउज़र लेआउट क्या है?

HTML / CSS - एक साइट बनाने के लिए आधार है। कई वेबमास्टरों सिद्धांत के अनुसार इस के लिए उपयुक्त हैं: मैं अच्छा लग रहा है - और कि काफी है। और कैसे निराशा जब आप अपने वेब ब्राउज़र या मोबाइल डिवाइस से आते हैं, और साइट पर ठीक से प्रदर्शित नहीं करता है। ऐसे मामलों में, सहायता अनुकूली डिजाइन और लेआउट पार ब्राउज़र आता है।

सीएसएस और इस मामले में एचटीएमएल अप, रीढ़ की हड्डी, जिसके माध्यम से सभी को लागू किया। कुछ मामलों में, इस उद्देश्य के लिए जावास्क्रिप्ट में शामिल किया जा सकता है। लेकिन अंतिम लक्ष्य एक ही है - यह सुनिश्चित करें कि सब कुछ विभिन्न संस्करणों पर काम किया बनाने के लिए। इसलिए, यदि आप, क्रॉस-ब्राउज़र संगतता सुनिश्चित करने के लिए इतना है कि साइट अच्छी तरह से सभी ब्राउज़रों में प्रदर्शित किया जाता है चाहता हूँ, यह आवश्यक हर समय सोचने के लिए, साइट पर काम के पहले क्षण से है।

सामान्य रूप में पूर्वाभ्यास

तो, कैसे पार ब्राउज़र लेआउट बनाने के लिए को देखो। प्रारंभ में यह निर्धारित करना चाहिए जो कार्यक्रम साइट काम करेंगे। कृपया ध्यान दें कि दो सौ के करीब वेब ब्राउज़र की संख्या है, तो हर किसी को खुश करने के लिए प्रयास करें - यह एक अविश्वसनीय जटिलता है। इसलिए, 8. करने के लिए 3 से एक नंबर का चयन आदेश क्या ध्यान केंद्रित करने का फैसला करने के लिए, आप का उपयोग और इस तरह के Yandex Metrika और के रूप में समर्थन सेवाओं कर सकते हैं गूगल एनालिटिक्स। उसके बाद आप पता लगाना चाहिए कि कैसे समस्या क्रॉस-ब्राउज़र प्राप्त करने के लिए हल कर दिया जाएगा।

बहुत से लोग खाकी पर अपने बैंकिंग करते हैं। यह विशेष कोड, चयनकर्ताओं और नियम है, जो केवल एक निश्चित ब्राउज़र को समझता है। लेकिन, यह देखते हुए आप विभिन्न ब्राउज़रों और ब्राउज़र संस्करणों के लिए आवेषण के कम से कम कुछ दसियों लिखने के लिए है कि कई इसकी ऊंची कीमत, अवधि और तर्कहीन की वजह से इस तरह के दृष्टिकोण फेंकता है। कुछ उन वस्तुओं, जो उसी तरह प्रदर्शित किए जाते हैं के उपयोग पर निर्भर हैं। लेकिन इसके साथ ही अक्सर यह महत्वपूर्ण लाभ के एक नंबर खो दिया है। नुकसान कम करने के लिए, और अधिक समानांतर और अनुकूली डिजाइन का उपयोग। यह क्या है?

उत्तरदायी डिजाइन

वेबसाइट का लेआउट, जिसमें साइट एक रबर है, उन है कि अलग अलग स्क्रीन आकार और ब्राउज़रों के लिए अनुकूल है कि है, के लिए यह दृष्टिकोण। यह ध्यान दिया जाना चाहिए कि अनुकूली डिजाइन और क्रॉस-ब्राउज़र संगतता बारीकी से गुंथी होती हैं, और जब वे के बारे में एक बात बात करते हैं, यह आम तौर पर दूसरी निकलता है। आइए एक त्वरित उदाहरण देखते हैं।

वहाँ कुछ ब्राउज़रों, ओपेरा और ओपेरा मिनी की तरह हैं। на мобильных телефонах. मोबाइल फोन पर - प्रथम, द्वितीय डेस्कटॉप कंप्यूटर पर इस्तेमाल किया, और। सामान्य तौर पर वे समान हैं, लेकिन सुविधाओं की एक संख्या है। ऐसे मामलों में, यह अलग-अलग फ़ाइलों और / या मीडिया के प्रश्नों का उपयोग कनेक्ट करने के लिए महत्वपूर्ण है। यह क्या है? पहले मामले में, यह एक अलग फाइल है, जो विशिष्ट ब्राउज़र काम करने के लिए लक्ष्य बनाता है, और उनकी चुनौती पंजीकृत करता है। दूसरे मामले में, आप मीडिया के प्रश्नों के साथ दर्ज करनी होगी। अपने कार्यक्रम वांछित विन्यास में भरी हुई फ़ाइल की विशिष्ट आवश्यकताओं को पूरा करता है।

मुझे क्या करना चाहिए?

प्रारंभ में, हम याद रखना चाहिए कि जब एचटीएमएल के साथ काम करने, क्रॉस-ब्राउज़र लेआउट विशेष ध्यान देने की आवश्यकता है। इसलिए, आप अधिक से अधिक दक्षता के लिए व्यापक स्टाइल शीट्स की अधिकतम संभावना का उपयोग करना चाहिए। एक ही समय में भी काम कर के कुछ तरीके को बदलने की जरूरत है। पिक्सल - इतने सारे अनुभवहीन लोग जब वे कुछ, उपयोग पिक्सल के आकार का कहना है। एक बड़े शिलालेख हैडर, जो साइट के शीर्ष सजाया के उदाहरण पर विचार करें।

वह 800rh की दर से स्थापित किया गया था चौड़ाई। 1600rh में स्क्रीन पर यह काफी आकर्षक हो जाएगा। लेकिन 700rh पर यह हास्यास्पद दिखेगा। इस मामले में क्या करें? आप पिक्सेल में आकार, और प्रतिशत निर्दिष्ट नहीं कर सकता! और पकड़ शिलालेख एक निश्चित लंबाई, और स्क्रीन के आधी चौड़ाई नहीं होगा। प्रतिशत निर्धारित किया जा सकता है और दूरी है जहां कोई विशिष्ट तत्व स्क्रीन के किनारों पर रखा जाएगा। लेकिन यहाँ क्या हुआ अगर स्क्रीन बहुत छोटी है क्या करना है?

मान लीजिए यह 300 पिक्सेल है? इस मामले में, हम मीडिया क्वेरी कि रजिस्टर चौड़ाई तय करने की जरूरत है में मदद मिलेगी। और अगर यह 700rh के बराबर है और कम है, यह स्थापित करने के लिए है कि सांकेतिक सीटों में से 75% पर कब्जा होगा संभव है। और अगर चौड़ाई 300 पिक्सेल या उससे कम के बराबर है, यह बेनकाब और 100% के लिए संभव है। पूरे विषय को बहुत रोचक और उपयोगी है, इसलिए यह बहुत अच्छा विस्तार से अध्ययन किया जा सकता है। लेकिन, अफसोस, वहाँ पुस्तक के बारे में जानकारी है, और काम नहीं करेगा लेख में सब कुछ डाल दिया।

क्यों अनुकूली क्रॉस-ब्राउज़र लेआउट खोज इंजन को आकर्षित करती है?

और इस सवाल का जवाब काफी सरल है: क्योंकि यह दिखाता है कि डेवलपर्स साइट का पालन करें और यह के रूप में अपनी प्रयोक्ताओं के लिए सर्वाधिक मनोरंजक बनाने। इसका मतलब यह है कि इस तरह के लोग उन्हें खोज इंजन में उच्च पदों पर देकर प्रोत्साहित किया जा सकता है। बेशक, अपनी साइट तुरंत शीर्ष -1 पर प्रदर्शित नहीं किया जाएगा, लेकिन अन्य कारकों के साथ संयोजन के रूप में, यह बहुत वृद्धि होगी। ऐसा लगता है कि यह सिर्फ बेकार आवश्यकता लेकिन कुछ है जो हकदार इतना ध्यान दिया जाता है नहीं है।

सब के बाद, बस लगता है: उपयोगकर्ता क्या जब वह एक साइट है कि दिखने में बहुत ही सुखद नहीं है पर हो जाता है है? लेकिन यह विश्वास है कि खोज इंजन एक कम गुणवत्ता वाली सामग्री प्रदान करता है आ सकता है! इसलिए, वे साइटों कि पेशकश करनी चाहिए इसलिए सावधानी से चुने गए हैं। इस के अलावा वहाँ भी लाभ वेबमास्टर्स है क्योंकि वे सामग्री के लिए उच्च गुणवत्ता वाले खोल, जिसमें लोगों को किसी भी हार्डवेयर से आवश्यक जानकारी प्राप्त करने के लिए सक्षम हो जाएगा उत्पन्न: कंप्यूटर, लैपटॉप, टैबलेट, स्मार्टफोन या मोबाइल फोन। तदनुसार, अधिक संतुष्ट आगंतुकों, और अधिक तेजी से बढ़ रही साइट और आय के स्तर।

निष्कर्ष

यह आसान एक बहुत ही लंबी और श्रमसाध्य नहीं है - यह मामूली तथ्य यह है कि उत्तरदायी डिजाइन के साथ क्रॉस-ब्राउज़र साइट के निर्माण पर ध्यान देना नहीं असंभव है। यह एक बड़ी बात है - इसलिए यह धैर्य रखें और याद रखें कि अनुशासन के लिए आवश्यक है! शायद कुछ शुरू में गलत जाना होगा, लेकिन हम पीछे हटने के लिए, जानकारी के लिए देखने के लिए कोशिश अलग दृष्टिकोण का उपयोग करें और नहीं की जरूरत है। और फिर एक वेबसाइट खुशी अपने आगंतुकों को दिखाने के लिए किया जाएगा कि कर पाने के लिए सुनिश्चित करें।