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

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

От предишните уроци, можете да се помни, че всяка информация за 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/kakv-po-dobr-tele2-ili-nahvrljam-sravnenija.html">Какъв по-добър Tele2 или нахвърлям сравнения комуникации и интернет</a></li> <li><a href="/articles/izzemvaneto-na-deputati-i-sluzhiteli-na-izborni.html">Изземването на депутати и служители на изборни длъжности</a></li> <li><a href="/articles/otslabvane-i-sushilnja-kakva-e-razlikata-po-silov.html">Отслабване и сушилня - Каква е разликата по силов трибой, културизъм, програми за обучение, спорт</a></li> <li><a href="/articles/kucheta-kato-hora.html">Кучета като хора ...</a></li> <li><a href="/articles/ngets-dvojna-panirovka-stpka-po-stpka-recepti.html">Нъгетс - двойна панировка - стъпка по стъпка рецепти снимки</a></li> <li><a href="/articles/kakvo-e-glogster.html">Какво е Glogster</a></li> <li><a href="/articles/deflator-e.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/v-sravnenie-freebsd-sreshhu-linux.html">В сравнение FreeBSD срещу Linux</a></li> <li><a href="/articles/electroneuromyography-electroneuromyographic.html">Electroneuromyography (electroneuromyographic) - цената, не електромиография на крайниците в "виж-клиника"</a></li> <li><a href="/articles/plan-vzpitatel-v-programata-detska-gradina-vv.html">План - възпитател в програмата детска градина във втората група младши за една седмица "- моята детска градина</a></li> <li><a href="/articles/parrot-i-kotka-se-razbirame-zaedno-ako.html">Parrot и котка се разбираме заедно, ако</a></li> <li><a href="/articles/kuche-spasitelni-istorii-ot-rba-na-smrtta.html">куче спасителни истории от ръба на смъртта</a></li> <li><a href="/articles/grim-irina-bilik-shokira-dobre-izvesten-grimor-vip.html">Грим Ирина Билик шокира добре известен гримьор - ВИП - звезди</a></li> <li><a href="/articles/lili-aln-zagubila-svatbena-roklja-ot-karl.html">Лили Алън загубила сватбена рокля от Карл Лагерфелд, клюки</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <ul> <li><a href="/articles/majstorski-klas-ushiti-krg-zaharnica-za-30-minuti.html">Майсторски клас ушити кръг захарница за 30 минути - дом ръчно изработени</a></li> <li><a href="/articles/na-ploshhad-pushkin-v-moskva-drazni-gaz-prska.html">На площад Пушкин в Москва дразни газ пръска неизвестен</a></li> <li><a href="/articles/praz-luk-gradinarstvo-biblioteka-semejna-ferma.html">Праз - лук - градинарство - библиотека - семейна ферма</a></li> <li><a href="/articles/rovniteli-funkcija-etazh-harakteristiki-predimstva.html">Rovniteli функция етаж, характеристики, предимства от използването на саморазливна</a></li> <li><a href="/articles/uprazhnenija-za-razvitie-na-psihicheski.html">Упражнения за развитие на психически способности - технологични практики - членове Directory</a></li> <li><a href="/articles/mehanika-tova.html">Механика - това</a></li> <li><a href="/articles/dali-emocii-se-formirat-studopediya.html">Дали емоции се формират studopediya</a></li> </ul> </div> </footer></div> </body> </html>