SSL प्रमाणपत्र जोड़ने के बाद वर्डप्रेस में मिश्रित सामग्री त्रुटि को कैसे ठीक करें

पूरी दुनिया अपनी वेबसाइट को HTTP से HTTPS तक ले जा रही है!

क्यों?

क्योंकि यह उनकी साइटों को सुरक्षित बनाता है & अफवाह यह है कि खोज इंजन “https” प्रोटोकॉल का उपयोग करके वेबसाइटों का पक्ष लेते हैं।

देर – सवेर, आप अपनी साइट को HTTPS में ले जाएं। लेकिन इससे पहले कि आप HTTP से HTTPS में सफल प्रवास करने के लिए कुछ कारकों पर विचार करें।

इस लेख में (और आने वाले लेखों में), मैं विभिन्न परिदृश्यों के लिए माइग्रेशन तकनीकों को कवर करूंगा।

यहाँ हमारा पहला परिदृश्य है:

  • साइट को एक Nginx सर्वर पर होस्ट किया गया है।
  • DNS को CloudFlare द्वारा प्रबंधित किया जाता है।
  • एसएसएल प्रमाण पत्र द्वारा आइए एनक्रिप्ट करें।

Let’s Encrypt + Nginx + CloudFlare: परिदृश्य 1

इस मामले में, मेरे होस्टिंग लोगों ने कॉन्फ़िगर किया एक नि: शुल्क एसएसएल प्रमाणपत्र से आइए एनक्रिप्ट करें।

तथापि, एक बड़ा उल्टा इस्तेमाल करने का तरीका आइए एनक्रिप्ट करें है प्रमाणपत्र 90 दिनों में समाप्त हो रहा है। इसलिए हर 90 दिनों के बाद, आपको या आपके होस्टिंग लोगों को इसकी आवश्यकता होती है प्रमाणपत्र को नवीनीकृत करें।

अधिकांश भुगतान किए गए एसएसएल प्रमाण पत्र रहते हैं एक वर्ष के लिए वैध है।

चूंकि मैं HTTPS की स्थापना कर रहा हूं जानकारी आधारित वेबसाइट कोई लेनदेन नहीं, मैं मुफ्त समाधान पसंद करते हैं अन्य सशुल्क एसएसएल प्रमाणपत्रों पर।

एसएसएल प्रमाणपत्र स्थापित करने के लिए सर्वर व्यवस्थापक से सर्टिफिकेट का उपयोग कर सकते हैं आइए एनक्रिप्ट करें।

एक बार प्रमाणपत्र स्थापित हो जाने के बाद, हमें क्लाउडफ़ेयर से HTTPS को कॉन्फ़िगर करने और अपने वर्डप्रेस ब्लॉग पर कुछ बदलाव करने की आवश्यकता है।

यहाँ आप कैसे शुरू कर सकते हैं:

  • अपने CloudFlare खाते में लॉगिन करें और वेबसाइट चुनें।
  • “क्रिप्टो” और “एसएसएल” टैब से क्लिक करें।
  • या तो “पूर्ण” या “पूर्ण (सख्त)” का चयन करें।

पूर्ण सख्त एसएसएल क्लाउडफ्लेयर

चूंकि मैं एक का उपयोग कर रहा हूँ आइए एनक्रिप्ट करें एसएसएल प्रमाणपत्र, मैंने “पूर्ण” का चयन किया।

यदि आपने DigiCert, GeoTrust, या किसी अन्य जैसे अन्य स्थानों से एक SSL प्रमाणपत्र खरीदा है, तो “पूर्ण (सख्त)” मोड का उपयोग करें।

  • सोच रहा था कि दोनों में क्या अंतर है?
    • एक के लिए पूर्ण (सख्त) जाँच वैध आपके मूल सर्वर पर प्रमाणपत्र, जबकि किसी भी प्रमाण पत्र के लिए पूर्ण जाँच।

पूर्ण एसएसएल: अपनी वेबसाइट के आगंतुकों और CloudFlare के बीच और CloudFlare से अपने सर्वर के बीच कनेक्शन का प्रयास करता है।

  • आपको अपने सर्वर पर एक SSL प्रमाणपत्र की आवश्यकता होगी। हालाँकि, CloudFlare को मान्य करने का प्रयास नहीं किया जाएगा प्रमाणपत्र (प्रमाणपत्र स्व-हस्ताक्षरित हो सकता है)।
  • आगंतुक अपने ब्राउज़र में SSL लॉक आइकन देखेंगे।

