दस्तावेजको हेडमा कुन महत्त्वपूर्ण मेटा ट्यागहरू जान्छन्?

Question

Accepted Answer

`` ट्यागहरू `` मा पृष्ठको बारेमा मेटाडेटा प्रदान गर्छन् — क्यारेक्टर एन्कोडिङ्ग, viewport व्यवहार, SEO विवरण, र सामाजिक साझेदारीको पूर्वावलोकन। तिनीहरू प्रस्तुत गरिंदैनन् तर ब्राउजरहरू, खोज इञ्जिनहरू, र सामाजिक प्ल्याटफर्महरूद्वारा पढिन्छन्। ## आवश्यक दुई ```html ``` - **`charset`** पाठ (विशेष गरी गैर-ASCII) सही तरिकाले डिकोड गरिन्छ भनी सुनिश्चित गर्छ। यसलाई पहिले राख्नुहोस्। - **`viewport`** यो हो जसले साइटलाई मोबाइलमा **responsive** बनाउँछ — यो बिना, फोनहरूले नकली 980px चौडाइमा प्रस्तुत गर्छन् र जुम आउट गर्छन्, तपाइँको responsive CSS तोडिन्छ। ## SEO मेटा ```html Page Title — 50–60 chars ``` `` र `description` गुगल परिणामहरूमा दिखिने कुरा हो, त्यसैले तिनीहरूले क्लिक-थ्रु ड्राइभ गर्छन्। `canonical` खोज इञ्जिनलाई आधिकारिक URL बताउँछ। ## Open Graph — सामाजिक साझेदारीको पूर्वावलोकन ```html <meta property="og:title" content="Shareable title" /> <meta property="og:description" content="Shown when shared" /> <meta property="og:image" content="https://site.com/preview.jpg" /> <meta property="og:url" content="https://site.com/page" /> <meta name="twitter:card" content="summary_large_image" /> ``` यिनीहरूले कार्ड नियन्त्रण गर्छन् जो आपको लिङ्क Facebook, LinkedIn, Slack, X, आदिमा साझा गर्दा दिखिन्छ — यिनीहरू बिना तपाइँ कुरूप वा खाली पूर्वावलोकन पाउनुहुन्छ। ## किन यो महत्त्वपूर्ण छ `charset` र `viewport` सही रेन्डरिङ्ग र मोबाइल responsive का लागि अपरिहार्य छन्; `title`/`description`/`canonical` SEO ड्राइभ गर्छन्; Open Graph ट्यागहरूले नियन्त्रण गर्छन् कि तपाइँको लिङ्कहरू साझा गर्दा कसरी दिखिन्छन्। सँगै तिनीहरू मेटाडेटा तहत छन् जसले पृष्ठलाई सही तरिकाले प्रस्तुत गर्छ, स्थान दिन्छ, र राम्रोसँग साझा गर्छ।