🌥️ 🙇🏾 🖖🏻 आधुनिक एसईओ: एएमपी कहानियां 📉 👩🏾‍🏭 🧚🏼

हां, यहां इस तरह की एक हाइब्रिड, रूसी-अंग्रेजी शीर्षक है ... तो चलिए तुरंत कुछ स्पष्ट करते हैं। इसलिए, यदि एसईओ एक प्रसिद्ध (संकीर्ण सर्कल में) शब्द है, तो एएमपी ऐसा नहीं है। Google द्वारा त्वरित मोबाइल पेजों की घोषणा 2015 में की गई थी ( विकिपीडिया लेख देखें ) मोबाइल फोन पर वेब पेजों को जल्दी से ब्राउज़ करने के लिए एक उपकरण के रूप में। समय के साथ, एएमपी एक ढांचे में बदल गया , जो आपको किसी भी साइट (केवल मोबाइल डिवाइस) के लिए पेज बनाने की अनुमति नहीं देता है, और इसकी "नामकरण" का विस्तार किया: वास्तव में साइट्स ( एएमपी वेबसाइट ), कहानियां ( एएमपी कहानियां ; इस लेख का विषय), विज्ञापन इकाइयां ( एएमपी विज्ञापन)), और ईमेल ( एएमपी ईमेल )। इस सब के पीछे, जैसा कि ऊपर उल्लेख किया गया है, Google है , और यदि आप इस खोज इंजन में साइटों को बढ़ावा देने में रुचि रखते हैं - तो एएमपी के विषय पर उचित ध्यान देना उपयोगी होगा । लेकिन पहले, आइए देखें कि ये बहुत ही एएमपी कहानियां कैसी दिखती हैं ( एएमपी स्टोरीज ; अपडेट: 1 मई, 2020 से वेब स्टोरीज का नाम बदलकर ), फिर हम तय करते हैं कि हमें उनकी जरूरत है, और अगर यह पता चला कि हमें उनकी जरूरत है, तो हम इस पर विचार करेंगे कि यह कैसे करना है।

एएमपी कहानी उदाहरण

क्यूआर कोड पर क्लिक करके देखें कि एएमपी कहानी डेस्कटॉप कंप्यूटर या लैपटॉप से वास्तविक साइट पर क्या दिखती है , या मोबाइल डिवाइस (स्मार्टफोन और / या टैबलेट) से एक ही पृष्ठ को देखने के लिए इसे स्कैन करें:

यह कोई विज्ञापन नहीं है।

. AMP- «» . , , — , — , .

कंप्यूटर या लैपटॉप पर, आपको यह "कहानी" देखनी चाहिए:

कंप्यूटर का इतिहास

एक टैबलेट और स्मार्टफोन पर, यह:

मोबाइल डिवाइस पर इतिहास

यह किसके लिए है

एएमपी कहानियों का उपयोग करना अच्छा है जहां कुछ फ्रेम (7 से 20 तक की सिफारिश की जाती है, लेकिन यह एक सख्त नियम नहीं है) किसी सेवा या उत्पाद के अर्थ और सुंदरता को व्यक्त कर सकता है। उदाहरण के लिए, एक ही पर्यटन और यात्रा, होटल (शो रूम, मनोरंजन क्षेत्र, एसपीए), फैशन (कपड़े का एक संग्रह दिखाएं), रेस्तरां और कैफे (अंदरूनी और व्यंजन दिखाएं), सौंदर्य सैलून (शो ... सौंदर्य)। सामान्य तौर पर, अर्थ स्पष्ट होना चाहिए, और प्रत्येक व्यवसाय स्वामी मुझसे बेहतर जानता है कि उसे क्या दिखाना चाहिए।

यह खोज इंजन अनुकूलन (एसईओ) को कैसे प्रभावित करता है

मेरी राय में आज खोज एल्गोरिदम की प्रवृत्ति यह है कि एक साइट की रैंकिंग अन्य साइटों के लिंक से कम और कम प्रभावित होती है (हालांकि, हाँ, यह अभी भी प्रभावित करती है), और निम्न कारक (सूचीबद्ध क्रम में आवश्यक नहीं) अधिक से अधिक हैं:

पेज डाउनलोड स्पीड
मोबाइल उपकरणों के लिए अनुकूलन
संरचित डेटा उपलब्धता
प्रचुर मात्रा में सामग्री की उपलब्धता
साइट का लंबा इतिहास

इस सूची के पहले तीन आइटम त्वरित अनुकूलन के लिए उपलब्ध हैं, तो आइए उन पर करीब से नज़र डालें।

पेज डाउनलोड स्पीड