पूर्ण एसएसएल (सख्त): अपनी वेबसाइट के आगंतुकों और CloudFlare के बीच और CloudFlare से अपने सर्वर के बीच कनेक्शन का प्रयास करता है।

  • आप एक की आवश्यकता होगी वैध एसएसएल प्रमाणपत्र स्थापित अपने सर्वर पर, और प्रमाण पत्र एक विश्वसनीय प्रमाणपत्र प्राधिकारी द्वारा हस्ताक्षरित होना चाहिए।
  • आगंतुक अपने ब्राउज़र में SSL लॉक आइकन देखेंगे।

विभिन्न SSL Cloudflare

एक बार यह सक्षम हो जाने के बाद, आपको चाहिए अपनी वेबसाइट को HTTPS मोड में खोलें।

संभावना है आपको एक त्रुटि दिखाई देगी (जैसा नीचे दिखाया गया है)।

चित्र टूट जाएंगे और आपको “मिश्रित सामग्री” के लिए चेतावनी मिल जाएगी।

(मैंने पहले यहां मिश्रित सामग्री के बारे में बात की है।)

मुझे जल्दी से आप के लिए “मिश्रित सामग्री” की व्याख्या करें:

आपकी वेबसाइट HTTPS में खुल रही है, लेकिन संसाधन (आपकी छवियों और थीम फ़ाइलों की तरह) हैं अभी भी HTTP प्रोटोकॉल का उपयोग कर रहा है। चूंकि आपकी साइट दो प्रोटोकॉल का उपयोग कर रही है, इसलिए आपको यह “मिश्रित सामग्री” चेतावनी मिलेगी।

इन दो छवियों पर एक नज़र डालें:

पहले वाला लाल रंग में “https” साइन दिखाता है और उसके माध्यम से एक लाइन।

Chrome वसीयत के लिंक पर क्लिक करना डेवलपर कंसोल लाएं (जैसा कि दूसरी छवि में दिखाया गया है)।

टूटी हुई छवि https मुद्दा

असुरक्षित टूटी हुई https

आप स्पष्ट रूप से इसके लिए चेतावनी देख सकते हैं “टूटी HTTPS” और “सक्रिय मिश्रित सामग्री”।

WordPress में मिश्रित सामग्री चेतावनी को फिक्स करना: CloudFlare उपयोगकर्ता

यह वह जगह है जहाँ असली काम शुरू होता है (और यह मजेदार होने वाला है)!

मैं मान रहा हूं कि आप अपने DNS को प्रबंधित करने के लिए CloudFlare का उपयोग कर रहे हैं। (यह कैसे यह मार्गदर्शिका शुरू हुई! यह नहीं है?)

आधिकारिक CloudFlare WordPress प्लगइन स्थापित करें और इसे सक्रिय करें।

Settings> CloudFlare पर जाएं और प्लगइन को कॉन्फ़िगर करें।

“ऑन” विकल्प को टॉगल करें जो कहता है कि “स्वचालित HTTPS पुनर्लेखन”।

इस संदर्भ में HTTPS प्रोटोकॉल रिवर्टिंग आपके वर्डप्रेस साइट के भीतर लिंक को इमेज, स्टाइलशीट, और स्क्रिप्ट में से किसी एक का उपयोग करके परिवर्तित करता है “Http: //” या “https: //” केवल “//” का उपयोग करने के लिए। यह फिर से लिखना आपके ब्राउज़र को इन सभी संपत्तियों को उसी प्रोटोकॉल का उपयोग करके लोड करने के लिए कहता है, जो आधार पृष्ठ लोड किया गया है।

अभी, मुखपृष्ठ ताज़ा करें और आप नोटिस करेंगे लाल पट्टी हरे रंग की पट्टी में बदल गई है (कोई चेतावनी नहीं!)।

इसके अलावा, आपके सभी WordPress की टूटी हुई छवियाँ फिर से दिखाई दी हैं।

WordPress व्यवस्थापक क्षेत्र के लिए SSL लागू करना:

एक बार जब हमने मिश्रित सामग्री चेतावनी तय कर दी है, तो अब समय आ गया है बाकी को पूर्ण प्रवास के लिए कॉन्फ़िगर करें।

अब हम होंगे हमारे WordPress व्यवस्थापक क्षेत्र को लागू करना एसएसएल प्रोटोकॉल (HTTPS) का उपयोग करने के लिए। इसके लिए हमें वर्डप्रेस को एडिट करना होगा “WP-config.php” फ़ाइल।

इसके लिए, आपको एफ़टीपी का उपयोग करके अपने होस्टिंग में लॉगिन करना होगा। (यहाँ एक गाइड है)। अपने वर्डप्रेस इंस्टॉलेशन की जड़ में, आपको wp-config.php फ़ाइल मिलेगी। इसे संपादित करने से पहले, फ़ाइल का बैकअप लें।

