SEO and Accessibility: Technical SEO [Series Part 3]

SEO and Accessibility: Technical SEO [Series Part 3] – Digital Subhash


लेखक के विचार पूरी तरह से उसके अपने हैं (सम्मोहन की संभावित घटना को छोड़कर) और हमेशा मोजेज के विचारों को प्रतिबिंबित नहीं कर सकते हैं।

हमें उम्मीद है कि आपने SEO और एक्सेसिबिलिटी पर इस सीरीज़ का आनंद लिया होगा। अंतिम किस्त में, कूपर आपको दिखाता है कि आपकी साइट पर लागू की जाने वाली तकनीकी एसईओ रणनीतियाँ इसे और अधिक समझने योग्य, संचालन योग्य, समझने योग्य और मजबूत बनाने में कैसे मदद कर सकती हैं।

एक नए टैब में बड़ा संस्करण खोलने के लिए ऊपर दी गई व्हाइटबोर्ड छवि पर क्लिक करें!

वीडियो ट्रांसक्रिप्शन

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

मुझे आशा है कि आपने ऐसी सामग्री बनाने के लिए एक व्यापक परिप्रेक्ष्य और नई युक्तियां और तरकीबें प्राप्त की हैं जो न केवल आपके दर्शकों के साथ गूंजती हैं, बल्कि खोज में अच्छा प्रदर्शन करती हैं, बल्कि अधिक लोगों के लिए भी सुलभ हैं। आज हम बात करने जा रहे हैं टेक्निकल SEO और एक्सेसिबिलिटी के बारे में।

तकनीकी एसईओ और अभिगम्यता

आइए गहराई से जानते हैं। पिछली बार हमने वेब सामग्री अभिगम्यता दिशानिर्देशों के बारे में बात की थी, और आपको याद होगा कि डब्ल्यूसीएजी के चार सिद्धांत समझने योग्य, संचालन योग्य, समझने योग्य और मजबूत हैं।

समझ योग्य

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

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

1. शैलियाँ

मूल पाठ, कोई कीवर्ड स्टफिंग नहीं, और रंग कंट्रास्ट सहित शैली परिवर्तन की हस्तलिखित सूची की छवि।

कुछ चीजें जो आप सोच रहे होंगे, वही होगी जो आप इस ऑडिट में देख रहे होंगे, जैसे: क्या पेज पर मेरा सारा टेक्स्ट दिखाई दे रहा है? क्या यह सक्रिय पाठ है? क्या यह पृष्ठ का मूल है, तो क्या मैं इसे चुन सकता हूं और इसे कॉपी और पेस्ट कर सकता हूं, या यह छवि में बेक किया हुआ है और सहायक तकनीक या ब्राउज़र द्वारा पहुंच योग्य नहीं है या आपके पास क्या है? आप भी सोच रहे होंगे: क्या रंग मेरी पृष्ठभूमि और मेरे पाठ के विपरीत है, क्या यह सही विपरीत है?

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

2. रिच मीडिया

रिच मीडिया सुधारों की हस्तलिखित सूची की छवि।

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

साथ ही “DSC1352.JPEG” बनाम मानव-अनुकूल नामों वाली चीज़ों का नामकरण खोज इंजनों के साथ-साथ सहायक तकनीक को उस छवि को देखने और समझने में मदद करने वाला है कि यह क्या है। ऑन-पेज संदर्भ, यह भी महत्वपूर्ण है कि आप छवियों को उन पृष्ठों पर रखें जो मूल्य जोड़ते हैं। आप किसी उपयोगकर्ता को कुछ अतिरिक्त सामग्री के साथ प्रबुद्ध करना चाहते हैं ताकि उन्हें थोड़ी अधिक अनुभूति हो या आप जिस बारे में बात कर रहे हैं उसके बारे में उन्हें कुछ और संदर्भ दें। मूल्य के लिए चित्र जोड़ें, न कि केवल Google छवि खोज में दिखाने के लिए।

वीडियो के बारे में क्या? तो वीडियो थोड़ा अलग है। वीडियो में चलती छवियों की एक श्रृंखला है। इसलिए हर बार जब मैं आंदोलन के बारे में सोचता हूं, तो मैं अपने आप से सोचता हूं, “मैं यह कैसे सुनिश्चित कर सकता हूं कि यदि कोई उपयोगकर्ता इस आंदोलन को रोकना चाहता है, तो वे कर सकते हैं?”

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

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

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

जब आप एक तकनीकी SEO के रूप में कोड की समीक्षा कर रहे होते हैं तो ये सभी चीजें आपको दिखाई देंगी और आपको इसके बारे में पता होना चाहिए।

यदि आपकी वेबसाइट पर ये चीजें नहीं चल रही हैं, तो मैं आपको उन प्रश्नों को पूछने के लिए सशक्त बनाऊंगा, जैसे कठिन प्रश्न: अरे, क्या इस छवि का कोई टेक्स्ट विकल्प है? दृष्टिबाधित व्यक्ति कैसे होगा, श्रवण निःशक्त व्यक्ति इन चीजों तक कैसे पहुंचेगा?

3. पृष्ठ संरचना

विभिन्न पृष्ठ संरचनाओं की तुलना करते हुए हाथ से खींची गई छवियों का फोटो।

तीन और चार पृष्ठ संरचना और अर्थपूर्ण HTML के बारे में हैं। तो यह इस बारे में थोड़ा कम है कि क्या यह बोधगम्य है और क्या यह एक प्रकार से समझने योग्य है।

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

4. सिमेंटिक एचटीएमएल

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

प्रचलित

ठीक है, इसलिए हम सामग्री को समझने में सक्षम हैं। लेकिन हम यह कैसे सुनिश्चित करें कि यह काम करने योग्य है?

1. HTML साइटमैप

हाथ से तैयार HTML साइटमैप उदाहरण का फोटो।

कुछ SEO अनुशंसाएँ जिन्हें मैं अक्सर लोगों को बनाते हुए देखता हूँ, वे हैं एक HTML साइटमैप बनाना और अपने पृष्ठ पर ब्रेडक्रंब डालना। कई बार आपको इससे कुछ पुशबैक मिल सकता है। हमारी वेबसाइट के पदानुक्रम में गहरे उन पृष्ठों की खोज योग्यता के लिए, हम SEO के लिए HTML साइट मैप बहुत महत्वपूर्ण जानते हैं।

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

2. ब्रेडक्रंब

हाथ से तैयार ब्रेडक्रंब उदाहरण की तस्वीर।

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

3. कीबोर्ड-पहले विकसित करें

हाथ से खींचे गए कंप्यूटर और कीबोर्ड का फोटो।

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

बोधगम्य

1. भाषा

LANG= . निर्दिष्ट करते हुए हस्तलिखित HTML कोड का फोटो

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

2. नेविगेशनल लेआउट

हाथ से तैयार वेब पेज के उदाहरणों की तस्वीर।

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

3. मध्यवर्ती

. के साथ हाथ से तैयार पेज का फोटो

मध्यवर्ती, कोई भी हमारे चेहरे के उन पॉप-अप को पसंद नहीं करता है, जो हमें शेष वेबसाइट ब्राउज़ करने की अनुमति नहीं देते हैं। Google भी उन्हें प्यार नहीं करता है। लेकिन विशेष रूप से सहायक तकनीक वाले लोग, यदि हम उन पॉप-अप का सही तरीके से इलाज नहीं कर रहे हैं, तो हम एक ऐसे परिदृश्य में समाप्त होने जा रहे हैं, जहां उपयोगकर्ता कीबोर्ड ट्रैप में हो सकते हैं और वे इंटरस्टीशियल से बाहर नहीं निकल सकते हैं। , या वे यह नहीं समझते हैं कि पृष्ठ पर एक मध्यवर्ती विज्ञापन भी डाला गया है। इसलिए मध्यवर्ती विज्ञापनों का उपयोग करते समय बहुत सावधान रहना महत्वपूर्ण है।

मजबूत

अंतिम लेकिन कम से कम मजबूत नहीं है। हम यह कैसे सुनिश्चित करते हैं कि जिस सामग्री को हम पृष्ठ पर डाल रहे हैं वह विभिन्न प्रकार के उपकरणों और परिदृश्यों के अनुकूल है?

1. सत्यापन

जेएसओएन + एलडी सत्यापन के हाथ से तैयार उदाहरण का फोटो।

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

2. उत्तरदायी

मोबाइल, मध्यम स्क्रीन और बड़ी स्क्रीन के लिए आकार बदलने वाले वेब पेजों की हाथ से खींची गई छवि का फोटो।

क्या आपकी वेबसाइट उत्तरदायी है? आपको यह पहले से ही करना चाहिए। लेकिन अगर आप ऐसा नहीं करते हैं, तो सुनिश्चित करें कि यह मोबाइल और डेस्कटॉप और टैबलेट डिवाइस पर काम कर रहा है और लेआउट वही रहता है, शायद इसका आकार बदल दिया गया है या एक अलग तरीके से फिर से चित्रित किया गया है।

3. अंतःक्रियात्मक

उपलब्ध विभिन्न इंटरैक्शन को इंगित करने के लिए तीरों के साथ हाथ से तैयार वेब पेज का फोटो।

सुनिश्चित करें कि यह परस्पर क्रिया योग्य है। यदि कोई उपयोगकर्ता ज़ूम इन करने में सक्षम होना चाहता है क्योंकि उनके पास दृश्य अक्षमता है या वे रंग बदलने में सक्षम होना चाहते हैं, तो क्या आपकी वेबसाइट पर आपकी तकनीक उन्हें ऐसा करने की अनुमति देती है? यह होना चाहिए। यदि आप इन तीन चीजों को तल पर करते हैं, तो मुझे लगता है कि यह बहुत भारी भारोत्तोलन करने वाला है और आपको बहुत कम काम करना होगा क्योंकि आपने ढांचे में बनाया है, नींव सुलभ होने के लिए .

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

वीडियो ट्रांसक्रिप्शन द्वारा द्वारा स्पीचपैड.कॉम


साधन

Leave a Comment

Your email address will not be published. Required fields are marked *