मालवेअर हे अनाहूत किंवा धोकादायक प्रोग्राम आहेत जे...
आज आम्ही वेबसाइट कशी सेट करावी ते पाहू जेणेकरुन तुम्हाला क्लायंट पाठवताना लाज वाटणार नाही. बहुधा, आपण आधीच डिझाइन तयार केले आहे. डोमेन कॉन्फिगर करणे आणि साइट प्रकाशित करणे बाकी आहे!
साइटचे नाव आणि वर्णनसाइटच्या "सेटिंग्ज" वर जा आणि SEO मजकूर (शोध इंजिनसाठी मजकूर) प्रविष्ट करा.
टॅब शीर्षक (अभ्यागतांना दृश्यमान) = ब्राउझर टॅबमध्ये दिसणाऱ्या साइटचे वर्णन. शीर्षकामध्ये, तुमच्या क्रियाकलाप क्षेत्राचे तपशीलांसह वर्णन करा.
उदाहरण "मॉस्कोमध्ये डिलिव्हरीसह इटालियन स्लाइडिंग वॉर्डरोब"
कीवर्ड (अभ्यागतांना दृश्यमान नाहीत) = प्रविष्ट करा कीवर्ड, जे तुमच्या साइटचे वैशिष्ट्य दर्शवते.
महत्त्वाचे: हे कीवर्ड Yandex.Direct शी कोणत्याही प्रकारे संबंधित नाहीत. शब्द वेगळे असू शकतात.
उदाहरण "इटली, किचन, वॉर्डरोब, कंपार्टमेंट, मॉस्को, डिलिव्हरी"
वर्णन (अभ्यागतांना दृश्यमान नाही) = तुमच्या साइटचे 200 वर्णांमध्ये वर्णन. तुमच्या साइटचे 1-2 वाक्यांमध्ये थोडक्यात वर्णन करा.
उदाहरण "कंपनी एलएलसी" थेट वितरणामध्ये गुंतलेली आहे इटालियन फर्निचरमॉस्कोमध्ये वितरणासह. आम्ही सर्व फिटिंगसाठी 10 वर्षांची हमी देतो. 100 पेक्षा जास्त मॉडेल स्टॉकमध्ये आणि ऑर्डरवर आहेत."
हेड टॅगमध्ये घाला आणि त्यात घाला बॉडी टॅग= पर्यायी. विशेष कोड घालण्यासाठी व्यावसायिक वापरकर्त्यांद्वारे वापरले जाते.
डोमेन कनेक्शनआमच्या सेवेमध्ये तयार केलेली कोणतीही वेबसाइट विनामूल्य सबडोमेन (site.lpmotortest.ru) प्राप्त करते. IN हा विभागतुम्ही ते बदलू शकता.
किंवा तुम्ही तुमचे डोमेन कनेक्ट करू शकता. हे करण्यासाठी, "डोमेन संलग्न करा" वर क्लिक करा आणि डोमेन नाव प्रविष्ट करा. डोमेन संलग्न करण्यासाठी, तुम्हाला योग्य dns नोंदणी करणे आवश्यक आहे:
DNS1: ns1.site
DNS2: ns2.site
प्रत्येक लँडिंग पृष्ठासाठी, तुम्ही नवीन अनुप्रयोग आणि क्लायंटबद्दल सूचना सेट करू शकता. सुरुवातीला, सर्व सूचना स्वयंचलितपणे चालू केल्या जातात. तुम्ही तुमच्या विवेकबुद्धीनुसार सेटिंग्ज कधीही बदलू शकता.
नमस्कार, प्रिय ब्लॉग वाचक! आम्ही "स्क्रॅचमधून वेबसाइट तयार करणे" हा विभाग सुरू ठेवतो आणि विशेषतः टॅगचा विषय... आणि आज आपण कोणत्याही इंटरनेट पृष्ठावर उपस्थित असलेले टॅग पाहू - , आणि . आणखी एक टॅग आहे जो प्रत्येक HTML दस्तऐवजात असणे आवश्यक आहे आणि ज्याबद्दल मी आधीच्या एका लेखात आधीच लिहिले आहे - म्हणून आम्ही त्यास स्पर्श करणार नाही.
या विभागाच्या मागील लेखांमध्ये मी निर्मितीबद्दल लिहिले होते रिकामी फाइलव्ही html स्वरूप. खरं तर, ते बद्दलच्या लेखात वापरले होते (तेथेच शीर्षक टॅग लागू केले होते). आता आम्ही संपूर्ण वर्णनासह ही फाईल थेट संपादित करू.
आणि आम्ही तयार केलेली फाईल संपादित करून लेख सुरू करू. व्यक्तिशः, मी त्याला index.html असे नाव दिले आहे, परंतु नाव काहीही असू शकते. कोणत्याही वापरून ते उघडा मजकूर संपादक(नोटपॅड++ वापरणे चांगले आहे, कारण त्यात कोड हायलाइटिंग आणि इतर उपयुक्त वैशिष्ट्ये आहेत). आणि आम्ही लगेच त्यात टॅग जोडू, आणि ते ज्या क्रमाने लिहिले आहेत त्या क्रमाने. स्क्रीनशॉटमध्ये दर्शविल्याप्रमाणे, त्यांना बंद करण्यास विसरू नका. दस्तऐवज असे दिसेल:
आता प्रत्येक टॅगचा अर्थ स्वतंत्रपणे पाहू. ते प्रत्येक HTML दस्तऐवजात आहेत असे काही नाही.
टॅगची कार्ये म्हणून, टॅग एक कंटेनर () आहे. यात वेब पृष्ठाची सर्व दृश्यमान आणि अदृश्य सामग्री (टॅग आणि ) समाविष्ट आहे. ओपनिंग टॅग नंतर लगेच येतो Doctype घोषणा, आणि समापन दस्तऐवजाच्या शेवटी आहे. अशा प्रकारे, दस्तऐवजावर प्रक्रिया कोठे सुरू करावी आणि कोठे समाप्त करावी हे ब्राउझरला स्पष्ट करते.सैद्धांतिकदृष्ट्या, तो स्वतः काय आणि कसे समजू शकतो. खरंच? हा एक HTML अनुवादक आहे आणि दस्तऐवजाच्या मध्यभागी प्रक्रिया सुरू करण्याची आणि शेवटपर्यंत पोहोचण्यापूर्वी ती पूर्ण करण्याची शक्यता नाही. प्रश्न, अर्थातच, वादग्रस्त आहे, परंतु मी नेहमी विचार केला (आणि आता मी माझे मत सोडत नाही) ते लेखन या टॅगचेअपरिहार्यपणे.
जरी या टॅगचे कार्य केवळ सामग्रीच्या सीमा दर्शवण्यासाठी आहे हे लक्षात घेऊन, त्याचे स्वतःचे गुणधर्म आहेत (जे आता एकतर अजिबात वापरले जात नाहीत किंवा अत्यंत क्वचितच वापरले जातात). IN विविध स्रोतएकमेकांपासून भिन्न असलेले गुणधर्म सूचित केले आहेत, म्हणून मी योग्य आवृत्ती पुढे ठेवण्याचे धाडस करत नाही.
मी खात्रीने सांगू शकतो की फक्त एकच गोष्ट HTML 4.01 द्वारे समर्थित नाहीत किंवा अवांछित आहेत. तरीही मी एक उदाहरण देईन.
- दस्तऐवजात कुठेही टूलटिप. उदाहरणार्थ, जेव्हा तुम्ही तुमचा माउस एखाद्या प्रतिमेवर फिरवता तेव्हा तुम्हाला मजकूर पॉप अप दिसू शकतो. या टॅगच्या बाबतीत देखील:
तुम्ही या सामग्रीसह दस्तऐवजावर फिरता तेव्हा तुम्हाला काय दिसेल: ते वापरणे श्रेयस्कर आहेशीर्षक विशेषता टॅगमध्ये नाही, परंतु पृष्ठाच्या इतर कोणत्याही विशिष्ट भागात. प्रथम, ते सोयीस्कर आहे आणि दुसरे म्हणजे,शोध इंजिन
आपल्या साइटवर चांगले उपचार करेल. हा टॅग संसाधन ऑप्टिमायझेशनवर थेट परिणाम करत नाही. चला पुढे जाऊया. टॅग फंक्शन आणि पुढील ओळीत टॅग आहे. त्यात सर्वकाही समाविष्ट आहेतांत्रिक माहितीकोणत्या माहितीमध्ये पाहिले जाऊ शकते? पण एकही नाही. या टॅगमध्ये असलेली प्रत्येक गोष्ट मानवी डोळ्यांना केवळ पाहण्याद्वारे प्रवेशयोग्य आहे स्रोत कोडपृष्ठे या टॅगमधील सर्व सामग्री शोध इंजिन आणि ब्राउझरसाठी आहे. वेब पृष्ठ विंडोच्या शीर्षकासाठी जबाबदार असणारा टॅग, आपण कसा तरी पाहू शकता. येथे एक उदाहरण आहे:
आयकॉन नंतरचा मजकूर टॅगची सामग्री आहे. आता आपण पाहू शकत नाही अशी सामग्री पाहू, परंतु जी खूप आहे महत्वाचा भागसाइटची निर्मिती आणि जाहिरात. सर्व प्रथम, ही ओळ आहे
हा एक मेटा टॅग आहे जो पृष्ठाच्या सामग्री प्रकारासाठी (सामग्री-प्रकार) जबाबदार आहे. IN या प्रकरणात, हे html कोड UTF-8 एन्कोडिंगमध्ये (content="text/html; charset=UTF-8"). पुढे येतो शीर्षक टॅगवर वर्णन केले आहे. त्यानंतर टॅगपासून सुरू होणाऱ्या ओळी आहेत. सह कनेक्शन दर्शवते बाह्य दस्तऐवज. उदाहरणार्थ, ओळ
सूचित करते की (type="text/css") असलेली (rel="stylesheet") फाईल कनेक्ट केलेली आहे, जी अशा पत्त्यावर स्थित आहे (रेषेची लांबी कमी करण्यासाठी, मी अर्धा पत्ता ठिपक्यांनी बदलला आहे) . ब्राउझरद्वारे या स्ट्रिंगवर प्रक्रिया केल्यानंतर, ते कोठून मिळवायचे ते ठरवेल. कॅस्केडिंग टेबलशैली
सर्वसाधारणपणे, हेड टॅगमध्ये बरीच माहिती असते ज्याबद्दल आपण अविरतपणे बोलू शकता. लक्षात ठेवण्यासारखी शेवटची गोष्ट (विशेषत: च्या बाबतीत) म्हणजे वर्णन टॅग, कीवर्ड आणि कॅनॉनिकलची उपस्थिती. मी वापरतो सर्व प्लगइनमध्ये एक एसइओपॅक, म्हणूनच ते आत उपस्थित आहेत.
घटक हा एकमेव आवश्यक शीर्षक टॅग आहे आणि दस्तऐवजाला शीर्षक देण्यासाठी कार्य करतो. टॅगमध्ये ठेवलेला मजकूर वेब ब्राउझरच्या शीर्षक बारमध्ये दिसतो. ब्राउझर विंडो शीर्षकामध्ये पूर्णपणे बसण्यासाठी शीर्षक 60 वर्णांपेक्षा जास्त लांब नसावे. शीर्षक मजकुरात शक्य तितके असावे पूर्ण वर्णनवेब पृष्ठ सामग्री.
प्रत्येक दस्तऐवजासाठी, घटक केवळ आवश्यकच नाही तर अनेक कारणांसाठी उपयुक्त देखील आहे:
- दस्तऐवज शीर्षकाची अनुपस्थिती ब्राउझरला, HTML कोडचा अर्थ लावताना, एक वाक्यांश प्रदर्शित करण्यास भाग पाडेल शीर्षक नसलेला दस्तऐवज(शीर्षकरहित दस्तऐवज) जो तुमच्या साइटच्या थीमशी किंवा त्यातील सामग्रीशी संबंधित नाही;
- ब्राउझर "बुकमार्क" मध्ये घटकाशिवाय तयार केलेला HTML दस्तऐवज जोडण्याचा प्रयत्न करताना, वापरकर्त्यास स्वतंत्रपणे जोडण्यासाठी पृष्ठाचे नाव प्रविष्ट करावे लागेल;
- शोध इंजिनांना, जेव्हा अज्ञात पृष्ठाचा सामना करावा लागतो, तेव्हा ते शीर्षकाखाली त्यांच्या डेटाबेसमध्ये प्रविष्ट करतात शीर्षकहीन, जे असा दस्तऐवज चेहराविरहित बनवेल आणि इंटरनेटवर पोस्ट केलेल्या लाखो इतर HTML दस्तऐवजांसारखा असेल.
वेबसाइट - HTML, CSS, JavaScript वरील ऑनलाइन ट्यूटोरियल.
मुख्य सामग्री...
घटक
घटक वापरून, आपण पृष्ठ सामग्री आणि कीवर्डचे वर्णन निर्दिष्ट करू शकता शोध इंजिन, html दस्तऐवज आणि इतर मेटाडेटा गुणधर्मांचे लेखक. एका घटकामध्ये अनेक घटक असू शकतात कारण ते वापरलेल्या गुणधर्मांवर अवलंबून भिन्न माहिती ठेवतात.
HTML पृष्ठ एन्कोडिंगHTML पृष्ठाचे एन्कोडिंग निर्दिष्ट करणे आवश्यक आहे जेणेकरून वेब ब्राउझर पृष्ठावरील मजकूर योग्यरित्या प्रदर्शित करू शकेल. आपण स्पष्टपणे एन्कोडिंग निर्दिष्ट न केल्यास, पृष्ठ प्रदर्शित करताना ब्राउझर स्वयंचलितपणे ते निर्धारित करेल. एन्कोडिंग चुकीच्या पद्धतीने निर्धारित केले असल्यास, मजकुराऐवजी चित्रलिपी प्रदर्शित केली जाईल.
सर्वात सामान्य आधुनिक एन्कोडिंग आहे utf-8.
या पृष्ठावर कोणते एन्कोडिंग वापरले जाते ते वापरकर्त्याच्या ब्राउझरला सांगा:
मेटा घटक आणि शोध इंजिन
पृष्ठ अनुक्रमित करताना काही शोध इंजिन मेटा घटकांकडे पाहतात.
उदाहरणार्थ, खालील मेटा घटक HTML दस्तऐवज आणि कीवर्डसाठी वर्णन परिभाषित करतात (ही माहिती शोध इंजिनद्वारे दस्तऐवज प्रदर्शित करताना वापरली जाऊ शकते. शोध परिणाम):
पृष्ठ सामग्री आणि कीवर्डचे वर्णन:
घटकासाठी उपलब्ध विशेषता वर्णसेट , सामग्री , http-equiv , नाव , तसेच जागतिक गुणधर्म आहेत.
| अक्षरसंच | वर्तमान HTML दस्तऐवजासाठी वर्ण एन्कोडिंग निर्दिष्ट करते: |
| सामग्री | मालमत्तेसाठी परतावा मूल्य परिभाषित करते. http-equiv किंवा name विशेषताशी संबंधित मूल्य निर्दिष्ट करणारा अनियंत्रित मजकूर असतो. |
| http-equiv | दिलेल्या वेब पृष्ठावरील ब्राउझर क्रिया नियंत्रित करते (HTTP शीर्षलेखांच्या समतुल्य). पृष्ठ प्रस्तुत करताना, ब्राउझर विशेषतामध्ये निर्दिष्ट केलेल्या सूचनांचे पालन करेल: डिफॉल्ट-शैली - पृष्ठावर वापरण्यासाठी पसंतीची शैली निर्दिष्ट करते. विशेषता सामग्री CSS स्टाइलशीटचा संदर्भ देणाऱ्या घटकाचा आयडी किंवा स्टाइलशीट असलेल्या घटकाचा आयडी असणे आवश्यक आहे. रिफ्रेश - पृष्ठ रीलोड होण्याच्या काही सेकंदांमध्ये वेळ दर्शविते किंवा गुणात असल्यास दुसऱ्या पृष्ठावर पुनर्निर्देशित करण्याची वेळ सामग्रीवेळेनंतर एक ओळ आहे "url=page_address". निर्दिष्ट कालावधीनंतर पृष्ठ स्वयंचलितपणे रीलोड करा, मध्ये या उदाहरणात, 30 सेकंदांनंतर: तुम्हाला ताबडतोब अभ्यागताला दुसऱ्या पृष्ठावर पुनर्निर्देशित करण्याची आवश्यकता असल्यास, तुम्ही url पॅरामीटरमध्ये URL निर्दिष्ट करू शकता: |
| नाव | पुरवतो अतिरिक्त वर्णनटॅग ही विशेषता वगळल्यास, ती http-equiv विशेषताशी समतुल्य मानली जाते. घटकामध्ये आधीपासून http-equiv , charset , किंवा itemprop विशेषता सेट असल्यास ते वापरले जाऊ नये. अनुप्रयोग-नाव - पृष्ठावर वापरलेल्या वेब अनुप्रयोगाचे नाव निर्दिष्ट करते. लेखक - वेब पृष्ठाच्या लेखकाचे नाव सूचित करण्यासाठी वापरले जाते: वर्णन - हे पृष्ठाचे वर्णन आहे, ते बहुतेकदा शोध इंजिनद्वारे ते कशासाठी समर्पित आहे हे निर्धारित करण्यासाठी वापरले जाते, उदाहरणार्थ: जनरेटर - पॅकेजपैकी एक निर्दिष्ट करते सॉफ्टवेअर, दस्तऐवज तयार करण्यासाठी वापरले जाते, उदाहरणार्थ: कीवर्ड - पृष्ठाच्या सामग्रीशी संबंधित कीवर्डची स्वल्पविरामाने विभक्त केलेली सूची आहे, उदाहरणार्थ: प्राग्मा - ब्राउझरला पृष्ठ कॅश करण्यापासून प्रतिबंधित करते, उदाहरणार्थ: कालबाह्य - पृष्ठ केव्हा कालबाह्य होईल (आणि कॅशेमधून काढले जावे) हे सूचित करण्यासाठी वापरले जाऊ शकते, उदाहरणार्थ: रोबोट्स - शोध इंजिनमध्ये समाविष्ट असावे की नाही हे सूचित करते हे पृष्ठशोध परिणामांमध्ये. उदाहरणार्थ, nofollow मूल्य हे निर्दिष्ट करते की शोध इंजिने शोध परिणामांमध्ये हे पृष्ठ समाविष्ट करू शकतात, परंतु त्यातून लिंक केलेली पृष्ठे दर्शवू नयेत: व्ह्यूपोर्ट - विकसकांना भिन्न डिव्हाइसेसवर मूळ व्ह्यूपोर्टचा आकार नियंत्रित करण्यास अनुमती देते: रुंदी = उपकरण-रुंदी— ब्राउझरला व्ह्यूपोर्टची रुंदी डिव्हाइस स्क्रीनच्या रुंदीइतकी सेट करण्यास सांगते, ते काहीही असो; प्रारंभिक स्केल = 1.0- संच प्रवेश पातळीजेव्हा ब्राउझर प्रथम पृष्ठ लोड करतो तेव्हा स्केलिंग. |
एचटीएमएल डॉक्युमेंटमधील घटक ब्राउझरला ते कुठे आहे ते सांगतो. बाह्य फाइलपेज फॉरमॅट करण्यासाठी CSS चा वापर केला जातो.
घटकाने खालील तीन विशेषता वापरणे आवश्यक आहे:
- href - CSS फाईलचा मार्ग निर्दिष्ट करते, जे सहसा नावाच्या फोल्डरमध्ये असते cssकिंवा शैली;
- प्रकार - लिंक कोणत्या दस्तऐवजाकडे निर्देश करते ते निर्धारित करते. मूल्य निर्दिष्ट करणे आवश्यक आहे मजकूर/सीएसएस;
- rel - HTML पृष्ठ आणि मधील संबंध परिभाषित करते लिंक केलेली फाइल. CSS फाइलशी लिंक करताना, स्टाइलशीट मूल्य निर्दिष्ट करणे आवश्यक आहे.
तुम्ही सक्षम करू शकता CSS नियम HTML पृष्ठामध्ये त्यांना घटकाच्या आत ठेवून, जे सहसा घटकामध्ये आढळते.
घटकघटक तुम्हाला दस्तऐवजात विविध स्क्रिप्ट जोडण्याची परवानगी देतो. स्क्रिप्ट कोड स्वतः या घटकामध्ये किंवा बाह्य फाइलमध्ये स्थित असू शकतो. जर स्क्रिप्ट मजकूर बाह्य फाईलमध्ये स्थित असेल तर तो घटक गुणधर्म वापरून कनेक्ट केला जातो.
IN खालील उदाहरणबाह्य script.js फाइल HTML दस्तऐवजाशी कनेक्ट होते आणि जेव्हा वापरकर्ता बटणावर क्लिक करतो तेव्हा एक पॉप-अप विंडो व्युत्पन्न करते:
घटक दस्तऐवजाची संपूर्ण मूळ URL निर्दिष्ट करतो ज्याच्या विरुद्ध सर्व संबंधित URL ची गणना केली जाते. तुमचे पृष्ठ दुसऱ्या ठिकाणी हलवल्यास हे अडचणी टाळण्यात मदत करेल. दुसऱ्या शब्दांत, सर्व दुवे पूर्वीप्रमाणे कार्य करतील.
मुख्य घटक गुणधर्म href आहे. बेस फोल्डरचा पत्ता त्याचे मूल्य म्हणून वापरला जातो, ज्याच्या सापेक्ष पत्ते मोजले जातील. मुलभूतरित्या मूळ पत्ता आहे डोमेन नावसाइट
या टॅगचा आणखी एक उपयुक्त गुणधर्म लक्ष्य आहे. लक्ष्य विशेषता HTML दस्तऐवजात आढळलेल्या दुव्यांवरून कोणत्या विंडो पृष्ठांवर लोड केली जाईल हे निर्धारित करते. डीफॉल्टनुसार, दुवे समान ब्राउझर विंडोमध्ये उघडतात.
इंटरनेटवरील प्रत्येक HTML दस्तऐवजात विविध घटक असतात. त्यापैकी बरेच सामान्य आहेत आणि जवळजवळ प्रत्येक वेबसाइटवर आढळू शकतात. उदाहरणार्थ, पृष्ठ सामग्री सहसा परिच्छेदांमध्ये विभागली जाते आणि त्यात शीर्षके, प्रतिमा आणि दुवे असतात. परंतु हे घटक सामान्य असले तरी, कोडमध्ये त्यांची उपस्थिती आवश्यक नाही. वेब पृष्ठावर त्यांची तांत्रिक गरज नाही. तथापि, या टॅगशिवाय साइट शोधणे दुर्मिळ आहे.
टॅग उद्देशअसे घटक आहेत जे कोडमध्ये उपस्थित असणे आवश्यक आहे. तांत्रिकदृष्ट्या फक्त एक टॅग आहे जो सर्व दस्तऐवजांच्या शीर्षस्थानी उपस्थित असणे आवश्यक आहे HTML भाषा- -टॅग. हे ब्राउझरला पृष्ठ कोठे सुरू होते आणि कोठे संपते हे समजण्यास अनुमती देते. HTML पृष्ठाची संपूर्ण सामग्री ओपनिंग आणि क्लोजिंग टॅग दरम्यान ठेवली जाते. त्याच्या आधी फक्त doctype आहे. इतर बहुतेक तांत्रिकदृष्ट्या आहेत महत्वाचे घटक- टॅगच्या आत, जे आत स्थित आहे आणि कोडच्या अगदी सुरुवातीला स्थित आहे. हे आणि टॅग हे त्याचे वंशज आहेत.
मध्ये काय समाविष्ट आहेएक घटक इतर घटकांसाठी कंटेनर आहे. त्यात समाविष्ट आहे सामान्य माहिती(मेटाडेटा) दस्तऐवज बद्दल, त्याचे शीर्षक, स्क्रिप्ट आणि स्टाईल शीट्सच्या लिंक्ससह. मेटाडेटा दस्तऐवजाबद्दल माहिती प्रदान करतो, जसे की शीर्षक, वर्णन, कीवर्ड. टॅग जेथे आहे त्याच ठिकाणी, साइट सामग्री ठेवली आहे. मेटाडेटा अभ्यागतांपासून लपविला जातो, परंतु पृष्ठाचा प्रचार करण्यासाठी ऑप्टिमायझर्सद्वारे वापरला जातो. ते आणि हेडिंग (-) टॅग अतिशय उपयुक्त आहेत कारण ते वेब ब्राउझर तसेच त्या पृष्ठाबद्दल शोध इंजिनला माहिती देतात.
मधील बहुतेक घटकांचा क्रम खरोखर महत्त्वाचा नाही. ही प्राधान्याची बाब आहे, म्हणून ते लेआउट डिझाइनरसाठी सोयीस्कर पद्धतीने लिहिले जाऊ शकतात. साठी मेटाडेटा आवश्यक आहे शोध इंजिन ऑप्टिमायझेशन, कारण ते बॉट्ससाठी अनुक्रमित साइट शोधणे आणि त्यांना एका विशिष्ट क्रमाने शोध पृष्ठावर प्रदर्शित करणे सोपे करतात. डिस्प्ले ऑर्डर त्यांच्या ऑपरेटिंग अल्गोरिदमवर अवलंबून असते, ज्यामध्ये, इतर गोष्टींबरोबरच, पृष्ठाबद्दल योग्य तांत्रिक माहिती समाविष्ट असते.
कोणते घटक असू शकतातखालील आयटमया टॅगमध्ये असू शकते: (हा घटक यासाठी आवश्यक आहे HTML दस्तऐवज), , , , , .
टॅगमध्ये तुम्ही हे करू शकता:
बहुतेक मेटाडेटा ब्राउझरमध्ये दिसत नाही. फक्त सामान्यतः ब्राउझर शीर्षक बारमध्ये दिसते. हे पृष्ठाच्या कार्यक्षमतेसाठी उपयुक्त ठरू शकते आणि इन्स्पेक्टरद्वारे माहिती सहजपणे तपासली जाऊ शकते.
वाक्यरचना आणि विशेषताटॅग - जोडलेले. याचा अर्थ काय? त्यातील माहिती ओपनिंग आणि क्लोजिंग टॅग्जमध्ये असे लिहिलेली आहे. बहुतेक HTML दस्तऐवजांमध्ये काय असावे? हा टॅग मध्ये आहे. दस्तऐवज srcdoc असल्यास, किंवा शीर्षलेखात संलग्न करणे आवश्यक असलेली माहिती आधीपासून प्रोटोकॉलमध्ये आहे उच्च पातळी. एक उदाहरण HTML स्वरूप असेल ईमेल. प्रदान करण्यासाठी HTML घटकामध्ये विशेषता जोडल्या जाऊ शकतात अधिक माहितीघटक कसे दिसावे किंवा कसे वागले पाहिजे याबद्दल. टॅग प्रोफाइल विशेषता स्वीकारतो, ज्यामध्ये मेटाडेटा प्रोफाइल पत्ता आणि इतर जागतिक गुणधर्म असतात. पण ते अनिवार्य नाहीत.
पृष्ठ घटक किंवा शीर्षक हे मधील सर्वात महत्वाचे मेटा टॅगपैकी एक आहे. ते वेब पृष्ठावर नेहमी उपस्थित असणे आवश्यक आहे, अन्यथा ते ते द्रुतपणे शोधण्यात आणि शोध परिणामांमध्ये योग्यरित्या प्रदर्शित करण्यात सक्षम होणार नाहीत. याव्यतिरिक्त, त्याचा वापर अनिवार्य का आहे याची इतर अनेक कारणे आहेत:
टॅग साइटबद्दल माहिती प्रदर्शित करण्याच्या उद्देशाने असल्याने, प्रत्येक पृष्ठास एक अद्वितीय शीर्षक असणे आवश्यक आहे, कारण त्यात समाविष्ट आहे अद्वितीय सामग्री. SEO साठी ही सर्वात महत्वाची गोष्ट आहे. चांगले शीर्षकवास्तववादी असणे आवश्यक आहे आणि पृष्ठावर प्रत्यक्षात उपस्थित असलेली माहिती प्रदर्शित करणे आवश्यक आहे. असे मानले जाते की या टॅगची इष्टतम सामग्री 60 वर्णांपेक्षा जास्त नसावी. आपण अधिक जोडू शकता, परंतु शोध इंजिने ही संख्या ओलांडल्यास सामग्री कापून टाकतील.
टॅग HTML दस्तऐवजाची तांत्रिक माहिती ज्या विभागात स्थित आहे तो विभाग परिभाषित करतो. मेटाडेटा समाविष्ट आहे अतिरिक्त माहितीब्राउझरमधील वेब पृष्ठाबद्दल. त्यामध्ये लेखकाचे नाव, पेज तयार करण्यासाठी वापरलेला प्रोग्राम आणि कीवर्ड यासारखी माहिती समाविष्ट असू शकते. सर्वात महत्वाचा मेटा टॅग जो पृष्ठ कोडमध्ये असावा तो म्हणजे एन्कोडिंग. मेटा टॅग मिळवणे खूप महत्वाचे आहे चांगले रेटिंगशोध इंजिन मध्ये. म्हणून ते तयार करणे महत्वाचे आहे दर्जेदार मथळेआणि पृष्ठ वर्णन.
टॅगमध्ये इतर घटक देखील असू शकतात. उदाहरणार्थ, जोडण्यासाठी वापरले जाते अंतर्गत शैलीआणि दस्तऐवज डिझाइनमध्ये बदल. तथापि, कनेक्ट करण्याची शिफारस केली जाते बाह्य शैली- सामग्रीला त्याच्या डिझाइनपासून वेगळे करणे अधिक चांगले आहे. हे टॅग वापरून केले जाऊ शकते. ॲड बाह्य सारणीवापरून शैली वापरल्या जाऊ शकतात खालील कोड: . या टॅगसाठी href विशेषता आवश्यक आहे, जी यासह फाइलची लिंक दर्शवते CSS शैली, तसेच rel, जेथे असे नमूद केले आहे की या शैली आहेत. टॅग वापरण्यासाठी इतर पर्याय आहेत, उदाहरणार्थ, फेविकॉन तयार करण्यासाठी - शोध परिणामांमध्ये प्रदर्शित केलेल्या वेब पृष्ठासाठी एक चिन्ह. rel विशेषताविविध प्रकारे देखील वापरले जाते आणि तयार करताना वापरले जाते मोबाइल अनुप्रयोग.
तुम्ही दस्तऐवजात एकाधिक घटक जोडल्यास, ते दिसतील त्या क्रमाने लागू केले जातील. म्हणून, ते एकमेकांचे अनुसरण करतात याची खात्री करणे महत्वाचे आहे योग्य क्रमानेआश्चर्य टाळण्यासाठी. भाषेत HTML घटकमध्ये जोडण्यासाठी वापरले जाते वर्तमान दस्तऐवज बाह्य संसाधनआणि बहुतेक वेळा शैलींचा संदर्भ देण्यासाठी वापरला जातो. टॅगमध्ये स्क्रिप्ट देखील समाविष्ट केल्या जाऊ शकतात. टॅग तुम्हाला साइटवर JavaScript जोडण्याची परवानगी देतो, परंतु बंद होण्यापूर्वी लवकरच ते समाविष्ट करण्याची शिफारस केली जाते. मग सर्व सामग्री प्रथम लोड केली जाईल आणि नंतर JavaScript द्वारे प्रक्रिया केली जाईल. हे पृष्ठ लोडिंग गती वाढविण्यात मदत करेल आणि स्क्रिप्ट कनेक्ट होत असताना वापरकर्त्यास रिक्त स्क्रीन पाहण्यापासून प्रतिबंधित करेल.
