Website क्या है? आसान भाषा में समझें कि Website कैसे खुलती है

आप रोज़ Google पर कुछ search करते हैं, YouTube पर video देखते हैं या किसी online दुकान पर सामान देखते हैं। इन सबके पीछे एक चीज़ है: Website। लेकिन website असल में होती क्या है? और जब आप फ़ोन या laptop पर कोई address लिखते हैं, तो कुछ ही सेकंड में page कैसे खुल जाता है?

यह हमारे WordPress Course (हिंदी) का पहला पाठ है। इसमें हम बिना coding के, रोज़मर्रा के उदाहरणों से यही समझेंगे।

इस पाठ में आप सीखेंगे:

  • Website और Web Page का फ़र्क
  • Browser और Server क्या करते हैं
  • URL के हिस्से
  • URL डालने से Page खुलने तक के 6 step
  • Self-hosted WordPress website के लिए किन 3 चीज़ों की ज़रूरत होती है

Website क्या है?

Website कई web pages का एक समूह है, जो एक ही नाम (domain) के नीचे internet पर रखा होता है और जिसे कोई भी browser से खोल सकता है।

इसे एक किताब की तरह समझिए:

  • पूरी किताब = Website
  • किताब का हर पन्ना = Web Page
  • किताब का नाम = Domain Name (जैसे dealyou.in)
  • किताब की विषय-सूची = website का Menu

Website और Web Page में फ़र्क

Website Web Page
क्या है Pages का पूरा समूह एक अकेला पन्ना
उदाहरण dealyou.in dealyou.in/about-us
पता एक domain domain + path

क्या Facebook Page भी Website है?

Facebook Page एक web page है, लेकिन वो facebook.com की website का हिस्सा है, आपकी स्वतंत्र website नहीं:

Facebook Page आपकी स्वतंत्र Website
पता (URL) facebook.com/आपका-page (domain Meta का) आपका domain, जैसे yourname.in
Server और data Meta के servers पर आपकी चुनी hosting पर, backup आपके पास
Design और code Meta का तय layout, अपना code या plugin नहीं Theme, plugins और code आपकी पसंद के
नियम Meta की Terms और Community Standards; उल्लंघन पर page restrict या हटाया जा सकता है Hosting, domain registrar और कानून के नियम; layout और content का फ़ैसला आपका

दोनों साथ चल सकते हैं: social media से लोग आप तक पहुँचते हैं, और website पर content आपके अपने पते पर रहता है।

Browser क्या करता है?

Browser वो software है जिससे आप websites खोलते और देखते हैं, जैसे Google Chrome, Microsoft Edge, Mozilla Firefox या Safari।

Browser को एक दुभाषिए (translator) की तरह समझिए। Website की files एक खास भाषा (HTML, CSS, JavaScript) में लिखी होती हैं। Browser इन files को पढ़कर आपको सुंदर page, फोटो, buttons और text के रूप में दिखाता है।

Browser के 2 मुख्य काम:

  1. आपकी माँग (request) server तक पहुँचाना।
  2. Server से आई files को पढ़कर page दिखाना।
WordPress website का front-end: Site Title, Menu, Post, Footer और Admin Bar हिंदी में समझाए गए
WordPress Playground (WP 7.1.4) का असली front-end screenshot

URL के हिस्से: Website का पूरा पता

हर web page का एक पूरा पता होता है, जिसे URL कहते हैं। जैसे घर के पते में मकान नंबर, गली और शहर होते हैं, वैसे ही URL के भी हिस्से होते हैं।

उदाहरण: https://dealyou.in/about-us/

हिस्सा उदाहरण मतलब
Protocol https:// Browser और server किस तरीके से बात करेंगे
Domain dealyou.in Website का नाम या पता
Path /about-us/ Website के अंदर कौन सा page

http और https में फ़र्क

https में आख़िरी “s” का मतलब है कि browser और server के बीच जानकारी encrypted (सुरक्षित तरीके से छिपाकर) भेजी जाती है। Desktop Chrome में address bar के बाईं तरफ़ अब ताले (lock) की जगह “View site information” का site controls (tune) icon दिखता है। Chrome 117 (सितंबर 2023) से ताला हटाया गया, क्योंकि लोग उसे “site भरोसेमंद है” का निशान समझ लेते थे। Icon पर click करने पर “Connection is secure” दिखे, तो connection encrypted है। http वाली site पर Chrome “Not secure” दिखाता है। Mobile पर icon थोड़ा अलग दिख सकता है।

ध्यान दें: इसका मतलब सिर्फ़ इतना है कि रास्ते में data सुरक्षित है, site भरोसेमंद है यह नहीं। Password या payment से पहले domain name ध्यान से पढ़ें।

Web Server क्या है?

Web Server शब्द के दो मतलब होते हैं: एक computer (hardware) और उस पर चलने वाला software, जो browser की माँग समझकर files भेजता है। यह computer 24 घंटे internet से जुड़ा रहता है और website की files (pages, फोटो, videos) रखता है।

रोज़मर्रा का उदाहरण: Server एक गोदाम (warehouse) जैसा है। आप order देते हैं (request), गोदाम वाला सामान ढूँढकर भेज देता है (response)।

हर server का एक नंबर वाला पता होता है, जिसे IP Address कहते हैं, जैसे फ़ोन नंबर। लोगों को नंबर याद नहीं रहते, इसलिए हम domain name इस्तेमाल करते हैं।

Hosting क्या है? Server पर अपनी website रखने की जगह किराए पर लेना Hosting कहलाता है। पूरी जानकारी हमारे article Web Hosting क्या है? में है।

DNS क्या है? Internet की Phone Book

Browser को कैसे पता चले कि dealyou.in किस IP address वाले server पर है? यह काम DNS (Domain Name System) करता है। DNS को internet की phone book समझिए। आप दोस्त का नाम ढूँढते हैं और phone book आपको उसका नंबर बता देती है। उसी तरह DNS domain name के बदले उस server का IP address बता देता है।

DNS के बारे में विस्तार से हम पाठ 4 में पढ़ेंगे।

URL डालने से Page खुलने तक: Step by Step

मान लीजिए आपने browser में https://dealyou.in लिखा और Enter दबाया। अब पर्दे के पीछे ये होता है:

Website कैसे खुलती है: Browser, DNS, Server और HTTP Request-Response के 6 steps का flowchart; 200 OK सफल response का उदाहरण
Diagram 1: URL डालने से Page दिखने तक के 6 steps
  1. आप URL डालते हैं: Browser समझता है कि आपको dealyou.in का page चाहिए।
  2. DNS से पता पूछा जाता है: Browser DNS से पूछता है, “dealyou.in का IP address क्या है?” DNS server का IP address बता देता है। (अगर आपने यह site हाल में खोली है, तो browser को यह पता पहले से याद हो सकता है।)
  3. Server से connection बनता है: Browser उस IP address वाले server से जुड़ता है। https होने पर दोनों के बीच सुरक्षित connection बनता है।
  4. Browser page माँगता है (HTTP Request): Browser server को संदेश भेजता है, “मुझे इस website का home page चाहिए।”
  5. Server जवाब भेजता है (HTTP Response): हर जवाब के साथ एक status code आता है। Request सफल हो तो उसका एक आम उदाहरण है “200 OK”, और साथ में page की files (HTML, CSS, JavaScript, फोटो) आती हैं। हर जवाब 200 नहीं होता: page न मिले तो “404 Not Found”, page नए पते पर गया हो तो 301 (redirect), और server में गड़बड़ हो तो 500 जैसा code आ सकता है। Data छोटे टुकड़ों (packets) में आता है।
  6. Browser page दिखाता है: Browser इन टुकड़ों और files को जोड़कर पूरा page screen पर दिखाता है।

यह सब आमतौर पर कुछ सेकंड या उससे भी कम में हो जाता है।

Pizza order वाला उदाहरण

  • आप app में दुकान का नाम खोजते हैं = Domain name डालना
  • App दुकान का असली पता ढूँढता है = DNS
  • Order दुकान तक पहुँचता है = HTTP Request
  • दुकान pizza बनाकर भेजती है = Server का Response
  • Pizza आपके दरवाज़े पर = Browser में Page

Static vs Dynamic Website

Static Website Dynamic Website
Page कैसे बनता है पहले से बनी fixed files Database से बनता है; cache हो तो पहले से बनी HTML copy भी भेजी जा सकती है
बदलाव Code या file बदलनी पड़ती है Dashboard से आसानी से
उदाहरण एक सादा portfolio page Blog, news site, online store
Caching से फ़ायदा Files पहले से तैयार, browser/CDN cache से और जल्दी पहुँचती हैं Cached HTML मिलने पर हर visit पर नया page बनाना ज़रूरी नहीं; PHP और database का काम बचता है
Cache के बाद भी Static ही रहती है Dynamic ही रहती है: content database से आता है, cache सिर्फ़ तैयार copy है

WordPress dynamic क्यों है? WordPress PHP भाषा में बना है और आपके posts व settings को एक database (MySQL या MariaDB) में रखता है। जब किसी page की cached copy न हो, तो server पर चल रहा WordPress database से जानकारी लेकर उसी पल page तैयार करता है। इसी वजह से आप बिना coding के dashboard से नया post लिख सकते हैं और वो website पर दिखने लगता है।

नीचे असली WordPress का Dashboard है। यहीं से posts लिखे और website संभाली जाती है।

WordPress Dashboard के मुख्य menu Posts, Pages, Appearance, Plugins और Settings हिंदी में समझाए गए
WordPress Playground (WP 7.1.4) का असली Dashboard screenshot

Caching की भूमिका

