पृष्ठ एन्कोडिंग html utf 8. HTML पृष्ठ एन्कोडिंग. एन्कोडिंग इतके महत्त्वाचे का आहे आणि कोणते प्रकार अस्तित्वात आहेत

मतभेद असण्यास सहमती देऊया.
रॉबर्ट लुई स्टीव्हनसन.

हा एक धडा आहे ज्यामध्ये आपण मेटा टॅग काय आहेत, ते का आणि कसे वापरले जातात आणि ते योग्यरित्या कसे भरायचे याबद्दल बोलू.

मी आधीच म्हटल्याप्रमाणे, मेटा टॅग html पृष्ठाच्या शीर्षलेखात, आणि टॅग दरम्यान स्थित आहेत आणि ब्राउझरद्वारे कोणत्याही प्रकारे प्रदर्शित केले जात नाहीत (“शीर्षक” टॅगमधील सामग्री वगळता). तथापि, साइटसाठी मेटा टॅग खूप महत्त्वाची भूमिका बजावतात महत्वाची भूमिका. त्यांना जोडणे आणि ऑप्टिमाइझ करणे साइटला तिच्या जीवनात लक्षणीय मदत करू शकते.

मी फक्त तेच मेटा टॅग वापरण्याची शिफारस करतो जे साइट कार्य करण्यासाठी प्रत्यक्षात आवश्यक आहेत. अनावश्यक सूचना देऊन “डोके” भागात गोंधळ घालू नका, कारण... येथे कोणतीही चूक गंभीर परिणाम होऊ शकते. आपण काय करत आहात हे आपल्याला माहित असल्यास, मेटा टॅग केवळ फायदेशीर ठरतील, परंतु आपण सर्वकाही येथे टाकल्यास, आपल्याला समस्या येऊ शकतात ज्याचे निदान करणे कठीण आहे.

पहिला मेटा टॅग खूप महत्वाचा आहे. शिवाय, हा मेटा टॅग शोध इंजिन आणि अभ्यागत दोघांसाठीही तितकाच महत्त्वाचा आहे. शोध परिणामांच्या क्रमवारीत प्रथम दिले आहे महान मूल्य"शीर्षक" टॅगमध्ये असलेले कीवर्ड, नंतरचे समान शोध परिणामांमध्ये साइटची लिंक म्हणून त्यातील सामग्री पहा:

विंडोच्या शीर्षकामध्ये प्रदर्शित केलेल्या समान मेटा टॅगसह:

HTML मध्ये, शीर्षक मेटा टॅग खालीलप्रमाणे जोडला जातो:

"शीर्षक" मेटा टॅगची सामग्री

मुख्य पृष्ठ सामग्री

याव्यतिरिक्त, मी आधी म्हटल्याप्रमाणे, आपण "शीर्षक" मेटा टॅगमध्ये जोडलेले कीवर्ड शोध इंजिनद्वारे अत्यंत सकारात्मकपणे प्राप्त होतील. म्हणून, हा टॅग भरताना, योग्य कीवर्ड समाविष्ट करण्याचा प्रयत्न करा. तसे, आम्ही त्यांच्याबद्दल पुढे बोलू.

§ 2. मेटा टॅग "कीवर्ड" (कीवर्ड)

प्रथम, हे "मुख्य शब्द" प्रत्यक्षात काय आहेत याबद्दल थोडक्यात बोलूया.

ते शब्द जे एचटीएमएल पृष्ठाच्या सामग्रीचे पूर्णपणे वैशिष्ट्यीकृत करतात आणि त्यासाठी मुख्य शब्द असतील. असे असू शकते वैयक्तिक शब्द, आणि वाक्ये, परंतु ते पृष्ठावरील मजकुरात दिसणे आवश्यक आहे. त्यांचा वापर करून, शोध इंजिन एखाद्या विशिष्ट विनंतीसाठी पृष्ठाची प्रासंगिकता निर्धारित करतात.

उदाहरणार्थ, या पृष्ठासाठी कीवर्ड “मेटा टॅग”, “मेटा शीर्षक टॅग”, “ कीवर्ड मेटा टॅग"इ.

आम्ही कीवर्ड, विशेषतः, आणि वेबसाइट ऑप्टिमायझेशन, सर्वसाधारणपणे, मध्ये अधिक तपशीलवार बोलू.

शोध इंजिनसाठी हे सोपे करण्यासाठी, "कीवर्ड" मेटा टॅग वापरला जातो. त्यामध्ये, वेबमास्टर पृष्ठासाठी कीवर्ड लिहितो. "कीवर्ड्स" मेटा टॅगसाठी HTML कोड असा दिसतो:

कीवर्डची सूची">
"शीर्षक" मेटा टॅगची सामग्री

मुख्य पृष्ठ सामग्री

एकवचनात स्वल्पविरामाने विभक्त केलेले मुख्य शब्द एका वेळी एक जोडले जाणे आवश्यक आहे. उदाहरणार्थ, “मुख्य शब्द” नाही तर “मुख्य शब्द”. याव्यतिरिक्त, वेबमास्टर्सचे बेजबाबदार वर्तन जे, अधिक प्राप्त करण्यासाठी उच्च पदेशोध इंजिनमध्ये, “कीवर्ड” मेटा टॅग केवळ कीवर्डनेच भरलेला नाही, तर त्यांच्याकडून असंख्य डेरिव्हेटिव्ह देखील भरला होता, ज्यामुळे शोध इंजिनांनी या टॅगकडे व्यावहारिकपणे लक्ष देणे बंद केले. सध्या, योग्यरित्या भरलेला “कीवर्ड” मेटा टॅग शोध इंजिनद्वारे अनेक रँकिंग घटकांपैकी एक म्हणून वापरला जातो (कोणत्याही प्रकारे मुख्य नाही). जर त्यांना त्यांच्यासमोर “कीवर्ड” दिसले, ज्यामध्ये कीवर्डचे सर्व संभाव्य भिन्नता भरल्या गेल्या आहेत, तर हे पृष्ठ अविश्वसनीय आहे हे त्यांच्यासाठी पहिले संकेत होईल.

§ 3. मेटा टॅग "वर्णन" (पृष्ठ वर्णन)

पुढील महत्त्वाचा मेटा टॅग "वर्णन" टॅग आहे, ज्यामध्ये असणे आवश्यक आहे संक्षिप्त वर्णनपृष्ठे तंतोतंत "लहान" आणि तंतोतंत "पृष्ठ वर्णन". एक किंवा दोन लहान वाक्ये जोडणे पुरेसे आहे ज्यामध्ये आपण हे पृष्ठ कशाबद्दल आणि कोणासाठी आहे हे सूचित करा.

"वर्णन" मेटा टॅगचे एक महत्त्वाचे वैशिष्ट्य हे आहे की ते योग्यरित्या भरले असल्यास, शोध इंजिने त्याचा वापर परिणामांमध्ये पृष्ठ स्निपेट तयार करण्यासाठी करतात (पृष्ठाच्या दुव्याखाली एक लहान वर्णन):

शोध इंजिनांना "वर्णन" मेटा टॅग भरण्याचा मार्ग आवडत नसल्यास, प्रश्नाशी संबंधित असलेल्या वाक्यांशांच्या तुकड्यांमधून (संपूर्ण पृष्ठावरून काढलेले) स्निपेट तयार केले जाते.

अशा प्रकारे, योग्य मेटा टॅग "वर्णन" मध्ये असणे आवश्यक आहे कीवर्ड(वाक्यांश) आणि पृष्ठ कशाबद्दल आणि कोणासाठी आहे याचे थोडक्यात आणि अचूक वर्णन करते. "शीर्षक" सोबत "वर्णन" हे अतिशय महत्त्वाच्या मेटा टॅगची जोडी बनवते, जे वापरकर्ता येथून जाणार की नाही हे ठरवते. शोध परिणामसाइटवर किंवा नाही! म्हणून, ते, “शीर्षक” प्रमाणे, प्रत्येक पृष्ठासाठी लिहिले पाहिजे!

H "वर्णन" मेटा टॅग तयार करण्यासाठी TML कोड खालीलप्रमाणे असेल:

"वर्णन" मेटा टॅगची सामग्री">
"शीर्षक" मेटा टॅगची सामग्री

मुख्य पृष्ठ सामग्री

आता “HTTP-EQUIV” गटातील (HTTP समतुल्य) मुख्य तांत्रिक मेटा टॅगच्या वर्णनाकडे वळू.

§ 4. तांत्रिक मेटा टॅग

तांत्रिक मेटा टॅगचा अर्थ वेबसाइटसाठी खूप आहे. त्यांच्या मदतीने, आपण पृष्ठ प्रदर्शन, अनुक्रमणिका सेटिंग्ज इत्यादी नियंत्रित करू शकता. या ट्यूटोरियलमध्ये आपण मूलभूत तांत्रिक मेटा टॅग पाहू.

• सामग्री-प्रकार - दस्तऐवज प्रकार आणि त्याचे एन्कोडिंग. ब्राउझरला वर्ण योग्यरित्या प्रदर्शित करण्यासाठी हा मेटा टॅग आवश्यक आहे.
  अनेक एन्कोडिंग आहेत. त्यापैकी बहुतेकांना आपण कधीही भेटणार नाही. आपण त्यांचा वापर कराल या वस्तुस्थितीचा उल्लेख नाही. आधुनिक ब्राउझरएन्कोडिंग प्रकार स्वयंचलितपणे निर्धारित करा, परंतु अधिक आत्मविश्वासासाठी आपण ते स्वतः निर्दिष्ट करू शकता. मध्ये html डॉक्युमेंट तयार केल्यास ऑपरेटिंग सिस्टमविंडोज, ज्याची भाषा रशियन आहे, नंतर एन्कोडिंग "windows-1251" असेल आणि मेटा टॅग घालण्यासाठी कोड खालीलप्रमाणे आहे:

  "शीर्षक" मेटा टॅगची सामग्री

  मुख्य पृष्ठ सामग्री
  

• सामग्री-भाषा - दस्तऐवज भाषा निर्दिष्ट करणे. या पर्यायी मेटा टॅगचे मूल्य म्हणून वापरले जाते रोबोट शोधा, आणि वेब सर्व्हर. एम्बेड कोड:

  "शीर्षक" मेटा टॅगची सामग्री

  मुख्य पृष्ठ सामग्री
  

• रिफ्रेश - वेळ (सेकंदात) ज्यानंतर रिफ्रेश होईल स्वयंचलित रीबूटदस्तऐवज किंवा दिलेल्या पत्त्यासह (url) दुसऱ्या html पृष्ठावर जाणे. उदाहरणार्थ, दर ३० सेकंदांनी दस्तऐवज आपोआप रीलोड करण्यासाठी, तुम्हाला हा मेटा टॅग याप्रमाणे घालावा लागेल:

  "शीर्षक" मेटा टॅगची सामग्री

  मुख्य पृष्ठ सामग्री
  

  आणि, 5 सेकंदांनंतर http://www.site/ वर पृष्ठावर जाण्यासाठी, तुम्हाला हे लिहावे लागेल:

  "शीर्षक" मेटा टॅगची सामग्री

  मुख्य पृष्ठ सामग्री
  

• रोबोट्स हा एक मेटा टॅग आहे जो पृष्ठ अनुक्रमणिका सेटिंग्जसाठी जबाबदार आहे. "रोबोट्स" मेटा टॅग असू शकतात खालील मूल्ये:
  • अनुक्रमणिका - पृष्ठ अनुक्रमित आहे;
  • noindex - पृष्ठ अनुक्रमित नाही;
  • अनुसरण करा - पृष्ठावरील हायपरलिंक्स विचारात घेतले जातात;
  • nofollow - पृष्ठावरील हायपरलिंक्स विचारात घेतले जात नाहीत
  • सर्व - "इंडेक्स" आणि "फॉलो" पुनर्स्थित करते, उदा. पृष्ठ अनुक्रमित केले आहे आणि त्यावरील हायपरलिंक्स विचारात घेतले आहेत (डीफॉल्टनुसार);
  • none - "noindex" आणि "nofollow" पुनर्स्थित करते, उदा. पृष्ठ अनुक्रमित केलेले नाही आणि त्यावरील हायपरलिंक्स विचारात घेतले जात नाहीत.

  मेटा टॅग "रोबोट्स" घालण्यासाठी कोड:

  "शीर्षक" मेटा टॅगची सामग्री

  मुख्य पृष्ठ सामग्री
  

लेखक आणि कॉपीराइट हे मेटा टॅग आहेत जे तुम्हाला पृष्ठावरील सामग्रीचे लेखकत्व आणि मालक सूचित करण्यास अनुमती देतात. HTML एम्बेड कोड:

"शीर्षक" मेटा टॅगची सामग्री

मुख्य पृष्ठ सामग्री

§ 5. निष्कर्ष

हे HTML मधील सर्व मेटा टॅग आहेत जे नवशिक्याला आवश्यक असतील. बाकीचे विशिष्ट आहेत आणि तुम्हाला अनुभव मिळाल्यानंतर आणि तुम्ही काय करत आहात हे जाणून घेतल्यानंतर तुम्हाला त्यांची आवश्यकता असू शकते. वरील सर्वांपैकी, मी तुमच्या साइटच्या प्रत्येक पृष्ठावर खालील वापरण्याची जोरदार शिफारस करतो:

पृष्ठ शीर्षक

आवश्यकतेनुसार स्टील वापरा, परंतु जास्त त्रास देऊ नका. लक्षात ठेवा की मेटा टॅग तुमची साइट मनोरंजक बनवणार नाहीत, ते फक्त ब्राउझर आणि वेब सर्व्हरला साइट पृष्ठे योग्यरित्या प्रदर्शित करण्यात मदत करू शकतात आणि शोध इंजिनत्यांना शोधा.

माझ्या साइटचा हा विभाग शेवटी पूर्ण झाला आहे आणि नंतर आम्ही इंटरनेटवर आपल्या साइटचा प्रचार आणि प्रचार कोठे सुरू करावा याबद्दल बोलू. कडून माझ्या काही टिप्स देखील आहेत वैयक्तिक अनुभवसाइट पृष्ठ ऑप्टिमायझेशनवर. "पुढील" वर क्लिक करा.

प्रथम गंभीर समस्याहे हाताळताना बहुतेक नवशिक्यांना येणारी समस्या वर्ण संचाशी संबंधित आहे. वर्ण संच). एन्कोडिंगसह ही समस्या तथाकथित "क्रॅकर्स" मध्ये व्यक्त केली जाते, जी आम्हाला HTML फाइलमध्ये निर्दिष्ट केलेल्या वर्णांऐवजी प्राप्त होते. या लेखात मला एन्कोडिंग समस्येकडे अधिक तपशीलवार पहायचे आहे, सर्वकाही व्यवस्थित ठेवण्याचा प्रयत्न करा आणि संभाव्य निराकरणे द्या.

• एन्कोडिंग म्हणजे काय?
• फाइल एन्कोडिंग (नोटपॅड++ मध्ये संपादन)
• डिस्प्ले एन्कोडिंग (ब्राउझर पाहणे)
• HTML पृष्ठाचे एन्कोडिंग कसे निर्दिष्ट करावे? (चारसेट मेटा टॅग)
• अद्याप एन्कोडिंग समस्या आहे? (php मध्ये शीर्षलेख अक्षरसेट)

एन्कोडिंग म्हणजे काय?

तुलनेने, प्रत्येक चिन्ह (चिन्ह) मध्ये असते कोडआणि चित्रे. येथे कोड आहे अद्वितीय ओळखकर्तावर्ण संचातील वर्ण जो निवडलेल्याद्वारे निर्धारित केला जातो एन्कोडिंग, आणि चित्र हे त्यात समाविष्ट असलेल्या चिन्हाचे दृश्य प्रतिनिधित्व आहे फॉन्ट फाइलचिन्ह कोडशी संबंधित सेलमध्ये.

दुसऱ्या शब्दांत, एन्कोडिंग अक्षरसंच) संबंधांचा संच आहे वर्ण कोडत्यांच्या सह व्हिज्युअल प्रतिनिधित्व फॉन्ट मध्ये.

फाइल एन्कोडिंग

HTML पृष्ठ हे नियमित आहे मजकूर फाइल, ज्याचे एन्कोडिंग जेव्हा ते तयार केले जाते आणि/किंवा स्टोरेज डिव्हाइसवर जतन केले जाते तेव्हा निवडले जाते ( हार्ड ड्राइव्ह, फ्लॅश ड्राइव्ह इ.).

Notepad++ च्या बाबतीत, नवीन दस्तऐवजाचे एन्कोडिंग सेटिंग्जमध्ये सेट केले आहे मजकूर संपादक. मेनूमधून निवडा: पर्याय > सेटिंग्ज... - आणि “टॅबवर जा नवीन दस्तऐवज" येथे आम्हाला विभागात स्वारस्य आहे " एन्कोडिंग" डीफॉल्टनुसार, एन्कोडिंग निवडले आहे ANSI.

मी तुम्हाला आठवण करून देतो की हे एन्कोडिंग आहे ज्यामध्ये HTML फाइल संग्रहित केली जाईल.

तथापि, आपण नेहमी मजकूर संपादकाची योग्य कार्ये वापरून HTML पृष्ठाचे एन्कोडिंग रूपांतरित करू शकता. उदाहरणार्थ, Notepad++ मध्ये, हे करण्यासाठी, “Encodings” मेनू आयटमवर क्लिक करा आणि इच्छित रूपांतरण निवडा.

IN या प्रकरणातफाइल एन्कोड केलेली होती ANSIआणि मी ते मध्ये रूपांतरित केले UTF-8(BOM शिवाय). हा BOM काय आहे याबद्दल तुम्ही माझ्या लेखात वाचू शकता: PHP: WordPress मध्ये BOM कसे काढायचे - खालील करून.

एन्कोडिंग प्रदर्शित करा

वेगळे करणे महत्वाचे आहे फाइल एन्कोडिंगआणि डिस्प्ले एन्कोडिंग. फाइल कोणत्या एन्कोडिंगमध्ये संग्रहित केली आहे याची पर्वा न करता, ती इतर कोणत्याही एन्कोडिंगमध्ये प्रदर्शित केली जाऊ शकते. एन्कोडिंगमध्ये समस्या येण्याचे हे एक कारण आहे.

उदाहरणार्थ, आपण एन्कोड केलेले HTML पृष्ठ जतन केले असल्यास ANSIआणि ब्राउझरमध्ये उघडा, रशियन वर्णांऐवजी तुम्हाला तथाकथित “क्राकोझ्याब्रिक्स” मिळू शकतात.

या प्रकरणात आपण याची खात्री करणे आवश्यक आहे फाइल एन्कोडिंगसह जुळते डिस्प्ले एन्कोडिंगब्राउझरमध्ये फाइल. हे करण्यासाठी, फायरफॉक्समध्ये, मेनू चिन्हावर क्लिक करा आणि नंतर "एनकोडिंग" आयटमवर क्लिक करा. तुमच्याकडे नसल्यास, "बदला" वर क्लिक करा आणि मेनूमध्ये "एनकोडिंग" घटक जोडा.

जसे आपण पाहू शकता, ब्राउझर फाइल " युनिकोड"(उदाहरणार्थ, UTF-8) फाइल एन्कोडिंगमध्ये सेव्ह केली असताना ANSI(उदाहरणार्थ, विंडोज-1251) . इच्छित एन्कोडिंग निवडून, आम्हाला आवश्यक परिणाम मिळेल.

Notepad++ च्या बाबतीत, डिस्प्ले एन्कोडिंग निवडणे देखील शक्य आहे. हे करण्यासाठी, मेनू आयटम " एन्कोडिंग्ज" वर क्लिक करा आणि नंतर योग्य पर्यायएन्कोडिंग प्रदर्शित करण्यासाठी वापरले जाते.

या प्रकरणात मी डिस्प्ले एन्कोडिंग बदलले ANSIवर UTF-8(BOM शिवाय).

HTML पृष्ठाचे एन्कोडिंग कसे निर्दिष्ट करावे?

आणि म्हणून, एन्कोडिंग म्हणजे काय आणि फाइल एन्कोडिंग आणि डिस्प्ले एन्कोडिंगमध्ये काय फरक आहे हे आम्ही आधीच शोधून काढले आहे. आता आपल्याला एन्कोडिंग समस्येचे निराकरण करण्याची आवश्यकता आहे, जी ब्राउझर (किंवा इतर कोणताही क्लायंट) HTML पृष्ठाच्या एन्कोडिंगचा चुकीचा अर्थ लावत आहे.

एन्कोडिंगमध्ये समस्या का आहेत?

एचटीएमएल पृष्ठाचे एन्कोडिंग निश्चित करणे सोपे नाही आणि अनेकदा शक्य नाही, कारण त्याच ब्राउझरमध्ये याबद्दल माहिती नाही किंवा ती चुकीची नमूद केलेली आहे.

HTML पृष्ठाचे एन्कोडिंग निर्दिष्ट करण्यासाठी, एक विशेष मेटा टॅग वापरला जातो. HTML5 मध्ये त्याचे खालील स्ट्रिप-डाउन फॉर्म आहे: UTF-8या प्रकरणात, एन्कोडिंग आहे

(युनिकोड). जुन्या मध्ये HTML आवृत्त्या

हा मेटा टॅग असा दिसतो:

हा मेटा टॅग एक सामग्री-प्रकार HTTP शीर्षलेख तयार करतो जो दस्तऐवज प्रकार मजकूर/html आणि त्याचे Windows-1251 (ANSI) एन्कोडिंग निर्दिष्ट करतो. वैयक्तिकरित्या, मी हा पर्याय वापरण्याची शिफारस करतो, कारण... त्याला कमीत कमी समस्या असतील. मुख्य गोष्ट अशी आहे की असा मेटा टॅग मध्ये उपस्थित आहेहेड विभाग

, आणि त्यात निर्दिष्ट केलेले एन्कोडिंग फाइल एन्कोडिंगशी संबंधित आहे. बर्याच बाबतीत हे पुरेसे असेल.

अद्याप एन्कोडिंग समस्या आहे?

काही प्रकरणांमध्ये, HTML पृष्ठ एन्कोडिंगसह मेटा टॅग निर्दिष्ट करणे पुरेसे नाही. ही समस्या सर्व्हरच्या सेटिंग्जमुळे उद्भवू शकते ज्यावर HTML पृष्ठ फाइल स्थित आहे. वस्तुस्थिती अशी आहे की सर्व्हर स्वतःचे सामग्री-प्रकार HTTP शीर्षलेख जारी करण्यास सक्षम आहे, जे तुलनेने बोलल्यास, मेटा टॅगवर प्राधान्य देईल. या प्रकरणात, सर्व्हर सेटिंग्जमध्ये बदल करून ही समस्या सोडविली जाऊ शकते. मी तपशीलात जाणार नाहीहा मुद्दा आणि मी फक्त फाइलद्वारे हे सर्व रिकोडिंग अक्षम करण्याची शिफारस करू शकतो.htaccess

, उदाहरणार्थ:

CharsetDisable Off तुम्ही Content-Type HTTP हेडरमध्ये बदल देखील करू शकता आणि. त्याच PHP मध्ये, हेडर() फंक्शन यासाठी वापरले जाते, उदाहरणार्थ: