Гэр / Windows хичээлүүд / HTML баримт бичгийн бүтэц: үндсэн шошго, жишээ. HTML гэж юу вэ? (гол зүйлийн талаар товчхон) html дээр товч тайлбарыг хэрхэн тохируулах вэ

HTML баримт бичгийн бүтэц: үндсэн шошго, жишээ. HTML гэж юу вэ? (гол зүйлийн талаар товчхон) html дээр товч тайлбарыг хэрхэн тохируулах вэ

Өнөөдөр би танд тайлбарын мета шошго болон үүнийг хэрхэн хамгийн сайн ашиглах талаар хэлэх болно.

Мета тайлбар гэж юу вэ?

Тодорхойлолт- сайтын хуудасны тайлбарыг агуулсан шошго. Дургүй мета түлхүүр үгсийн шошгодотор харагдана Хайлтын системүүдӨө. Энэхүү шошгыг бий болгох нь чадварлаг SEO мэргэжилтний хяналтын жагсаалтад багтсан болно.


Сайн бичсэн Тайлбар нь хэсэгчилсэн CTR-д нөлөөлдөг бөгөөд энэ нь эргээд хуудасны хамааралд чухал үүрэг гүйцэтгэдэг. Хэрэглэгчид тайлбарыг задлан шинжилж, хэрэв энэ санал нь тэдний сонирхлыг татвал тэд танай сайтын хуудас руу очих болно.

Шинэ: Жишээнүүдийн тусламжтайгаар хэрхэн төгс хэсгийг бий болгох вэ

html тайлбарын синтакс



Тодорхойлолтыг хэрхэн бичих вэ?

Би шошго үүсгэх үндсэн шаардлагыг бичсэн бөгөөд та дагаж мөрдөх ёстой.

Шошго нь нэг хуудсанд нэг удаа тохиолддог.Олон сайтууд тайлбар агуулаагүй байна. Дүрмээр бол тэдгээр нь зүгээр л оновчтой биш юм. Тиймээс, мэдээжийн хэрэг, шошго нь сайт дээр зөвхөн нэг удаа тохиолдож болно.

Тайлбарыг хуудасны сэдэвтэй тааруулах. Гарчгийн нэгэн адил тодорхой асуулга оруулснаар хэрэглэгч өөрт хэрэгтэй мэдээллээ харахыг хүсдэг гэдгийг ойлгох нь чухал юм. Мөн тайлбарыг дотор оруулав нийгмийн сүлжээндхолбоосыг хуулах үед.

Тодорхойлолт дахь өвөрмөц тайлбарууд.Хуудас бүр давталт, загваргүйгээр өөрийн мета шошгын тайлбартай байх ёстой. Ямар ч тохиолдолд та Гарчиг хаягийг хуулж болохгүй.

Тайлбар мета шошгын урт.Хамгийн оновчтой урт нь 150 тэмдэгтээс 200 тэмдэгт хүртэл байна. Энэ интервалд багтаахыг хичээ. Ойролцоогоор Yandex болон Google хайлтын системүүд нь ойролцоогоор 15-20 өгүүлбэрт ижил тооны үгтэй байдаг.

Хэрэглэгчдэд ээлтэй тайлбар.Энэ нь хуудсан дээр заасан хэлээр бичигдсэн байх ёстой бөгөөд тодорхой, товч бөгөөд таны хуудасны мөн чанарыг тусгасан байх ёстой. ихэнх нь чухал мэдээлэлшошгоны хамгийн эхэнд байрлуулах нь дээр.

Ашиг тусыг дурьдсан боловч хязгаарлагдмал. Эдгээр ашиг тусыг хуудаснаас олж авах нь чухал юм. Хэрхэн туршихгүй байх вэ, гэхдээ та тайлбараас олж болох жижиг давуу талуудад анхаарлаа хандуулах хэрэгтэй.

Хүргэлтийн тухай

Хэрэв энэ нь бүтээгдэхүүнтэй холбоотой бол энэ нь зарчмын хувьд хамааралтай бөгөөд энэ давуу талыг харуулахгүй байх нь нүгэл болно.

Жишээлбэл:

Хүргэлт үнэгүйМосквад"

Тоонууд нь бас чухал юм. Хүний толгойд тоон мэдээлэл хадгалагддаг. Жишээ авч үзье:

Компаний компьютерийн тусламж:

"Мэргэжилтэн Москвагийн аль ч дүүрэгт 1 цагийн дотор явах"



Гэхдээ тайлбарыг хэрхэн бичихгүй байх талаар өөр нэг анхааруулга бий.

Муу мета тайлбарын жишээ:

  • Мета тайлбарыг түр зуурын, үйлчилгээний мэдээллээр дүүргэх, жишээлбэл: "Энд текст нэмэхээ бүү мартаарай";
  • хуучирсан тайлбарууд. Жишээлбэл, сайт дээрх үнэ өөрчлөгдсөн, тайлбарласан баримт бичиг одоо өөр хаяг дээр байрладаг, гэхдээ тайлбар нь ижил байна;
  • Текстийн төгсгөлд чухал мэдээллийг байрлуулах. Мета тайлбарын эхэнд хамгийн чухал мэдээлэл, хэллэгүүдийг байрлуулахыг хичээ.

Таны хүсэлтээс хамааран Yandex нь хэсэгчилсэн хэсгийг үүсгэдэг + сайт дээрх текстийг харгалзан үздэг. Үүний дагуу, хэрэв та хүсэлтийг оруулсан боловч тайлбарт байхгүй бол Yandex энэ хүсэлтийг ихэвчлэн олдог сайтаас текстийг шимдэг.

Эхлээд Google-ийн ажилтан асан Мэтт Каттсын бодлыг харуулахыг хүсч байна.


Товчхондоо, Google-д сайн эрэмбэлэгдэхийн тулд дахин дахин хуудасны тайлбар (тайлбар) ашиглахгүй байхыг Мат зөвлөж байна.

Тайлбарын талаар Google-ийн тусламжаас өөр юу хэрэгтэйг онцлон тэмдэглэж болно:

Би иш татсан:

Сайтын тайлбарт тодорхой ангилагдсан баримтуудыг оруулна уу:

Мета тайлбар нь өгүүлбэр хэлбэрээр байх албагүй. Бүтэцлэгдсэн хуудасны өгөгдлийг тайлбарт оруулах. Жишээлбэл, мэдээ эсвэл блог нийтлэлийн мета тайлбар нь зохиогчийн нэр, нийтлэгдсэн огноо, нийтлэлийн сэдвийг агуулж болно. Энэ нь хуудасны боломжит зочдыг тайлбарт оруулахгүй үнэ цэнэтэй мэдээллээр хангах болно. Жишээлбэл, бүтээгдэхүүний хуудсанд ихэвчлэн олон байдаг хэрэгтэй мэдээлэлүнэ, үйлдвэрлэгч, үйлдвэрлэсэн он зэрэг . Гэхдээ энэ өгөгдөл нь хуудсан дээр тархсан тул зөвхөн мета тайлбар нь үүнийг унших боломжтой байдлаар харуулах боломжтой болно. Алдарт вэбсайтаас авсан жишээ болох Харри Поттер номын дараах мета тайлбарыг авч үзье.

Энэхүү мета тайлбар нь хайлтын үр дүнд хуудасны тайлбар болж чадахгүй байгаа хэд хэдэн шалтгаан бий:

  • Номын гарчиг нь хуудасны гарчигт давхардсан;
  • Тодорхойлолт дахь зарим өгөгдөл давхардсан байна (Ж.К. Роулинг, Мэри Гранпре нарыг хоёр удаа жагсаасан);
  • Мэдээллийн тодорхой тодорхойлолт байдаггүй: Мэри Гранпре гэж хэн бэ?
  • Зай хомс, хоёр цэгийг хэтрүүлэн хэрэглэх нь уншихад хэцүү болгодог.

Энэ бүхэн нь тайлбарыг уншихад секунд хүрэхгүй хугацаа зарцуулдаг Google-ийн дундаж хэрэглэгч энэ үр дүнг алдах магадлалтай гэсэн үг юм. Хэрхэн Альтернатив сонголтТа дараах тайлбарыг авч үзэж болно.

та Google хайлтын систем хайлтын илэрц дэх тайлбарын тайлбарыг харгалзан үзэхээс сэргийлж чадна.

Дүгнэлт

Хүн бүрийн санаа зовдог гол асуулт бол тайлбарыг зааж өгөх нь зүйтэй болов уу? Энэ нь утга учиртай гэж би бодож байна (Ялгаатай) Гэхдээ та тайлбар дээр олон тооны түлхүүр үгсийг зааж өгөх ёсгүй.

Мэдээжийн хэрэг, SEO-ийн үүднээс авч үзвэл тайлбар нь сайтын зэрэглэлд шууд нөлөөлдөггүй, гэхдээ сайн бичсэн тайлбар нь хайлтын үр дүнд таны сайтын хэсэгчилсэн нөлөөг нэмэгдүүлэхэд тусална.

Тийм ээ, тайлбарыг хэн, яагаад зааж өгөх ёсгүй гэж бодож байгаагаа сэтгэгдэл дээр бичээрэй.

Мета шошго- эдгээр нь хуудасны толгой хэсэгт хаягуудын хооронд байрлуулсан нэмэлт шинж чанарууд юм Тэгээд, тэдгээрийг хөтөч ямар ч байдлаар харуулахгүй (шошгийн агуулгыг эс тооцвол ). <b>Мета шошго</b> html хуудасны тайлбар, түүнд зориулсан түлхүүр үгс, зохиогчийн тухай мэдээлэл, хөтөч болон хайлтын роботуудын удирдлагын командууд, түүнчлэн зочдод зориулагдаагүй үйлчилгээний бусад мэдээллийг агуулж болно. <b>Мета шошго</b>сайтын хувьд маш чухал үүрэг гүйцэтгэдэг. Тэдгээрийг html баримт бичигт нэмэх нь сайтын амьдралд ихээхэн тус болно.</p> <p>Зөвхөн вэбсайтыг ажиллуулахад шаардлагатай мета шошгуудыг үргэлж ашигла. Тухайн газрыг эмх замбараагүй болгож болохгүй <head>нэмэлт заавар, учир нь Энд байгаа аливаа алдаа гунигтай үр дагаварт хүргэж болзошгүй.</p> <h2>Мета тагийн функцууд</h2> <p>Одоогийн байдлаар тэдгээрийн талаар тодорхой стандартчилал байхгүй байгаа боловч мета шошгуудын үүрэг нь нэлээд олон янз байдаг. Мета шошго ашиглах хэд хэдэн үндсэн арга байдаг:</p> <ul><li>мета шошго нь вэб баримт бичгийн зохиогч, түүний хаяг, шинэчлэлтийн давтамжийг тодорхойлох боломжтой;</li> <li>мета хаягуудыг хайлтын роботууд гипертекст баримт бичгүүдийг индексжүүлэх, гарчиг үүсгэхэд ашигладаг;</li> <li>мета шошго нь вэб хуудсыг хэрхэн харуулахад нөлөөлдөг.</li> </ul><h2>Мета тагийн бүлгүүд</h2> <p>Мета шошгуудыг хоёр үндсэн бүлэгт хувааж болно - эдгээр нь <b>НЭР</b>Тэгээд <b>HTTP эквив</b>. Бүлэг <b>НЭР</b>вэб баримт бичиг, түүний зохиогчийн талаархи текст мэдээллийг хариуцдаг бөгөөд хайлтын роботуудад зориулсан зөвлөмжийг бий болгодог. Бүлэгтэй холбоотой мета шошгууд <b>HTTP эквив</b>Үнэн хэрэгтээ гипертекст толгойтой дүйцэхүйц эдгээр нь вэб хуудасны толгой хэсгийг бүрдүүлж, түүний боловсруулалтыг тодорхойлохоос гадна хөтчүүдийн үйлдлийг хянахаас гадна ердийн толгойн гарч буй мэдээллийг бүрдүүлэхэд ашиглагддаг.</p><p>Бүрэлдэхүүн <b>мета</b>дараах шинж чанаруудыг авдаг: <span>агуулга, http-эквив, нэр, тэмдэгт ба схем.</p><table class="table table-bordered">Атрибут <th>Тодорхойлолт</th> <tr><td>Нэр</td><td>Мета тагийн нэр нь түүний зорилгыг шууд бусаар тодорхойлдог. Жишээ нь: оруулах, түлхүүр үг, тайлбар, зохиогч, засварласан, үүсгэгч гэх мэт.</td> </tr><tr><td>агуулга</td><td>Name эсвэл http-equiv-ээр заасан атрибутын утгыг тохируулна.</td> </tr><tr><td>схем (хуучирсан)</td><td>Үл хөдлөх хөрөнгийн утгыг (өөрөөр хэлбэл "агуулгын" шинж чанарын утгыг) тайлбарлахад ашиглагдах схемийн тухай хэрэгтэй мэдээлэл эсвэл схемийн нэрийг зааж өгнө. HTML5-д хамаарахгүй.</td> </tr><tr><td>тэмдэгт</td><td>Баримт бичгийн HTML5 кодчиллыг харуулсан шинэ атрибут. Жишээ: <meta charset="utf-8"> </td> </tr><tr><td>http-эквив</td><td>Хуудасны гарчгийг бүрдүүлж, боловсруулалтыг тодорхойлдог. Дүрмээр бол хөтчүүдийн үйлдлийг хянадаг бөгөөд энгийн толгойн мэдээллээс гаргасан мэдээллийг бий болгоход ашигладаг. Жишээлбэл, HTTP-EQUIV-ийг кэш хийх, хуудсыг шинэчлэх, өөр хуудсыг автоматаар ачаалах зэрэгт ашиглаж болно.</td> </tr></table><h2>Атрибут утгын бүлэг <b>НЭР</b></h2> <h3>"түлхүүр үг" (түлхүүр үг)</h3> <p><b>түлхүүр үгс</b>Хайлтын системүүд нь тухайн хуудасны тодорхой асуулгад хамаарлыг тодорхойлоход ашигладаг. Энэ утгыг бүрдүүлэхдээ зөвхөн тэр үгсийг ашиглах шаардлагатай <b>Заавал</b>баримтаас өөрөө олж болно. Хуудас дээр байхгүй үгсийг ашиглахыг зөвлөдөггүй. Түлхүүр үгсийг таслалаар тусгаарлан, нэг тоогоор нэмж оруулах ёстой. "Түлхүүр үг" -д санал болгож буй үгийн тоо араваас илүүгүй байна. Үүнээс гадна, энэ утгыг хэд хэдэн мөрөнд хуваах нь хайлтын системээр холбоосыг үнэлэхэд нөлөөлдөг болохыг олж мэдсэн. Зарим хайлтын системүүд үр дүнгийн жагсаалтад байр сууриа нэмэгдүүлэхийн тулд "түлхүүр үг"-ийн утгад ижил үгийг давтдаг сайтуудыг индексжүүлдэггүй.</p><p>Хэрэв өмнө нь "түлхүүр үг" нь сайтыг эрэмбэлэхэд тодорхой үүрэг гүйцэтгэдэг байсан бол саяхан хайлтын системүүд энэ талаар төвийг сахисан байна.</p> <p>"Түлхүүр үг" бүхий HTML код:</p><p> <!DOCTYPE html> <html> <head> <title>түлхүүр үгс Үндсэн хуудасны агуулга

"тайлбар" (хуудасны тайлбар)

ТодорхойлолтТаны сайт дээрх тодорхой хуудасны товч тайлбарыг үүсгэхэд ашигладаг. Бараг бүх хайлтын системүүд үүнийг индексжүүлэх, хайлтын үр дүнд тэмдэглэгээ үүсгэх үед харгалзан үздэг. "Тодорхойлолт" байхгүй тохиолдолд хайлтын системүүд баримт бичгийн эхний мөр эсвэл тайлбарт түлхүүр үгс агуулсан ишлэлийг өгдөг. Хайлтын систем дэх хуудас хайх үед энэ нь холбоосын дараа гарч ирдэг тул баримт бичгийн товч тайлбарыг зааж өгөхөөс гадна агуулгыг нь сонирхолтой сурталчилгааны мессеж болгохыг зөвлөж байна.

Тиймээс зөв тайлбартүлхүүр үг агуулсан байх ёстой бөгөөд энэ вэб хуудасны тухай товч бөгөөд үнэн зөв тайлбарлах ёстой. "Тодорхойлолт" нь "гарчиг" -ын хамт хэрэглэгч хайлтын үр дүнгээс вэб хуудас руу шилжих эсэхийг тодорхойлдог маш чухал хос утгыг бүрдүүлдэг! Тиймээс "тайлбар" болон "гарчиг" гэж бичих ёстой тус бүрвэб хуудсууд!

"Тодорхойлолт" бүхий HTML код:

тайлбар Үндсэн хуудасны агуулга

"Зохиогч" ба "Зохиогчийн эрх"

Эдгээр утгыг ихэвчлэн нэгэн зэрэг ашигладаггүй. Чиг үүрэг зохиолчТэгээд зохиогчийн эрх- хуудсан дээрх агуулгын зохиогч эсвэл өмчлөлийн тодорхойлолт. "Зохиогч" гэдэг нь тухайн вэб хуудасны зохиогчийн нэрийг агуулсан боловч тухайн вэбсайт нь байгууллагын өмч бол "Зохиогчийн эрх" гэсэн утгыг ашиглах нь илүү тохиромжтой.

"Зохиогч"-той HTML код:

Мета тагийн жишээ Үндсэн хуудасны агуулга

"Роботууд"

роботууд- хайлтын системийн робот руу илгээгдсэн гипертекст баримт бичгийн талаархи мэдээллийг үүсгэдэг.

"Робот" нь дараахь утгатай байж болно.

  • индекс- хуудсыг индексжүүлсэн байх ёстой;
  • noindex- хуудас индексжүүлээгүй;
  • дага- хуудас дээрх гипер холбоосыг харгалзан үзнэ;
  • nofollow- хуудас дээрх гипер холбоосыг тооцохгүй
  • бүгд- өгөгдмөлөөр идэвхжсэн индекс ба дагаж мөрдөх утгуудыг агуулсан;
  • аль нь ч биш- noindex болон nofollow утгыг агуулдаг.

"Робот"-той HTML код:

Мета тагийн жишээ Үндсэн хуудасны агуулга

Атрибут утгын бүлэг HTTP эквив

"Агуулгын төрөл"

агуулгын төрөлбаримт бичгийн төрөл, түүний кодчилолыг тодорхойлдог.

"Агуулгын төрөл" бүхий HTML код:

Мета тагийн жишээ Үндсэн хуудасны агуулга

HTML5 дээр кодчиллыг зааж өгөх нь хялбаршуулсан:

"сэргээх"

Сэргээх- хөтөч хуудсыг шинэчлэхээс өмнөх саатал (секундээр). Нэмж дурдахад өгөгдсөн хаяг (url) бүхий өөр html хуудсыг автоматаар ачаалах боломжтой.

"Refresh"-тэй HTML код:

Үндсэн хуудасны агуулга

Хөтөч нь энэ оруулгыг ойлгох болно, 5 секундын дараа URL параметрт заасан шинэ хуудсыг ачаалах, энэ тохиолдолд энэ нь сайтын сайт руу шилжих явдал юм. "Сэргээх" утга нь өөр сайт руу чиглүүлэх (дахин чиглүүлэх) үүсгэх боломжийг олгодог. Хэрэв URL-г заагаагүй бол атрибутад заасан секундын дараа одоогийн хуудас автоматаар шинэчлэгдэх болно агуулга.

URL дээр http-ийн өмнө хашилт байхгүй гэдгийг анхаарна уу.

"Агуулга-хэл"

Агуулга-хэлбаримт бичгийн хэлийг зааж өгдөг. Хуудсуудыг индексжүүлэх үед хайлтын системд ашиглаж болно. Зөвшөөрөх хэл талбарыг (хөтөчөөс илгээсэн) Агуулгын хэлний агуулгатай хослуулах нь сервер аль нэг хэлийг сонгох нөхцөл байж болно.

"content-language" бүхий HTML код:

Баримт бичгийн хэл Үндсэн хуудасны агуулга

HTML5 хэлний тодорхойлолтыг хялбаршуулсан:

Энэ заавар нь вэб гар урлалыг сурахад гарч болох бүх мета шошгыг жагсаадаггүй. Үлдсэн хэсэг нь тодорхой бөгөөд та бидний хичээлийг судлахдаа ирээдүйд тэдэнтэй танилцах болно. Дээр дурдсан бүхнээс ашиглах боломжтой тус бүрТаны сайтын хуудсанд мета шошго болон тэдгээрийн шинж чанаруудыг дараах жишээнд үзүүлэв.

HTML жишээ:

Та өөрөө туршаад үзээрэй Хуудасны гарчиг Үндсэн хуудасны агуулга

Даалгаврууд

Эцсийн даалгавар

Энэ хичээлээр та вэб хуудасны тухай бүтэцлэгдсэн мета өгөгдлийг өгөх гол зорилго болох хамгийн чухал мета шошгуудын талаар олж мэдсэн.

Сурсан зүйлээ эргэн харж, дөрвөн энгийн даалгаврыг гүйцэтгэх цаг болжээ.

Түлхүүр үгс

  • Өөрөө шийд »

Ганц шошготой Одоогийн вэб хуудсанд "HTML, CSS, JavaScript" гэсэн түлхүүр үгсийг тохируулна уу.

Түлхүүр үгс

Түлхүүр үгс

Мета шошго нь вэб хуудасны тухай бүтэцлэгдсэн мета өгөгдлийг өгөх зорилготой юм.

HTML шошго HTML хэлний үндэс суурь юм. Шошго нь тэмдэглэгээний элементүүдийн эхлэл ба төгсгөлийг зааглахад ашиглагддаг.

HTML баримт бичиг бүр нь HTML элементүүд болон текстийн модноос бүрдэнэ. HTML элемент бүрийг эхлэл (нээх) ба төгсгөл (хаах) тагаар тодорхойлно. Эхлэл ба төгсгөлийн шошго нь шошгоны нэрийг агуулна.

Бүх HTML элементүүдийг таван төрөлд хуваадаг:

  • хоосон элементүүд , ,
    , , ,
    , , ,
    Хуудасны талаарх нэмэлт мэдээллийг хадгалахад ашигладаг. Энэ мэдээллийг хөтчүүд хуудсыг боловсруулахад, хайлтын системүүд индексжүүлэхэд ашигладаг. Блок дотор олон шошго байж болно , учир нь ашигласан шинж чанаруудаас хамааран тэдгээр нь өөр өөр мэдээлэл агуулдаг. Заасан хязгаарт хэмжих үзүүлэлт.