अब, फ़ाइल खोलें और स्क्रीनशॉट में दिखाए अनुसार नीचे दी गई कमांड जोड़ें:

define('FORCE_SSL_ADMIN', true);

बल ssl व्यवस्थापक

वेबसाइट एड्रेस को “https” में बदलें:

  • SSL को व्यवस्थापक क्षेत्र के लिए लागू करने के बाद, सेटिंग> सामान्य (वर्डप्रेस डैशबोर्ड में) पर जाएं।
  • वर्डप्रेस और साइट URL को “https” में बदलें।

वेबसाइट का पता HTTPS में बदल गया

यह सुनिश्चित करेगा सभी चित्र और लिंक आपकी वर्डप्रेस साइट पर HTTPS में खोलें।

हालाँकि, नौकरी अभी तक नहीं की गई है, क्योंकि हमें अभी भी जरूरत है सभी ट्रैफ़िक को पुनर्निर्देशित करें HTTP से HTTPS पर आ रहा है।

HTTP से HTTPS तक सभी वर्डप्रेस ट्रैफ़िक को रीडायरेक्ट करें

यह चरण पूरी तरह से इस बात पर निर्भर करता है कि आप किस तरह के सर्वर का उपयोग कर रहे हैं।

यदि आप Bluehost, HostGator आदि की नियमित साझा होस्टिंग पर हैं, तो आप सबसे अधिक संभावना रखते हैं एक अपाचे सर्वर का उपयोग कर। अधिकांश प्रबंधित WordPress होस्टिंग Nginx सर्वर का उपयोग करता है।

आप या तो संपादित कर सकते हैं .htaccess “ अपने आप को फ़ाइल करें या वास्तव में सरल एसएसएल नामक इस मुफ्त प्लगइन का उपयोग करें।

वास्तव में सरल एसएसएल वर्डप्रेस प्लगइन

यह प्लगइन काम करता है Apache और Nginx दोनों सर्वर।

यदि आप इसे कोड के साथ करना चाहते हैं, तो अपने परिदृश्य को फिट करने वाले को चुनें।

  • एक अपाचे सर्वर के लिए, रीडायरेक्शन को आपके रीडायरेक्शन कोड को जोड़कर किया जा सकता है .htaccess “ फ़ाइल:


RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

  • एक Nginx सर्वर के लिए, यदि आप इस मार्गदर्शिका का पालन कर रहे हैं, या अपने सर्वर व्यवस्थापक से इसे आपके लिए करने के लिए कहें।

इसके अतिरिक्त, आप उपयोग कर सकते हैं खोजें और बदलें – http://domain.com से https://domain.com (यह कदम अत्यधिक अनुशंसित है)

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

खोजें और बदलें

HTTPS टेस्टिंग टूल:

अब समय है अपने कार्यान्वयन का परीक्षण करें HTTPS के।

आप अपनी साइट की जाँच करने के लिए इस उपकरण का उपयोग कर सकते हैं।

यहाँ WordPress साइट से रिपोर्ट है कि मैं HTTPS में स्थानांतरित कर दिया है:

एसएसएल परीक्षण उपकरण

SSL त्रुटियों की जाँच करें:

यह एक और उपयोगी साइट है आपकी वेबसाइट को गैर-सुरक्षित सामग्री के लिए स्कैन करता है।

HTTPS ऑनलाइन स्कैनर उपकरण

यहाँ कुछ और चीजें हैं जो आपको समय के साथ करनी चाहिए:

  • Google खोज कंसोल और बिंग वेबमास्टर टूल में “https” साइट जोड़ें।
  • अपना साइटमैप सबमिट करें।
  • अपडेट करें आपके सभी सामाजिक प्रोफ़ाइल लिंक “https” साइट को इंगित करने के लिए।
  • पुनर्निर्देशित आंतरिक लिंक खोजने और उन्हें एक क्लिक से ठीक करने के लिए टूटे हुए लिंक चेकर प्लगइन का उपयोग करें।
  • Google Analytics पर जाएं और साइट का URL अपडेट करें।

आशा है कि यह आपके ब्लॉग पर HTTPS सेटअप करने में आपकी मदद करेगा। आने वाले दिनों में मैं आपके वर्डप्रेस साइट के लिए एसएसएल प्रमाणपत्र स्थापित करने के लिए और अधिक परिदृश्य साझा करूंगा। यदि आपने हमारे स्मार्टफ़ोन ऐप को डाउनलोड नहीं किया है, तो आपको अपडेट रहने के लिए इसे अभी करना चाहिए।

Android ऐप डाउनलोड करें || IOS ऐप डाउनलोड करें

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top