एसईओ आणि सामग्री

मेटा टॅग व्ह्यूअर मोफत

Bir URL'nin title, meta description, robots, canonical, viewport, charset, OG ve Twitter etiketlerini anında görüntüleyin.

मेटा टॅग तपासा
माहिती

मेटा टॅग व्ह्यूअर फ्री बद्दल

मेटा टॅग्ज ह्या HTML च्या लपलेल्या ओळी आहेत, ज्यांचा वापर एखादे वेबपेज शोध इंजिन आणि सोशल मीडिया प्लॅटफॉर्मवर स्वतःची ओळख करून देण्यासाठी करते. योग्य प्रकारे रचलेले मेटा टॅग्ज... </code> आणि <code><मेटा वर्णन></code> जरी याचा थेट परिणाम गुगल रँकिंगवर होत असला तरी, <code>og:title</code> आणि <code>og:image</code> जसे <strong>ओपन ग्राफ</strong> फेसबुक, लिंक्डइन आणि व्हॉट्सॲप पोस्टमध्ये दिसणारा प्रिव्ह्यू टॅग्ज ठरवतात. <code>रोबोट</code> `<head>` टॅग ठरवतो की पेज इंडेक्स करायचे की नाही.</p> <p>हे मोफत मेटा टॅग व्ह्यूअर टूल, पेजचा मेटा टॅग पाहण्यासाठी तुम्ही एंटर केलेल्या URL वर सर्वर-साइड रिक्वेस्ट पाठवते. <strong>शीर्षक</strong>, <strong>मेटा वर्णन</strong>, <strong>कीवर्ड</strong>, <strong>रोबोट</strong>, <strong>कॅनोनिकल</strong>, <strong>व्ह्यूपोर्ट</strong> आणि <strong>कॅरसेट</strong> सर्व मानक मेटा टॅगसह <strong>ओपन ग्राफ (og:*)</strong> आणि <strong>ट्विटर कार्ड</strong> हे टॅग्जचे विश्लेषण करते आणि त्यांना प्रकारानुसार गटबद्ध करून एका टेबलमध्ये सूचीबद्ध करते. यामुळे तुम्हाला प्रतिस्पर्धी साइट्सच्या एसईओ संरचनेचे विश्लेषण करता येते आणि तुमच्या स्वतःच्या पेजवरील गहाळ किंवा चुकीचे टॅग्ज पटकन ओळखता येतात.</p> <p>चौकशी सुरक्षितपणे केली जाते: फक्त <code>http</code>/<code>https</code> अनुमत पत्ते: स्थानिक नेटवर्क आणि खाजगी आयपी श्रेणी<em>लोकलहोस्ट, 127.0.0.1, 10.x, 192.168.x इत्यादी.</em>१० सेकंदांच्या आत विनंती पूर्ण न झाल्यास ती ब्लॉक केली जाईल आणि कालबाह्य होईल. आमच्या सर्व्हरवर कोणताही डेटा साठवला जात नाही.</p> </div> </div> <div class="col-lg-6"> <span class="hg-eyebrow">त्याचा वापर कसा करायचा?</span> <h2 class="mt-2 mb-4">टप्प्याटप्प्याने</h2> <ol class="hg-tool-steps"> <li>तुम्हाला पाहायच्या असलेल्या पानाचा पत्ता प्रविष्ट करा: <strong>https://example.com</strong> संपूर्ण URL याच फॉरमॅटमध्ये टाईप करा किंवा पेस्ट करा.</li><li><strong>टॅग मिळवा</strong> बटणावर क्लिक करा; हे टूल सर्व्हरवरून पेज खेचून घेईल. <code><शीर्षक></code> ते विभागाला वेगळे करते.</li><li>पृष्ठाचे शीर्षक (<strong>शीर्षक</strong>), वर्ण संच (<strong>कॅरसेट</strong>प्रथम `<head>` आणि `canonical URL` यांचा सारांश दिला जातो; त्यानंतर सर्व मेटा टॅग तक्त्यामध्ये सूचीबद्ध केले जातात.</li><li>लेबल्स त्यांच्या प्रकारानुसार रंगीत बॅजेस वापरून ओळखले जातात: <strong>मानक</strong>, <strong>ओपन ग्राफ</strong>, <strong>ट्विटर कार्ड</strong> आणि <strong>इतर</strong>.</li><li>कोणतेही मूल्य <strong>प्रत</strong> तुम्ही बटणाचा वापर करून ते तुमच्या क्लिपबोर्डवर जोडू शकता.</li> </ol> </div> </div> </div> </section> <section class="section-space-bottom"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-9"> <div class="text-center mb-8"> <span class="hg-eyebrow">वारंवार विचारले जाणारे प्रश्न (FAQ)</span> <h2 class="mt-2 mb-0">वारंवार विचारले जाणारे प्रश्न</h2> </div> <div class="accordion accordion--primary accordion-separate-body" id="faq-meta-etiket-goruntuleyici"> <div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow" type="button" data-bs-toggle="collapse" data-bs-target="#faq-meta-etiket-goruntuleyici-0" aria-expanded="true"> एसईओसाठी मेटा टॅग महत्त्वाचे का आहेत? </button> </h3> <div id="faq-meta-etiket-goruntuleyici-0" class="accordion-collapse shadow collapse show" data-bs-parent="#faq-meta-etiket-goruntuleyici"> <div class="accordion-body border border-dark border-opacity-5 fs-14">गूगल आणि इतर शोध इंजिन, <code>शीर्षक</code> आणि <code>मेटा वर्णन</code> हे शोध परिणामांमध्ये कीवर्ड आणि आकर्षक वर्णने दाखवते. योग्य कीवर्ड आणि आकर्षक वर्णनांमुळे क्लिक-थ्रू रेट वाढतो. <code>रोबोट</code> पेज इंडेक्स केले जाईल की नाही हे टॅग ठरवतो. <code>कॅनोनिकल</code> यामुळे मूळ URL निर्दिष्ट करून डुप्लिकेट सामग्रीच्या समस्या टाळता येतात.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-meta-etiket-goruntuleyici-1" aria-expanded="false"> ओपनग्राफ टॅग कशासाठी वापरले जातात? </button> </h3> <div id="faq-meta-etiket-goruntuleyici-1" class="accordion-collapse shadow collapse" data-bs-parent="#faq-meta-etiket-goruntuleyici"> <div class="accordion-body border border-dark border-opacity-5 fs-14">ओपन ग्राफ टॅग्ज (og:title, og:description, og:image, इत्यादी) फेसबुक, लिंक्डइन, व्हॉट्सॲप आणि डिस्कॉर्ड यांसारख्या प्लॅटफॉर्मवर एखादे पेज शेअर केल्यावर दिसणाऱ्या कार्डला नियंत्रित करतात. जर og:image नसेल किंवा त्याचा आकार चुकीचा असेल, तर शेअर कार्ड तुटलेल्या अवस्थेत दिसेल.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-meta-etiket-goruntuleyici-2" aria-expanded="false"> ट्विटर कार्ड स्टिकर्स ओपन ग्राफपेक्षा वेगळे आहेत का? </button> </h3> <div id="faq-meta-etiket-goruntuleyici-2" class="accordion-collapse shadow collapse" data-bs-parent="#faq-meta-etiket-goruntuleyici"> <div class="accordion-body border border-dark border-opacity-5 fs-14">ट्विटर स्वतःचे twitter:card, twitter:title, twitter:description आणि twitter:image टॅग वापरते. जर हे टॅग उपलब्ध नसतील, तर ट्विटर बॅकअप म्हणून ओपन ग्राफ टॅग वाचते. जर दोन्ही संच जोडले गेले, तर ट्विटर स्वतःच्या टॅगला प्राधान्य देते.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-meta-etiket-goruntuleyici-3" aria-expanded="false"> काही वेबसाइट्सवर मला निकाल का मिळत नाहीत? </button> </h3> <div id="faq-meta-etiket-goruntuleyici-3" class="accordion-collapse shadow collapse" data-bs-parent="#faq-meta-etiket-goruntuleyici"> <div class="accordion-body border border-dark border-opacity-5 fs-14">काही सर्व्हर बॉट विनंत्या ब्लॉक करू शकतात, धीम्या प्रतिसाद वेळेमुळे टाइम आउट होऊ शकतात किंवा अवैध SSL प्रमाणपत्रे वापरू शकतात. याव्यतिरिक्त, सुरक्षेच्या कारणास्तव, खाजगी नेटवर्क किंवा स्थानिक IP पत्त्यांवर क्वेरी केल्या जाऊ शकत नाहीत.</div> </div> </div><div class="accordion-item"> <h3 class="accordion-header"> <button class="accordion-button fw-medium shadow collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-meta-etiket-goruntuleyici-4" aria-expanded="false"> मी या साधनाच्या मदतीने प्रतिस्पर्धकांच्या वेबसाइट्सचे विश्लेषण करू शकेन का? </button> </h3> <div id="faq-meta-etiket-goruntuleyici-4" class="accordion-collapse shadow collapse" data-bs-parent="#faq-meta-etiket-goruntuleyici"> <div class="accordion-body border border-dark border-opacity-5 fs-14">होय. तुम्ही कोणताही सार्वजनिक URL प्रविष्ट करून शीर्षकाची लांबी, वर्णनात्मक मजकूर, रोबोट्स डायरेक्टिव्ह्ज आणि गहाळ असलेले OG टॅग तपासू शकता. तुमच्या स्वतःच्या पेजला ऑप्टिमाइझ करताना ही माहिती संदर्भ म्हणून वापरली जाऊ शकते.</div> </div> </div> </div> </div> </div> </div> </section> <section class="section-space-bottom"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-9 text-center"> <a href="/mr/%E0%A4%B8%E0%A4%BE%E0%A4%A7%E0%A4%A8%E0%A5%87/" class="hg-tool-back"> <iconify-icon icon="solar:arrow-left-linear"></iconify-icon> सर्व विनामूल्य साधनांवर परत जा </a> </div> </div> </div> </section> </main> <footer class="hg-footer section-space-top position-relative z-1 overflow-hidden"> <div class="section-space-sm-bottom"> <div class="container"> <div class="hg-foot-top d-flex flex-wrap align-items-center justify-content-between gap-4 pb-4 mb-4"> <div class="d-flex align-items-center gap-3 flex-wrap"> <a class="logo d-inline-block flex-shrink-0" href="/mr/"> <img src="/theme/assets/img/hostragons-logo.svg" alt="Hostragons" width="182" height="40" class="logo__img footer-logo"> </a> <span class="hg-foot-intro mb-0">वेब होस्टिंग, वर्डप्रेस, रिसेलर होस्टिंग, व्हर्च्युअल सर्व्हर्स आणि डोमेन नेम्ससाठी तुमचा विश्वासार्ह भागीदार.</span> </div> <div class="hg-foot-awards d-flex align-items-center gap-2"> <span class="hg-foot-label mb-0 me-1 d-none d-sm-inline">आमचे पुरस्कार</span> <span class="hg-award-box"><img src="/theme/assets/img/award-cloud-2021.png" alt="टॉप १० क्लाउड होस्टिंग २०२१" width="100" height="100" class="hg-award" loading="lazy"></span> <span class="hg-award-box"><img src="/theme/assets/img/award-offshore-2025.webp" alt="२०२५ मधील सर्वोत्तम २५ ऑफशोअर होस्टिंग पर्याय" width="100" height="100" class="hg-award" loading="lazy"></span> <span class="hg-award-box"><img src="/theme/assets/img/award-gaming-2026.webp" alt="टॉप २५ गेमिंग होस्टिंग २०२६" width="100" height="100" class="hg-award" loading="lazy"></span> </div> </div> <div class="row g-4"> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">डेटा सेंटर</p> <ul class="list gap-2"> <li><a href="/mr/%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">वेब होस्टिंग</a></li> <li><a href="/mr/%E0%A4%B0%E0%A4%BF%E0%A4%B8%E0%A5%87%E0%A4%B2%E0%A4%B0-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">पुनर्विक्रेता होस्टिंग</a></li> <li><a href="/mr/%E0%A4%B5%E0%A4%B0%E0%A5%8D%E0%A4%A1%E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A5%87%E0%A4%B8-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">वर्डप्रेस होस्टिंग</a></li> <li><a href="/mr/%E0%A4%AE%E0%A5%87%E0%A4%B2-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">मेल होस्टिंग</a></li> <li><a href="/mr/%E0%A4%86%E0%A4%AD%E0%A4%BE%E0%A4%B8%E0%A5%80-%E0%A4%B8%E0%A4%B0%E0%A5%8D%E0%A4%B5%E0%A5%8D%E0%A4%B9%E0%A4%B0/" class="hg-foot-link">व्हर्च्युअल सर्व्हर</a></li> <li><a href="/mr/%E0%A4%A1%E0%A5%80%E0%A4%8F%E0%A4%A8%E0%A4%8F%E0%A4%B8-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">डीएनएस होस्टिंग</a></li> </ul> </div> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">आमच्या सेवा</p> <ul class="list gap-2"> <li><a href="/mr/%E0%A4%B8%E0%A5%87%E0%A4%82%E0%A4%A6%E0%A5%8D%E0%A4%B0%E0%A4%BF%E0%A4%AF-%E0%A4%B5%E0%A4%BE%E0%A4%B9%E0%A4%A4%E0%A5%82%E0%A4%95/" class="hg-foot-link">ऑरगॅनिक हिट</a></li> <li><a href="/mr/whmcs-%E0%A4%AE%E0%A5%89%E0%A4%A1%E0%A5%8D%E0%A4%AF%E0%A5%82%E0%A4%B2/" class="hg-foot-link">डब्ल्यूएचएमसीएस मॉड्यूल</a></li> <li><a href="/mr/%E0%A4%B5%E0%A4%B0%E0%A5%8D%E0%A4%A1%E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A5%87%E0%A4%B8-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87%E0%A4%B6%E0%A4%A8/" class="hg-foot-link">वर्डप्रेस ऑप्टिमायझेशन</a></li> <li><a href="/mr/%E0%A4%B8%E0%A4%B0%E0%A5%8D%E0%A4%B5%E0%A5%8D%E0%A4%B9%E0%A4%B0-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87%E0%A4%B6%E0%A4%A8/" class="hg-foot-link">सर्व्हर ऑप्टिमायझेशन</a></li> <li><a href="/mr/%E0%A4%95%E0%A5%8D%E0%A4%B2%E0%A4%BE%E0%A4%89%E0%A4%A1%E0%A4%AB%E0%A5%8D%E0%A4%B2%E0%A5%87%E0%A4%85%E0%A4%B0-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87/" class="hg-foot-link">क्लाउडफ्लेअर ऑप्टिमायझेशन</a></li> <li><a href="/mr/%E0%A4%97%E0%A5%82%E0%A4%97%E0%A4%B2-%E0%A4%9C%E0%A4%BE%E0%A4%B9%E0%A4%BF%E0%A4%B0%E0%A4%BE%E0%A4%A4%E0%A5%80-%E0%A4%91%E0%A4%AA%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%AE%E0%A4%BE%E0%A4%AF%E0%A4%9D%E0%A5%87/" class="hg-foot-link">गुगल जाहिरात ऑप्टिमायझेशन</a></li> </ul> </div> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">इतर</p> <ul class="list gap-2"> <li><a href="/mr/%E0%A4%B8%E0%A5%87%E0%A4%B5%E0%A4%BE-%E0%A4%85%E0%A5%85%E0%A4%A1%E0%A4%91%E0%A4%A8%E0%A5%8D%E0%A4%B8/" class="hg-foot-link">सेवा ॲड-ऑन्स</a></li> <li><a href="/mr/%E0%A4%B5%E0%A4%BF%E0%A4%A8%E0%A4%BE%E0%A4%AE%E0%A5%82%E0%A4%B2%E0%A5%8D%E0%A4%AF-%E0%A4%B9%E0%A5%8B%E0%A4%B8%E0%A5%8D%E0%A4%9F%E0%A4%BF%E0%A4%82%E0%A4%97/" class="hg-foot-link">मोफत होस्टिंग आणि डोमेन नाव</a></li> <li><a href="/ai" class="hg-foot-link">RagonsAI</a></li> </ul> </div> <div class="col-6 col-lg-3"> <p class="hg-foot-h h6 mb-0">Hostragons®</p> <ul class="list gap-2"> <li><a href="/mr/blog/" class="hg-foot-link">ब्लॉग</a></li> <li><a href="/mr/%E0%A4%86%E0%A4%AE%E0%A4%9A%E0%A5%8D%E0%A4%AF%E0%A4%BE%E0%A4%B5%E0%A4%BF%E0%A4%B7%E0%A4%AF%E0%A5%80/" class="hg-foot-link">आमच्याबद्दल</a></li> <li><a href="/mr/%E0%A4%B8%E0%A4%82%E0%A4%AA%E0%A4%B0%E0%A5%8D%E0%A4%95/" class="hg-foot-link">संवाद</a></li> <li><a href="/mr/%E0%A4%B8%E0%A5%87%E0%A4%B5%E0%A4%BE-%E0%A4%95%E0%A4%B0%E0%A4%BE%E0%A4%B0/" class="hg-foot-link">सेवा करार</a></li> <li><a href="/mr/%E0%A4%AA%E0%A4%B0%E0%A4%A4%E0%A4%AB%E0%A5%87%E0%A4%A1%E0%A5%80-%E0%A4%A7%E0%A5%8B%E0%A4%B0%E0%A4%A3/" class="hg-foot-link">परतावा धोरण</a></li> <li><a href="/mr/%E0%A4%97%E0%A5%8B%E0%A4%AA%E0%A4%A8%E0%A5%80%E0%A4%AF%E0%A4%A4%E0%A4%BE-%E0%A4%A8%E0%A5%80%E0%A4%A4%E0%A5%80/" class="hg-foot-link">गोपनीयता धोरण</a></li> <li><a href="/mr/%E0%A4%95%E0%A5%81%E0%A4%95%E0%A5%80-%E0%A4%A7%E0%A5%8B%E0%A4%B0%E0%A4%A3/" class="hg-foot-link">कुकी धोरण</a></li> </ul> </div> </div> </div> </div> <div class="py-3 border-dark-subtle border-top"> <div class="container"> <div class="row g-3 g-lg-0 align-items-center"> <div class="col-lg-8"> <p class="mb-0 fs-14 hg-foot-copy">© २०२० होस्टरागॉन्स® — युके-स्थित होस्टिंग प्रदाता, नोंदणी क्रमांक १४३२०९५६. सर्व हक्क राखीव.</p> </div> <div class="col-lg-4"> <ul class="list list-row align-items-center justify-content-lg-end gap-4 flex-wrap mb-0"> <li><a href="https://www.facebook.com/hostragonsglobal" target="_blank" rel="noopener noreferrer" aria-label="फेसबुक" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="ic:baseline-facebook" class="fs-24"></iconify-icon></a></li> <li><a href="https://x.com/hostragons" target="_blank" rel="noopener noreferrer" aria-label="एक्स (ट्विटर)" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="ri:twitter-x-fill" class="fs-24"></iconify-icon></a></li> <li><a href="https://www.instagram.com/hostragons/" target="_blank" rel="noopener noreferrer" aria-label="इंस्टाग्राम" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:instagram" class="fs-24"></iconify-icon></a></li> <li><a href="https://www.youtube.com/@hostragons" target="_blank" rel="noopener noreferrer" aria-label="यूट्यूब" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:youtube" class="fs-24"></iconify-icon></a></li> <li><a href="https://www.flickr.com/photos/202229767@N08/" target="_blank" rel="noopener noreferrer" aria-label="फ्लिकर" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:flickr" class="fs-24"></iconify-icon></a></li> <li><a href="https://hostragons.medium.com/" target="_blank" rel="noopener noreferrer" aria-label="मध्यम" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:medium" class="fs-24"></iconify-icon></a></li> <li><a href="https://uk.pinterest.com/hostragonsglobal/" target="_blank" rel="noopener noreferrer" aria-label="पिंटरेस्ट" class="link d-inline-block text-body hover:text-primary"><iconify-icon icon="mdi:pinterest" class="fs-24"></iconify-icon></a></li> </ul> </div> </div> </div> </div> <img src="/theme/assets/img/shapes/footer-shape-1.png" alt="" width="1016" height="667" loading="lazy" decoding="async" class="img-fluid position-absolute start-0 bottom-0 z-n1 pointer-none d-none d-md-block footer-shape-1"> <img src="/theme/assets/img/shapes/footer-shape-2.png" alt="" width="934" height="1016" loading="lazy" decoding="async" class="img-fluid position-absolute end-0 top-50 translate-middle-y z-n1 pointer-none d-none d-md-block footer-shape-2"> </footer> <script defer src="/theme/assets/js/bootstrap.bundle.js"></script> <script defer src="/theme/assets/js/iconify.js"></script> <script defer src="/theme/assets/js/simplebar.js"></script> <script defer src="/theme/assets/js/swiper.js"></script> <script defer src="/theme/assets/js/prism.js"></script> <script defer src="/theme/assets/js/app.js"></script> <script defer src="/theme/assets/js/currency.js?v=20260619c"></script> <script defer src="/theme/assets/js/hg-dom-i18n.js"></script> <script defer src="/theme/assets/js/hg-domain.js"></script> <script defer src="/theme/assets/js/hg-header.js"></script> <script>(function(){var btn=document.getElementById("hgThemeToggle");if(!btn)return;btn.addEventListener("click",function(){var cur=document.documentElement.getAttribute("data-bs-theme")==="dark"?"dark":"light";var next=cur==="dark"?"light":"dark";document.documentElement.setAttribute("data-bs-theme",next);try{localStorage.setItem("theme",next)}catch(e){}})})(); </script> <div id="hgAichatPanel" class="hg-aichat-panel" role="dialog" aria-modal="false" aria-labelledby="hgAichatTitle" aria-hidden="true" hidden> <div class="hg-aichat-panel__head"> <span class="hg-aichat-panel__avatar" aria-hidden="true"> <iconify-icon icon="tabler:sparkles" class="hg-aichat-panel__avatar-ico"></iconify-icon> <span class="hg-aichat-panel__dot"></span> </span> <span class="hg-aichat-panel__head-txt"> <span class="hg-aichat-panel__title" id="hgAichatTitle">Hostragons सहाय्यक</span> <span class="hg-aichat-panel__status"><span class="hg-aichat-panel__status-dot" aria-hidden="true"></span>ऑनलाइन</span> </span> <button type="button" class="hg-aichat-panel__close" id="hgAichatClose" aria-label="बंद करा" title="बंद करा"><iconify-icon icon="solar:close-circle-linear"></iconify-icon></button> </div> <div class="hg-aichat-panel__body" id="hgAichatBody" aria-live="polite"> <div class="hg-aichat-msg hg-aichat-msg--bot"> <span class="hg-aichat-ava" aria-hidden="true"><iconify-icon icon="tabler:sparkles"></iconify-icon></span> <span class="hg-aichat-bubble">नमस्कार! मी Hostragons सहाय्यक आहे. होस्टिंग, सर्व्हर आणि डोमेन नावांबद्दलच्या प्रश्नांमध्ये मी तुम्हाला मदत करू शकतो. तुम्हाला काय जाणून घ्यायचे आहे?</span> </div> <div class="hg-aichat-chips" id="hgAichatChips"> <button type="button" class="hg-aichat-chip">माझ्यासाठी कोणते होस्टिंग योग्य आहे?</button> <button type="button" class="hg-aichat-chip">Node.js समर्थित आहे का?</button> <button type="button" class="hg-aichat-chip">किंमती काय आहेत?</button> <button type="button" class="hg-aichat-chip">WordPress साठी तुम्ही काय शिफारस करता?</button> </div> </div> <form class="hg-aichat-panel__form" id="hgAichatForm" autocomplete="off"> <div class="hg-aichat-inputwrap"> <input type="text" class="hg-aichat-input" id="hgAichatInput" name="message" placeholder="तुमचा संदेश लिहा..." aria-label="तुमचा संदेश लिहा..." maxlength="1000"> <button type="submit" class="hg-aichat-send" id="hgAichatSend" aria-label="पाठवा" title="पाठवा"><iconify-icon icon="solar:plain-2-bold"></iconify-icon><span class="hg-aichat-send__label">पाठवा</span></button> </div> <span class="hg-aichat-foot">Hostragons AI सहाय्यकाद्वारे समर्थित.</span> </form> <span id="hgAichatErr" aria-label="क्षमस्व, मी आत्ता उत्तर देऊ शकलो नाही. कृपया पुन्हा प्रयत्न करा." style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)"></span> </div> <script>(function(){var trigger=document.getElementById("hgAichatTrigger");var panel=document.getElementById("hgAichatPanel");if(!trigger||!panel)return;var inited=false,sending=false;var history=[];var STORE_KEY="hg_aichat_state";var transcript=[];var panelOpen=false,chipsHidden=false,restoring=false;function saveState(){if(restoring)return;try{sessionStorage.setItem(STORE_KEY,JSON.stringify({v:1,transcript:transcript.slice(-60),history:history.slice(-12),open:panelOpen,chipsHidden}))}catch(e){}}function loadState(){try{var raw=sessionStorage.getItem(STORE_KEY);if(!raw)return null;var st=JSON.parse(raw);if(!st||st.v!==1||!Array.isArray(st.transcript))return null;return st}catch(e){return null}}function errText(){var e=document.getElementById("hgAichatErr");return e&&e.getAttribute("aria-label")||"\xDCzg\xFCn\xFCm, \u015Fu an yan\u0131t veremedim. L\xFCtfen tekrar deneyin."}function bodyEl(){return document.getElementById("hgAichatBody")}function scrollDown(){var b=bodyEl();if(b)b.scrollTop=b.scrollHeight}function esc(s){return String(s).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function renderMd(text){var h=esc(text);h=h.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>");h=h.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+|\/[^\s)]*)\)/g,function(m,label,url){return'<a href="'+url+'" rel="noopener" target="_blank">'+label+"</a>"});h=h.replace(/(^|[\s(])(https?:\/\/[^\s<)]+)/g,function(m,pre,url){return pre+'<a href="'+url+'" rel="noopener" target="_blank">'+url+"</a>"});return h}function addMsg(role,text,noRecord){var b=bodyEl();if(!b)return null;var wrap=document.createElement("div");wrap.className="hg-aichat-msg hg-aichat-msg--"+(role==="user"?"user":"bot");if(role!=="user"){var ava=document.createElement("span");ava.className="hg-aichat-ava";ava.setAttribute("aria-hidden","true");ava.innerHTML='<iconify-icon icon="tabler:sparkles"></iconify-icon>';wrap.appendChild(ava)}var bubble=document.createElement("span");bubble.className="hg-aichat-bubble";if(role==="user")bubble.textContent=text;else bubble.innerHTML=renderMd(text);wrap.appendChild(bubble);b.appendChild(wrap);scrollDown();if(!noRecord){transcript.push({t:"msg",role:role==="user"?"user":"bot",text:String(text)});saveState()}return wrap}function addLinks(links,noRecord){if(!Array.isArray(links)||!links.length)return;var b=bodyEl();if(!b)return;var wrap=document.createElement("div");wrap.className="hg-aichat-msg hg-aichat-msg--bot";var box=document.createElement("div");box.className="hg-aichat-links";var saved=[];links.slice(0,5).forEach(function(l){var href=l&&(l.href||l.url);if(!href)return;var a=document.createElement("a");a.className="hg-aichat-link";a.href=String(href);a.rel="noopener";a.textContent=String(l.label||l.title||href);box.appendChild(a);saved.push({href:String(href),label:String(l.label||l.title||href)})});if(!box.childNodes.length)return;wrap.appendChild(box);b.appendChild(wrap);scrollDown();if(!noRecord&&saved.length){transcript.push({t:"links",links:saved});saveState()}}function hideChips(){var c=document.getElementById("hgAichatChips");if(c)c.classList.add("is-hidden");chipsHidden=true}function showTyping(){var b=bodyEl();if(!b)return null;var wrap=document.createElement("div");wrap.className="hg-aichat-msg hg-aichat-msg--bot";wrap.innerHTML='<span class="hg-aichat-ava" aria-hidden="true"><iconify-icon icon="tabler:sparkles"></iconify-icon></span><span class="hg-aichat-bubble hg-aichat-typing"><span></span><span></span><span></span></span>';b.appendChild(wrap);scrollDown();return wrap}function setSending(state){sending=state;var send2=document.getElementById("hgAichatSend");if(send2)send2.disabled=state}function openPanel(noFocus){if(!inited)init();panel.hidden=false;panel.setAttribute("aria-hidden","false");trigger.setAttribute("aria-expanded","true");requestAnimationFrame(function(){panel.classList.add("is-open")});if(!noFocus){var inp=document.getElementById("hgAichatInput");if(inp)setTimeout(function(){inp.focus()},60)}panelOpen=true;saveState()}function closePanel(){panel.classList.remove("is-open");panel.setAttribute("aria-hidden","true");trigger.setAttribute("aria-expanded","false");setTimeout(function(){if(!panel.classList.contains("is-open"))panel.hidden=true},240);panelOpen=false;saveState()}function send(text){if(sending)return;text=(text||"").trim();if(!text)return;hideChips();addMsg("user",text);history.push({role:"user",content:text});var inp=document.getElementById("hgAichatInput");if(inp)inp.value="";setSending(true);var typing=showTyping();var lang=(document.documentElement.getAttribute("lang")||"tr").toLowerCase();var ctrl=typeof AbortController!=="undefined"?new AbortController:null;var timer=setTimeout(function(){if(ctrl)ctrl.abort()},3e4);fetch("/araclar/api/ai-chat.php",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({message:text,lang,history:history.slice(-12)}),signal:ctrl?ctrl.signal:void 0}).then(function(r){if(!r.ok)throw new Error("HTTP "+r.status);return r.json()}).then(function(data){clearTimeout(timer);if(typing&&typing.parentNode)typing.parentNode.removeChild(typing);var reply=data&&(data.reply||data.answer||data.message)||"";if(reply){addMsg("bot",reply);history.push({role:"assistant",content:reply})}else{addMsg("bot",errText())}addLinks(data&&(data.suggestedLinks||data.links))}).catch(function(){clearTimeout(timer);if(typing&&typing.parentNode)typing.parentNode.removeChild(typing);addMsg("bot",errText())}).then(function(){setSending(false);if(inp)inp.focus()})}function init(){if(inited)return;inited=true;var form=document.getElementById("hgAichatForm");var closeBtn=document.getElementById("hgAichatClose");if(form)form.addEventListener("submit",function(e){e.preventDefault();var inp=document.getElementById("hgAichatInput");send(inp?inp.value:"")});if(closeBtn)closeBtn.addEventListener("click",closePanel);var chips=document.getElementById("hgAichatChips");if(chips)chips.addEventListener("click",function(e){var btn=e.target.closest?e.target.closest(".hg-aichat-chip"):null;if(btn)send(btn.textContent||"")});document.addEventListener("keydown",function(e){if(e.key==="Escape"&&panel.classList.contains("is-open"))closePanel()})}trigger.addEventListener("click",function(){if(panel.classList.contains("is-open"))closePanel();else openPanel()});function restoreState(){var st=loadState();if(!st||!st.transcript.length)return;restoring=true;try{init();if(Array.isArray(st.history))history=st.history.slice(-12);var b=bodyEl();if(b){while(b.firstChild)b.removeChild(b.firstChild)}hideChips();st.transcript.forEach(function(it){if(!it)return;if(it.t==="msg")addMsg(it.role==="user"?"user":"bot",String(it.text||""),true);else if(it.t==="links")addLinks(it.links,true)});transcript=st.transcript.slice();chipsHidden=true;scrollDown();if(st.open){panelOpen=true;openPanel(true)}}catch(e){}restoring=false;saveState()}if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",restoreState);else restoreState()})(); </script> </body> </html>