Cache यानी किसी चीज़ की तैयार copy संभालकर रखना। ज़्यादातर WordPress sites page cache (जैसे LiteSpeed Cache plugin) इस्तेमाल करती हैं: पहली बार बना page HTML copy के रूप में save होता है और अगले visitors को वही copy मिलती है, इसलिए site तेज़ चलती है। ध्यान रखें, cache चालू हो तो नया बदलाव तुरंत न दिखे, ऐसा हो सकता है; cache साफ़ (purge) करने के बाद नया version दिखता है।

Self-hosted WordPress Website के लिए 3 चीज़ें

इस course में हम self-hosted WordPress website बनाएँगे, यानी wordpress.org का मुफ़्त WordPress software अपनी hosting पर लगाना। इसके लिए तीन चीज़ें चाहिए, दुकान खोलने के उदाहरण से:

ज़रूरत Website में दुकान में
1. Domain Name आपकी website का नाम या पता (जैसे yourname.in) दुकान का पता और नाम का बोर्ड
2. Hosting Server पर files रखने की जगह दुकान की जगह (किराए पर)
3. WordPress (CMS software) Pages और posts बनाने व संभालने का system दुकान का ढाँचा, अलमारियाँ और सामान सजाने का तरीका
Self-hosted WordPress website के लिए 3 चीज़ें: Domain, Hosting और WordPress software, दुकान के उदाहरण से
Diagram 2: Self-hosted WordPress Website = Domain + Hosting + WordPress

हर website के लिए WordPress ज़रूरी नहीं। Website सिर्फ़ HTML/CSS files, किसी दूसरे CMS या website builder platform से भी बन सकती है; ऐसे platforms पर hosting और software अक्सर साथ मिलते हैं। हम WordPress इसलिए सीख रहे हैं क्योंकि यह मुफ़्त, open-source और बिना coding के चलाना आसान है।

Hosting चुनने से पहले website का plan बनाएँ: कौन से pages होंगे और किसके लिए। Hosting कैसे चुनें, यह पाठ 6 में सीखेंगे।

Beginners की आम गलतियाँ

  • “हर website के लिए WordPress ज़रूरी है” मान लेना। यह एक तरीका है, अकेला नहीं।
  • Website, Domain और Hosting को एक ही चीज़ समझना। ये तीन अलग चीज़ें हैं।
  • Social media page को ही अपनी website मान लेना। वो platform के domain और नियमों पर चलता है।
  • “Connection is secure” को “site भरोसेमंद है” समझ लेना। यह सिर्फ़ encrypted connection बताता है।
  • बिना plan के hosting खरीदना। पहले plan बनाएँ।

Practical Exercise (अभ्यास)

  1. कोई भी 3 websites खोलें और उनका URL copy करें। हर URL के तीन हिस्से अलग-अलग लिखें: Protocol, Domain और Path।
  2. अपनी पसंद की website का एक छोटा plan काग़ज़ पर लिखें:
    • Website का नाम क्या होगा?
    • Website किसके लिए है?
    • उसमें कौन से 5 pages होंगे? (जैसे Home, About, Services, Blog, Contact)

यह plan अगले पाठों में domain चुनते समय काम आएगा।

इस Course में आगे क्या सीखेंगे?

इस 30-पाठ के course में हम कदम-दर-कदम सीखेंगे:

  • Module 1: बुनियाद (Domain, Hosting, DNS, WordPress क्या है)
  • Module 2: Hosting और WordPress Setup
  • Module 3: WordPress Design
  • Module 4: Content बनाना
  • Module 5: SEO और Speed
  • Module 6: Security और Launch

अगला पाठ: पाठ 2, Domain Name क्या है?

अक्सर पूछे जाने वाले सवाल (FAQ)

क्या website बनाने के लिए coding आना ज़रूरी है?

नहीं। WordPress जैसे CMS से बिना coding के website बन सकती है। यह पूरा course इसी पर आधारित है।

Website और App में क्या फ़र्क है?

Website browser में खुलती है और उसे install नहीं करना पड़ता। App को phone या computer पर install करना पड़ता है।

क्या mobile से website बन सकती है?

कई काम mobile से हो सकते हैं, लेकिन setup और design के लिए laptop या computer ज़्यादा आसान रहता है।

Domain और Website में क्या फ़र्क है?

Domain सिर्फ़ website का नाम या पता है। Website वो pages और content है जो उस पते पर खुलते हैं।

DNS क्या करता है?

DNS domain name (जैसे dealyou.in) को server के IP address में बदलता है, ताकि browser सही server तक पहुँच सके।

निष्कर्ष

Website web pages का समूह है, जो किसी server पर रखी होती है। Browser DNS की मदद से उस server को ढूँढता है, page माँगता है और server से आई files को page के रूप में दिखाता है।

Domain, Hosting और WordPress, ये तीन चीज़ें हमारे self-hosted WordPress course के लिए हैं। हर website के लिए WordPress अनिवार्य नहीं; यह website बनाने के कई तरीकों में से एक है, जिसे हम इस course में सीखेंगे।

अगले पाठ में हम सीखेंगे कि Domain Name क्या होता है और अच्छा domain कैसे चुनें।

Leave a Comment

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

Scroll to Top