ग्राफ़ जेनरेटर खोलें

इस टूल के बारे में

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

मुख्य विशेषताएं

सभी आवश्यक ओपन ग्राफ़ टैग (शीर्षक, विवरण, छवि, यूआरएल, प्रकार, आदि) उत्पन्न करता है
आपको पूर्वावलोकन करने देता है कि आपका लिंक फेसबुक, ट्विटर और लिंक्डइन पर कैसा दिखेगा
कस्टम छवि अपलोड का समर्थन करता है—क्योंकि स्टॉक फ़ोटो इसमें कटौती नहीं करते हैं
छवि आयामों को मान्य करता है और कुछ गड़बड़ होने पर आपको चेतावनी देता है
स्वच्छ, उपयोग के लिए तैयार HTML मेटा टैग आउटपुट करता है
कोई लॉगिन आवश्यक नहीं है. कोई ट्रैकिंग नहीं. कोई बकवास नहीं.

अक्सर पूछे जाने वाले प्रश्न

मुझे ओपन ग्राफ़ टैग की भी आवश्यकता क्यों है?
क्योंकि सोशल प्लेटफ़ॉर्म आपके पेज को ब्राउज़र की तरह नहीं पढ़ते हैं। वे पूर्वावलोकन कार्ड बनाने के लिए विशिष्ट मेटा टैग को स्क्रैप करते हैं। उनके बिना, आपका लिंक टूटा हुआ या सामान्य दिखता है। ये टैग फेसबुक, ट्विटर इत्यादि को बताते हैं कि वास्तव में कौन सी छवि, शीर्षक और विवरण दिखाना है।

क्या यह डायनामिक पेजों (जैसे रिएक्ट या वर्डप्रेस) के लिए काम करेगा?
हां—लेकिन आपको जेनरेट किए गए टैग को अपने पेज के में गतिशील रूप से इंजेक्ट करना होगा। टूल आपको कोड देता है; आप इसका उपयोग कैसे करते हैं यह आपके सेटअप पर निर्भर करता है। स्थिर साइटों के लिए, बस इसे पेस्ट करें। फ्रेमवर्क के लिए, आप एक टेम्पलेट या प्लगइन का उपयोग कर सकते हैं।