निःशुल्क मेटा ट्याग र Open Graph जेनेरेटर
लाइभ Google र सामाजिक-share प्रिभ्यूका साथ SEO meta tags, Open Graph, र Twitter Card markup उत्पन्न गर्नुहोस्। सिधै तपाईंको पृष्ठ head मा copy-paste गर्नुहोस्।
उत्तम: १२००×६३० px, ५ MB भन्दा कम, पूर्ण https:// लिङ्क।
Google खोज पूर्वावलोकन
चौडाइ अनुमान मात्र हो: Google ले अक्षरले होइन, पिक्सेलले काट्छ।
सोसल कार्ड पूर्वावलोकन
मेटा ट्याग उत्पन्न गर्न माथिको कम्तिमा एक क्षेत्र भर्नुहोस्।
सामान्य प्रयोगहरू
- ब्लग पोस्टका लागि मेटा ट्यागहरूशीर्षक, विवरण र सामाजिक ट्यागहरू उत्पन्न गर्नुहोस् ताकि तपाईंको लेख साझा गर्दा राम्रो देखिन्छ।
- पण्य पृष्ठका लागि मेटा ट्यागहरूपण्य पृष्ठहरूलाई साझा गर्दा सुन्दर र खोज परिणाममा राम्रो पढ्न गरिन्छ।
- ल्यान्डिङ पृष्ठका लागि मेटा ट्यागहरूआफ्नो अभियान ल्यान्डिङ पृष्ठहरू साझा र खोज गर्दा कसरी देखिन्छ भनेर नियन्त्रण गर्नुहोस्।
- कुनै पनि वेब अनुप्रयोगको लागि मेटा ट्यागहरू उत्पन्न गर्नुहोस्नयाँ पृष्ठ वा साइटको लागि सिर मेटा ट्यागहरूको पूर्ण सेट द्रुत बनाउनुहोस्।
- कुरुप लिंक प्रिभ्यूहरू ठीक गर्नुहोस्आफ्नो लिंकहरू खाली URLहरूको रूपमा देखा पर्नसे रोक्नुहोस् — समृद्ध पूर्वावलोकन कार्डहरू बनाउने ट्यागहरू थप्नुहोस्।
यो कसरी काम गर्छ
सबै ट्याग एसेम्बली र head-पार्सिङ सीधै तपाईंको ब्राउजरमा हुन्छ — कुनै सर्भर संलग्न छैन। उपकरणले React को useMemo लाई HTML स्ट्रिङहरू सक्रिय रूपमा बनाउन र ब्राउजरको नेटिभ DOMParser API लाई आयात/अडिट फिचरका लागि अवस्थित पृष्ठ मार्कअप पढ्न प्रयोग गर्छ।
- 1फर्म इनपुटले प्रत्यक्ष एसेम्बली चलाउँछतपाईंले टाइप गर्दा, एउटा useMemo हुकले तुरुन्तै पूरा ट्याग ब्लक — शीर्षक, मेटा विवरण, Open Graph प्रोपर्टी, र Twitter Card एट्रिब्युटहरू — पुनर्निर्माण गर्छ, विशेष क्यारेक्टरहरू (&, <, >, ") एस्केप गर्दै त्यसैले आउटपुट सीधै HTML मा पेस्ट गर्न सुरक्षित हुन्छ।
- 2ब्राउजरको URL कन्स्ट्रक्टरमार्फत URL प्रमाणीकरणहरेक URL फिल्ड (पृष्ठ URL, सामाजिक छवि) ब्राउजरको बिल्ट-इन URL कन्स्ट्रक्टर प्रयोग गरी प्रमाणित गरिन्छ। केवल राम्रोसँग बनेका http:// वा https:// ठेगानाहरू मात्र डट-भएका होस्टनेमसहित पास हुन्छन्; अवैध मानहरूले प्रतिलिपि बटन रोक्छन् र इनलाइन त्रुटि देखाउँछन्।
- 3आयात: DOMParser ले अवस्थित head मार्कअप पढ्छयदि तपाईंले यसलाई अडिट गर्न अवस्थित <head> HTML पेस्ट गर्नुहुन्छ भने, उपकरणले यसलाई inert मोडमा DOMParser मार्फत चलाउँछ — कुनै स्क्रिप्ट कार्यान्वयन हुँदैन र कुनै नेटवर्क अनुरोध हुँदैन। त्यसपछि यसले पार्स गरिएको कागजातमा ज्ञात मेटा सेलेक्टरहरू (og:title, twitter:description, canonical link, इत्यादि) क्वेरी गर्छ र जे भेट्टायो त्यसैले फर्म फिल्डहरू पूर्व-भर्छ।
- 4प्रत्यक्ष Google र सामाजिक कार्ड पूर्वावलोकनउपकरणले उही फर्म स्टेट प्रयोग गरी एउटा स्टाइल गरिएको Google खोज नतिजा र एउटा Open Graph कार्ड पूर्वावलोकन वास्तविक समयमा रेन्डर गर्छ, त्यसैले तपाईं आउटपुट प्रतिलिपि गर्नुअघि शीर्षक र विवरण कसरी काटिनेछ ठ्याक्कै देख्न सक्नुहुन्छ।
सम्बन्धित उपकरणहरू
सोशल मिडिया छवि रिसाइजर
Instagram, YouTube, TikTok, X, Facebook, LinkedIn र Pinterest का लागि सटीक २०२६ आकारमा छवि रिसाइज र क्रप गर्नुहोस् — सुरक्षित-क्षेत्र गाइड र ब्याच ZIP सहित। १००% आपको ब्राउजरमा, कुनै अपलोड छैन।
अडियो ट्याग एडिटर (ID3)
MP3 ID3 ट्यागहरू — शीर्षक, कलाकार, एल्बम, वर्ष, विधा र कभर आर्ट — 100% तपाईंको ब्राउजरमा सम्पादन गर्नुहोस्। कुनै अपलोड छैन, र अडियो पुन: इन्कोड गरिएको छैन। नि:शुल्क र निजी।
स्लग जेनेरेटर
जुनसुकै शीर्षक वा पाठलाई URL-मैत्री slug मा रूपान्तरण गर्नुहोस्। ब्लग पोस्ट, CMS पृष्ठ, र SEO-अप्टिमाइज URL का लागि उत्तम।