Уроци по мета таговете за оформление на сайта, мета данни
Всеки предния край разработчик работи с мета тагове, всеки ден, но когато се опитате да им обясните с прости думи да започне сложност. Както и да е, което имам. Ще се опитам да обясня възможно най-ясно и по-лесно.
От предишните уроци, можете да се помни, че всяка информация за HTML-страница е вътре таговете. Част от информацията, която искаме да видим в браузъра, но освен тях има и тези данни, които никога не се показват в браузъра, обаче, се отразява пряко върху това, което виждаме.
Това е част от страницата се нарича "метаданни".
Метаданни (мета данни, мета-данни) - това е информация за информация, описание на съдържанието на страницата. Тези данни описват как трябва да изглежда видимо съдържание, което набор от символи се използва на страницата, и т.н.
Три основни разлики метаданни:
- в маркера
- пряко невидим за потребителя (с изключение на маркера
)</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>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> <hr> </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/kutija-na-balkona-s-rcete-si-kak-da-se-napravi.html">Кутия на балкона с ръцете си как да се направи</a></li> <li><a href="/articles/kupete-si-ustrojstvo-za-otblskvane-na-agresivni.html">Купете си устройство за отблъскване на агресивни животни LS-977 на разумна цена, доставка, цена,</a></li> <li><a href="/articles/kakvi-sa-palta-ot-kozha-cvetove-i-stilove.html">Какви са палта от кожа цветове и стилове</a></li> <li><a href="/articles/sobshhenie-za-potvrzhdavane-na-chuzhd-grazhdanin.html">Съобщение за потвърждаване на чужд гражданин живеене</a></li> <li><a href="/articles/otnoshenijata-s-tele.html">Отношенията с теле</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer kidrfgnb"> <div class="row"> <div class="col-full"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/kak-da-se-nauchi-deteto-si-da-spestjat-pari-i-da.html">Как да се научи детето си да спестят пари и да се справят с тях разумно</a></li> <li><a href="/articles/gotvene-rolki-aljaska-aljaska-rolki-za-recepti.html">Готвене ролки - Аляска - Аляска ролки за рецепти - рецепти</a></li> <li><a href="/articles/karbamid-v-kozmetikata.html">Карбамид в козметиката</a></li> <li><a href="/articles/tkani-i-zavesi-v-leroy-merlin.html">Тъкани и завеси в Leroy Merlin</a></li> <li><a href="/articles/kak-da-se-izkopae-instrukcii-stpka-po-stpka-i.html">Как да се изкопае инструкции стъпка по стъпка и заложната къща бизнес план</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2026 | Всички права запазени</p> </div> </footer> </div> </body> </html>