Google दस्तावेज़ से इस स्क्रीनशॉट को देखें , और रेखांकित (या इस दस्तावेज़ पर जाने के लिए छवि पर क्लिक करें) पढ़ें: शुरुआत से ही एएमपी तकनीक विशेष रूप से मोबाइल उपकरणों पर पृष्ठ लोडिंग गति बढ़ाने के लिए डिज़ाइन की गई थी। इन उद्देश्यों के लिए, Google आपके सर्वर से नहीं, बल्कि इसके कैश ( Google AMP Cache ) से AMP पेज डाउनलोड करता है । यानी, Google पहले आपके AMP पृष्ठ (इस मामले में, AMP इतिहास ) को घर पर सहेजता है , और फिर इसे अपने शक्तिशाली वैश्विक नेटवर्क सर्वरों का उपयोग करके मोबाइल उपकरणों के उपयोगकर्ताओं को देता है, तथाकथित cdn

- कंटेंट डिलीवरी नेटवर्क ।

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

Google एल्गोरिदम द्वारा संरचित डेटा के साथ बस किसी का ध्यान नहीं जा सकता है (यदि हम सब कुछ सही करते हैं, तो इसके बारे में अधिक पढ़ें) , और यह बहुत संभावना है कि यह अपने खोज परिणामों में पूरी साइट की स्थिति को प्रभावित करेगा।

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

एएमपी सत्यापनकर्ता

मोबाइल उपकरणों के लिए अनुकूलन

इस परीक्षण के लिए Google का एक और उपकरण है - मोबाइल उपकरणों के लिए अनुकूलन जांच । जांचें:

मोबाइल वेबसाइट Validator

सब कुछ ठीक है। और, ईमानदारी से, किसी कारण से मैं यह पहले से जानता था।

संरचित डेटा उपलब्धता

यदि आप Google दस्तावेज़ में देखते हैं , तो आप संरचित डेटा पर एक बड़ा भाग पा सकते हैं (इस दस्तावेज़ पर जाने के लिए छवि पर क्लिक करें): जाहिर है, Google उनके लिए बहुत महत्व देता है। चूंकि हम Google में रुचि रखते हैं , वह हमसे कम नहीं है, आइए हम उसे इस तरह के trifles से मना न करें, और जैसा वह चाहते हैं हम करेंगे। यदि आप हमारी एएमपी कहानी के कोड को देखते हैं , तो वहां, हेड सेक्शन में , आप निम्न टुकड़े पा सकते हैं: जैसा कि आप देख सकते हैं - कुछ भी जटिल नहीं है। Google प्रलेखन कहता है कि पसंदीदा JSON-LD प्रारूप ठीक है, हम करते हैं ।

type="application/ld+json"

इसके अलावा, प्रलेखन कहता है कि पसंदीदा मानक http://schema.orgस्वीकार है।

और फिर सब कुछ स्पष्ट और सहज है। मैं सिर्फ समझाता हूं:
- यहां फाइलों के रास्ते रिश्तेदार और निरपेक्ष दोनों निर्दिष्ट किए जा सकते हैं;
- पहली बार प्रकाशित होने पर, दिनांकित और दिनांकित संयोग , और बदलती सामग्री के मामले में - हम केवल दिनांकित फ़ील्ड का मान बदलते हैं ;
- दिनांकित और दिनांकित फ़ील्ड्स का प्रारूप बिल्कुल वैसा ही दिखाया गया है, और +3 ग्रीनविच मीन टाइम ( GMT - ग्रीनविच मीन टाइम ) से घंटों में ऑफसेट समय है , इस मामले में मॉस्को समय का मतलब है;
- जैसाछवि (यहां पोस्टर । जेपीजी फ़ाइल है ) यह 3: 4 के पहलू अनुपात (चौड़ाई / लंबाई) के साथ एक छवि का उपयोग करने के लिए अनुशंसित है, आकार में कम से कम 696 x 928 पिक्सेल, अनुशंसित: 960 x 1200 या 1200 x 1600;
- एक लोगो के रूप में (यहाँ थंब.पिंग फ़ाइल है ), कम से कम 112 x 112 पिक्सल (मुझे लगता है कि 200 x 200 या 256 x 256) के आकार के साथ लगातार (एक विशिष्ट साइट या ब्रांड के लिए) का उपयोग करने की अनुशंसा की जाती है ) एएमपी

की वैधता की जांच करते समय , हमने पहले ही देखा कि: " वैध संरचित डेटा पृष्ठ पर पाया गया था ", लेकिन Google के संरचित डेटा की जांच करने वाले विशेष उपकरण का उपयोग करके इसे जांचें।:

संरचित डेटा मान्यकर्ता

जैसा कि आप देख सकते हैं, बड़े अक्षरों में ऊपरी दाहिने कोने में यह कहता है: NO ERRORS , NO WARNINGS - ऐसा लगता है कि Google खुश है। तो हम भी करते हैं।

वैकल्पिक: सामाजिक नेटवर्क के लिए डेटा

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

संपर्क में

और यहां बताया गया है कि यह मार्कअप पृष्ठ कोड में कैसा दिखता है:

सोशल नेटवर्क मार्कअप

यहां, मुझे लगता है, सब कुछ भी सहज है। लेकिन मैं निम्नलिखित की व्याख्या करूंगा।

खाली लाइनों में मार्कअप को तीन खंडों में विभाजित किया गया है।

फेसबुक ( ओग नेमस्पेस - ओपन ग्राफ का उपयोग करता है), ट्विटर ( ट्विटर नेमस्पेस का उपयोग करता है ), और VKontakte ( वीके नेमस्पेस का उपयोग करता है )।

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

यह भी ध्यान दिया जाना चाहिए कि यहां संसाधनों के पथ को VKontakte के अपवाद के साथ निरपेक्ष पंजीकृत किया जाना चाहिए - यहां छवि के लिए पथ पूर्ण और रिश्तेदार दोनों में पंजीकृत किया जा सकता है (ऊपर दिए गए उदाहरण में - रिश्तेदार :) content="./hero_vk.jpg"।

इसके अलावा, फेसबुक को तथाकथित निर्माण की आवश्यकता है वेब एप्लिकेशन, और इसके पहचानकर्ता का उपयोग करें ( property="fb:app_id"पहली पंक्ति देखें), संभवत: अपने नेटवर्क के माध्यम से तृतीय-पक्ष सामग्री के वितरण को नियंत्रित करने के लिए (और यदि वह कुछ पसंद नहीं करता है तो किसी भी समय इस दुकान को बंद करने में सक्षम हो सकता है)।

ऐसा एप्लिकेशन बनाने के लिए, डेवलपर खाते के एप्लिकेशन पृष्ठ पर जाएं (जिसे बनाया जाना चाहिए, यदि पहले से नहीं बना है) डेवलपर्स के लिए फेसबुक और टाइल पर क्लिक करें: " एक नया एप्लिकेशन जोड़ें"अपने आवेदन को कोई भी नाम दें (मैंने मेरी" विज़ुअल स्टोरीज़ "कहा है), और निर्माण के तुरंत बाद आप अपने आवेदन के पहचानकर्ता को देखेंगे, जैसा कि नीचे स्क्रीनशॉट में दिखाया गया है:

फेसबुक वेब एप्लिकेशन

आगे की सेटिंग को समझना आसान है, और हमारे उद्देश्यों के लिए आवश्यक नहीं है।

यहां दिखाए गए पहचानकर्ता का उपयोग न करें

, Facebook-, — ! , .

अब सामाजिक नेटवर्क के लिए हमारे मार्कअप की वैधता की जांच करते हैं।

Facebook repost debugger : फेसबुक के

फेसबुक सत्यापनकर्ता

साथ सब कुछ ठीक लगता है । अब ट्विटर कार्ड सत्यापनकर्ता : और इसके साथ, सब कुछ ठीक लग रहा है। अब तथाकथित में, Pinterest पर जाँच करें रिच पिंस वैलिडेटर : अच्छी हरी टिकियों के अलावा, यह नीचे भी लिखा गया है: एएमपी वैलिड? सच है । लेकिन सबसे महत्वपूर्ण बात, यहां ध्यान दें कि कैननिकल यूआरएल एएमपी कहानी का ही पता है । यह Google पर अनुक्रमण के लिए महत्वपूर्ण है , और हम लेख के अंत में इस पर लौट आएंगे। VKontakte के बारे में

ट्विटर सत्यापनकर्ता

जहां तक मुझे पता है, उनके पास ऐसा कोई सत्यापनकर्ता नहीं है (या यह कहें: मुझे नहीं पता कि VKontakte के पास ऐसा सत्यापनकर्ता है), लेकिन हमने अभ्यास के आरंभ में ही उनकी जाँच कर ली थी - वहां भी सब कुछ काम करता है।

कैसे करना है

एक एएमपी कहानी बनाई जा सकती है ... मैन्युअल रूप से। यद्यपि कुछ सीएमएस में एएमपी पृष्ठ बनाने के लिए एक्सटेंशन हैं , यह ठीक एएमपी कहानियां हैं , जहां तक मुझे पता है, अभी तक समर्थित नहीं हैं। एएमपी कहानियां बनाने के लिए कई ऑनलाइन सेवाएं भी हैं , उदाहरण के लिए, मेकस्टोरीज , लेकिन मैंने उन्हें परीक्षण नहीं किया है, क्योंकि मुझे कोड की सफाई, कार्यक्षमता की पूर्णता और अपडेट की समयबद्धता के मामले में तीसरे पक्ष से ऐसी निर्भरता पसंद नहीं है। इसलिए, यहां मेरी GitHub रिपॉजिटरी में एक टेम्पलेट का लिंक दिया गया है जिसमें बुनियादी कार्यक्षमता (चित्र, वीडियो, एनीमेशन - सब कुछ समर AMP स्टोरी के लो स्टार्स में है)), जो अधिकांश मामलों के लिए काफी पर्याप्त है, लेकिन घटकों की आधिकारिक सूची का उपयोग करके इसे आसानी से विस्तारित किया जा सकता है । टेम्प्लेट को क्लोन भी किया जा सकता है: लेकिन अगर यह सीधे फाइल सिस्टम से चलाया जाता है तो कोड सही तरीके से काम नहीं करेगा। विकास और परीक्षण उद्देश्यों के लिए, आपको पहले स्थानीय सर्वर शुरू करना होगा। यदि आपके पास अपना स्वयं का सिद्ध, विश्वसनीय और परिचित नहीं है, और आपके पास क्रोम ब्राउज़र है - तो मैं क्रोम के लिए वेब सर्वर की सिफारिश कर सकता हूं । बस शुरू करें, फ़ाइलों के साथ फ़ोल्डर का चयन करें ( amp-story-template-ru ) और स्थानीय पता खोलें - स्क्रीनशॉट में दिखाया गया सब कुछ: चूंकि हम पहले से ही क्रोम ब्राउज़र के बारे में बात कर रहे हैं , इसलिए मैं डेवलपर्स से एक्सटेंशन की सिफारिश भी कर सकता हूं

git clone https://github.com/stmike/amp-story-template-ru.git
cd amp-story-template-ru

एएमपी - एएमपी मान्यकर्ता । इसका उपयोग करना अविश्वसनीय रूप से सरल है: यदि आप एक वैध एएमपी पृष्ठ पर हैं , तो क्रोम पैनल में एक हरे रंग का आइकन जलाया जाता है ; यदि नहीं, तो यह लाल है, और जब क्लिक किया जाता है, तो यह त्रुटियों के साथ लाइन नंबर दिखाता है।
Chrome AMP सत्यापनकर्ता के लिए एक्सटेंशन

Chrome AMP सत्यापनकर्ता के लिए एक्सटेंशन

टेम्पलेट कोड अच्छी तरह से टिप्पणी की गई है - इसलिए आप इसे एंडरसन की कहानी की तरह पढ़ सकते हैं, लेकिन फिर भी मैं कुछ बारीकियों पर ध्यान देना चाहता हूं।

1. गूगल खोज इंजन पर विचार करेगी एएमपी-इतिहास (किसी भी तरह एएमपी-पेज ) मान्य केवल तभी सुरक्षित प्रोटोकॉल HTTPS (नहीं HTTP ) यह उपयोग करने के लिए प्रयोग किया जाता है ।

2. में GitHub भंडारपरिचित index.html फ़ाइल के साथ, आपको bookend.json फ़ाइल मिलेगी । में एएमपी कथाएँ, दोहराने, सामाजिक नेटवर्क, उपयोगी लिंक के माध्यम से साझा करें: वह कहानी के सुंदर समाप्त होने के लिए जिम्मेदार है। सब कुछ, जैसा कि स्क्रीनशॉट में दिखाया गया है: bookend.json

कहानी का समापन

फ़ाइल में संसाधन पथ पूर्ण और सापेक्ष दोनों हो सकते हैं। 3. टैग में एएमपी कहानियों को खुद को संदर्भित करना चाहिए। साइट के अन्य पृष्ठ उन्हें इंगित नहीं करना चाहिए। यह उन्हें ( एसईओ के संदर्भ में ) नियमित एएमपी पृष्ठों से अलग करता है । यहां Google ने इसके बारे में क्या लिखा है : अपनी साइट पर कम से कम एक एएमपी पृष्ठ को अनुक्रमित करने के बाद

<link rel="canonical"...

विहित पृष्ठ निर्दिष्ट करें

( एएमपी कहानियों सहित ) Google खोज कंसोल के मेनू ( सुधार अनुभाग ) में , आइटम दिखाई देता है: एएमपी पृष्ठ । त्रुटियां नहीं होनी चाहिए:

एएमपी स्थिति रिपोर्ट

निष्कर्ष

आज के लिए इतना ही। अन्य सामग्री का पालन करें। जिनके लिए पढ़ना दिलचस्प है, नए प्रकाशनों की सूचनाओं की सदस्यता लें। आप इस साइट ( नीचे सदस्यता लें बटन ) पर, या टेलीग्राम चैनल आईटी ट्यूटोरियल जाखड़ पर , या वीके , या ट्विटर @mikezaharov पर एक ही नाम के समुदाय पर सदस्यता ले सकते हैं ।

आधुनिक एसईओ: एएमपी कहानियां