मैं कैसे करूँ समर्थन एएमपी-एचटीएमएल और डेस्कटॉप एचटीएमएल एक साथ

Question

मैं amp के बारे में समझने के रूप में, amp केवल मोबाइल उपकरणों के लिए है। यदि मैं उत्तरदायी डिज़ाइन का उपयोग कर रहा हूं, तो मेरा वेब सर्वर प्रत्येक डिवाइस के लिए प्रति पृष्ठ एक ही HTML दस्तावेज़ प्रदान करता है।

लेकिन मैं एएमपी का उपयोग करना चाहते हैं, तो वेब सर्वर तय करना चाहिए कि क्या यह डेस्कटॉप के लिए HTML प्रदान करने या यह एएमपी के लिए HTML प्रदान करते हैं।

मैं यह कैसे कर सकता हूं? User-Agent द्वारा? (मुझे लगता है कि यह बदसूरत और स्केलेबल नहीं है) मुझे कुछ याद आया?

Answer 1

आप एक ही सामग्री के लिए दो यूआरएल होना चाहिए। मुख्य लेख होगा http://example.com/my-article और amp संस्करण: http://example.com/my-article.amp

वहाँ एक ही यूआरएल के लिए स्विचन कोई उपयोगकर्ता-एजेंट है।

<link rel="amphtml" href="http://example.com/my-article.amp" > 

और amp संस्करण में एक विहित साथ मुख्य सामग्री का पता निर्दिष्ट:

<link rel="canonical" href="http://example.com/my-article" > 

तुम सिर्फ मुख्य लेख आपको एक लिंक टैग के साथ दस्तावेज़ की एक amp संस्करण है में निर्दिष्ट करना

आपके प्रश्न का उत्तर करने के लिए, वास्तविक "मोबाइल का पता लगाने" एक तरह से खोज परिणाम पृष्ठ में किया जाता है के रूप में यह गूगल कौन क्या लिंक उपयोगकर्ता को दिखाने के लिए का निर्धारण करेगा।

Answer 2

एएमपी प्रारूप और extensions समर्थन सभी सुविधाओं है कि आपके पृष्ठ की आवश्यकता है, आप केवल एएमपी संस्करण प्रकाशित कर सकते हैं। LA Times पर देखने के एक उदाहरण के लिए

body > div { 
    max-width: 85em; 
} 

,: वह डेस्कटॉप (या सामान्य रूप में चौड़ी स्क्रीन उपकरणों) पर अच्छे लग रहे बनाने के लिए, max-width सीएसएस संपत्ति का उपयोग कर पेज के अधिकतम चौड़ाई सीमित करने के लिए सुनिश्चित करें।

... या The Guardian: