मेटा टैग आपके वेब पेजों के बारे में उपयोगी अतिरिक्त डेटा प्रदान करते हैं। सुनिश्चित करें कि आप जानते हैं कि Nuxt का उपयोग करते समय उन्हें कैसे शामिल किया जाए।

Nuxt.js सर्वर-साइड-रेंडर किए गए Vue.js अनुप्रयोगों के निर्माण के लिए एक शक्तिशाली ढांचा है। जटिल अनुप्रयोगों के निर्माण के लिए एक ठोस आधार प्रदान करने के अलावा, Nuxt.js आपके पृष्ठों में मेटा टैग जोड़ना भी आसान बनाता है।

अपनी साइट के SEO और सोशल मीडिया पर दृश्यता को बेहतर बनाने के लिए अपने Nuxt ऐप में मेटा टैग शामिल करने का तरीका जानें।

मेटा टैग कोड के स्निपेट होते हैं जो वेब पेज के बारे में जानकारी प्रदान करते हैं। ये टैग आपके पृष्ठ की सामग्री की तरह ही HTML स्रोत में मौजूद हैं, लेकिन वे पृष्ठ पर ही दिखाई नहीं दे रहे हैं।

मेटा टैग पृष्ठ शीर्षक, विवरण और कीवर्ड जैसी जानकारी प्रदान कर सकते हैं। उनका उपयोग सोशल मीडिया शेयरिंग और सर्च इंजन ऑप्टिमाइजेशन के लिए जानकारी प्रदान करने के लिए भी किया जाता है।

मेटा टैग जोड़ने से पहले, एक नया Nuxt.js ऐप बनाएं। उसके लिए, सुनिश्चित करें कि आपके पास है Node.js आपके डिवाइस पर स्थापित है. फिर, अपना टर्मिनल खोलें और निम्न कमांड चलाएँ:

instagram viewer 
npx create-nuxt-app my-app

यह नामक निर्देशिका में एक नया Nuxt.js ऐप बनाएगा मेरे-ऐप. अपने ऐप को आवश्यकतानुसार कॉन्फ़िगर करने के लिए संकेतों का पालन करें।

अपने Nuxt.js ऐप में मेटा टैग जोड़ने का एक तरीका उन्हें विश्व स्तर पर जोड़ना है। ऐसा करने के लिए, एक शीर्षक टैग और दो मेटा टैग जोड़ें: एक वर्ण सेट के लिए और एक व्यूपोर्ट के लिए। अपना खोलो nuxt.config.js फाइल करें और इसमें एक हेड प्रॉपर्टी जोड़ें मॉड्यूल.निर्यात वस्तु:

मापांकनिर्यात = {
 सिर: {
 शीर्षक: 'मेरा ऐप',
 मेटा: [
 { charset: 'यूटीएफ-8' },
 { नाम: 'व्यूपोर्ट', संतुष्ट: 'चौड़ाई = उपकरण-चौड़ाई, प्रारंभिक-पैमाना = 1' }
 ]
 }
}

सिंगल पेज पर मेटा टैग जोड़ना

कभी-कभी आप मेटा टैग को केवल अपने ऐप के विशिष्ट पृष्ठों में जोड़ना चाह सकते हैं। ऐसा करने के लिए, आप पृष्ठ की घटक परिभाषा में एक मुख्य विशेषता जोड़ सकते हैं: