Уроци по мета таговете за оформление на сайта, мета данни

Всеки предния край разработчик работи с мета тагове, всеки ден, но когато се опитате да им обясните с прости думи да започне сложност. Както и да е, което имам. Ще се опитам да обясня възможно най-ясно и по-лесно.

От предишните уроци, можете да се помни, че всяка информация за HTML-страница е вътре таговете. Част от информацията, която искаме да видим в браузъра, но освен тях има и тези данни, които никога не се показват в браузъра, обаче, се отразява пряко върху това, което виждаме.

Това е част от страницата се нарича "метаданни".

Метаданни (мета данни, мета-данни) - това е информация за информация, описание на съдържанието на страницата. Тези данни описват как трябва да изглежда видимо съдържание, което набор от символи се използва на страницата, и т.н.

Три основни разлики метаданни:

  1. в маркера
  2. пряко невидим за потребителя (с изключение на маркера )</li> <li>е информация за съдържанието</li> </ol> <p>В повечето случаи, метаданните трябва да определя: заглавие, кодиране (набор от символи), свържете JS и стилове, за да се свържете иконата на сайта. Почти всички останали - по избор параметри, които се използват по-рядко.</p> <p>Метаданни може да бъде всяко число, тук са основните от тях:</p> <ul> <li>заглавие - страница заглавие тагове <title> ;</li> <li>стил - CSS стилове, съхранявани в кода на документа;</li> <li>връзка - външни каскадни стилове файлове, икони, и така нататък;</li> <li>Мета - всички останали: кодиране или никаква информация за страницата.</li> </ul> <p>Мета тагове - е хранилището за метаданни на страницата за всяка нужда, за да се осигури име и стойност. Структура метамаркер <meta> е както следва:</p> <p>Мета таговете могат да бъдат почти всяка, и в повечето случаи са консултантски характер, което означава, че те могат да бъдат игнорирани от търсачките и браузъри. Можем да различим тези случаи на използването им:</p> <h2>Примери за мета тагове</h2> <p>Описанието може да се съхранява на кратко описание на страницата.</p> <p>В първите дни на HTML метаданни се използва от търсачките, за да опише на страницата с резултати от търсенето или да определи кои ключови думи да го намерят.</p> <p>С течение на времето, много уебмастъри започнали да злоупотребяват тази функция, включително и в него съзнателно неправилно описание или ключови думи, които дори не е в страницата.</p> <p>Борба спам в резултатите от търсенето, търсачки постепенно загубиха интерес към метаданните текстовото съдържание и обикновено образуват описанието автоматично и просто да игнорират такива метаданни.</p> <p>Алгоритъмът е скрит от тези, които, макар и самата Google, така говори за ключови думи и описание на определен ръчно:</p> <p>В някои случаи, описанието се показва отстрани на фрагмента в резултатите от търсене.</p><p>И в някои - не.</p> <p>роботи мета тагове е позната на всички търсачки, това ви позволява да контролирате сканирането на робот за търсене на документи.</p> <p>Стойността на името, което посочва името на търсачката, но в съдържанието (или роботи, ако директивата следва да обхващат всички от тях.) - какво искате да "каже" на робота.</p> <p>Ето някои основни примери за мета роботи. който знае как да работи с Google:</p> <p>Google може да покаже "търсене в сайта" до връзката на страницата си в резултатите от търсенето. Този мета маркер може да деактивира.</p> <p>Ако език на страницата е различна от настройките за страниците в браузъра и търсенето, Google ще предложи превод на документа. Този мета маркер може да означава, че прехвърлянето не е необходимо.</p> <h2>Какво е по-вероятно да се използва</h2> <p>Google е събрала статистически данни за използването на стойностите на атрибутите на HTTP-екв и име за мета таговете:</p> <p><div style="text-align:center;"><img src="https://webp.images-on-off.com/25/990/434x353_oufnhngw56dw6mkur3ep.webp" width="434" height="353" title="Уроци оформление на мета тагове, мета данни (мета тагове)" alt="Уроци по мета таговете за оформление на сайта, мета данни" ></div></p> <p>Page кодиране, набора от символи, който се използва от него. Най-често на кирилица страници, тук ще се UTF-8. много по-малко - прозорци-1251.</p> <h2>стил файлове</h2> <p>Моля, обърнете внимание: <link> То не изисква затварянето и <script> - го изисква.</p> <p>Почти винаги посочване на мета таговете - рутинна работа. Но добрата новина е, че повечето от мета таговете ще бъде една и съща за различни проекти, както и "рамка" на страницата на HTML код в общ стандарт.</p> <p>Ето защо, в началото на оформлението на страницата от нулата, можете да използвате шаблон, който ще се промени, ако е необходимо.</p> <p>Ето един пример за такъв шаблон:</p> <p>Опитайте се да създадете първата си страница, на този шаблон, в тялото маркер напишете някакъв текст, а след това отворете файла в браузъра, за да се увери, че тя се появи на страницата.</p> <p>"Data-POST_ID =" 9105 "на данни user_id =" 0 "данни is_need_logged =" 0 "данни Lang =" ен "на данни decom_comment_single_translate =" коментар "данни decom_comment_twice_translate =" коментар "данни decom_comment_plural_translate =" komentarіv " данни multiple_vote = "1" данни text_lang_comment_deleted = "коментира Видал" данни text_lang_edited = "Vіdredagovano на" данни text_lang_delete = "Vidaliti" данни text_lang_not_zero = "поле не е NULL" данни text_lang_required = "Цзе obov'yazkove област. "данни text_lang_checked =" Oberіt един от punktіv "данни text_lang_completed =" Operatsіyu завършен "данни text_lang_items_deleted =" Ob'єkti Bulo Видал "данни text_lang_close =" затворен "данни text_lang_loading =" Zavantazhennya. "></p> <h3>Добавете коментар</h3> <p>Vibachte за komentuvannya neobhіdno uvіyti.</p> <h3>3 коментара</h3> <p>Търсим незабавното продължаване!</p> <p>@serg, ще бъде след няколко дни. И вече сте сподели уроците с приятели. )</p> <p>Благодаря ви за вашата работа!</p> <p>Oberіt zruchny за вас sposіb pіdpiski</p> <p>Най-прости и основни неща, които обикновено са най-трудно да се обясни. И мета-тагове.</p> <p>Изглежда, че това е последният пост в този блог на руски. Малко неочаквано след 8 години рускоезичните забавно, нали?</p> <p>Здравейте на всички! Реших да направя подарък за вас, и си представете новогодишните празници.</p> <p>За раздели в Начално зареждане отговаря tabs.js. файл Tab (или раздели), за да споделяте съдържание и да даде възможност да се покаже едновременно само една част от него, позициониране на контролите на съдържанието.</p> <p>Бразилските власти са безуспешно се изискват от WhatsApp, за да ги даде на кореспонденцията на един от своите сънародници, но печели доверие "не" за отговор.</p> <p>В продължение на поредица от бележки и адаптации на статии за Sass предлагам да се разгледа теоретичната част на Препроцесорът. Например, възможните недостатъци.</p> <p>modal.js - компонент на първоначално зареждане, която е отговорна за дисплея и управлението на изскачащи прозорци. Ще ви покажем как да се работи с тях.</p> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/material-za-muzika-na-masata-diagnostika-na.html">Материал за музика на масата - "Диагностика на музикалното развитие на деца в предучилищна възраст -"</a></li> <li><a href="/articles/nie-izgrazhdame-terminala-v-nautilus.html">Ние изграждаме терминала в наутилус</a></li> <li><a href="/articles/britni-spirs-omzhena-sestra-j-dzheymi-linn-zdravej.html">Britni Spirs омъжена сестра й Dzheymi Linn, здравей! Русия</a></li> <li><a href="/articles/altaj-produkti.html">Алтай продукти</a></li> <li><a href="/articles/nakhodka-info-sajt-na-nahodkite.html">Nakhodka Info - сайт на находките</a></li> <li><a href="/articles/administrativni-razhodi-tova-e.html">Административни разходи - това е</a></li> <li><a href="/articles/neva-maskaradnite-kotka.html">Нева маскарадните котка</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/modela-asimetrichen-perekidy-kak-da-se-izgradi.html">Модела асиметричен perekidy как да се изгради, завесите с ръце</a></li> <li><a href="/articles/notarialna-sporazumenie-za-izplashhane-na-izdrzhka.html">Нотариална споразумение за изплащане на издръжка договор проба при нотариуса</a></li> <li><a href="/articles/izchislenie-dno-za-bareta.html">Изчисление дъно за барета</a></li> <li><a href="/articles/kak-da-otslabnete-brzo-za-njakolko-kilograma.html">Как да отслабнете бързо, за няколко килограма</a></li> <li><a href="/articles/kak-da-se-preodolee-chuvstvoto-na-sram-sramt-kato.html">Как да се преодолее чувството на срам - срамът като ударът - работи върху</a></li> <li><a href="/articles/kdrava-brada-zashho-vetrovete-i-kakvo-da-pravja.html">Къдрава брада - защо ветровете и какво да правя</a></li> <li><a href="/articles/ahalazija-klasifikacija-simptomi-i-lechenie-na.html">Ахалазия класификация, симптоми и лечение на заболяването</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <ul> <li><a href="/articles/v-sferata-na-obrazovanieto.html">В сферата на образованието</a></li> <li><a href="/articles/alignment-gli-na-stenite.html">Alignment ъгли на стените</a></li> <li><a href="/articles/10-neshha-za-vrshene-sled-razbivane-psihologija-na.html">10 неща за вършене, след разбиване - психология на взаимоотношения и любовни взаимоотношения в</a></li> <li><a href="/articles/materiali-za-chetene-na-belezhka-kak-da-izgotvjat.html">Материали за четене на бележка - "как да изготвят дневник quot на читателя, изтегляне</a></li> <li><a href="/articles/bremennost-i-priem-diane-35-vzmozhnosti-i-da-stane.html">Бременност и прием Diane-35 възможности и да стане бременна, планирате да забременеете</a></li> <li><a href="/articles/spravedliv-legendarnite-talanti-i-kristali.html">Справедлив, легендарните таланти и кристали</a></li> <li><a href="/articles/2-mit-na-mzhkata-iznevjara-gi.html">2 Мит на мъжката изневяра, ги</a></li> </ul> </div> </footer></div> </body> </html>