Каква информация има в мета тага. HTML мета тагове, тяхното предназначение и правилно попълване
Мета HTML таговетяхното предназначение и правилно попълване - 4.8 от 5 на базата на 4 гласа
Мета таговете са специални служебни тагове HTML езиции XHTML. Потребителят, който разглежда сайта, не вижда своята активност. Те са предназначени да предават информация на роботите за търсене, които индексират страниците на сайта, както и на браузърите на посетителите.
Тези етикети не са задължителни и могат да бъдат пропуснати при кодиране на страници, освен ако не преследвате някоя от целите, описани по-долу.
За какво са мета таговете?
Мета таговете изпълняват различни функции. Например, те съхраняват информация за услугата, прехвърлят я към роботи за търсене и браузъри. И така, роботите получават информация за ключови думи, описание на страницата, автор и други данни от мета тагове.
Къде са те? Как да записвам?
Мета таговете за сайта се намират в кода HTML страницимежду етикети
...и записът им изглежда така:
Както можете да видите от примера, за тях не е необходим затварящ таг.
Налични са четири атрибута за мета тага, от които е задължителен само първият – съдържание:
1. съдържание. Задава стойността на атрибута, дадена от име и http-equiv.
2. http-еквив. Преобразува мета таг в HTTP заглавка. Стойността на този атрибут се преобразува във формата на заглавката на HTTP отговора.
3. име. Име, то определя предназначението на мета тага. Името и http-equiv не могат да се използват в едно и също мета едновременно.
4.charset. Задава кодирането на документа.
HTML мета таговете са разделени на две групи:
име. етикети от този типсъдържат текстова информацияотносно съдържанието на страницата, Описание, ключови думи, Роботи, име на автора на страницата. Роботите на търсачките търсят необходимата информация тук.
HTTP еквив. Тагове от този тип влияят върху формирането на заглавката на страницата и показват на браузъра режима на неговата обработка.
Условно, по функция, стойностите на мета таговете могат да бъдат разделени на следните групи:
1. Контролиране на браузъра, т.е. съдържащи изисквания или съвети за показване на страници на екрана на устройството.
2. Съдържащи информация за съдържанието на страницата и нейния автор.
3. Съдържащи информация за роботите на търсачките.
Нека разгледаме по-подробно всеки от тях и да разгледаме за какво отговарят и как се попълват.
Стойности за браузъри
Всички тагове в тази група се характеризират с наличието на атрибут http-equiv.
1. Content-Type - налага кодиране и тип документ.
Всъщност от браузърите се изисква сами да определят кодирането и дори го правят, ако няма инструкции за това. Това е само браузърът, който може да има грешни настройки. В този случай вместо букви на страницата ще се появят забавни квадратчета. И ако сървърът не работи правилно, тогава дори превключването на кодирането в браузъра няма да помогне. Ето защо е по-добре винаги да посочвате кодирането на страницата, но в същото време трябва да посочите кодирането, съответстващо на това, с което сървърът предоставя страницата.
Пример за настройка на международното кодиране utf8:
2. Съдържание-Език. Задава езика на документа и го съобщава на роботите, индексиращи страницата.
Роботите могат сами да определят езика, но етикетът ще бъде полезен в случай на повредени настройки на браузъра от страна на потребителя.
Пример за настройка на руски език:
3. Контрол на кеша. Казва на браузъра за действието в кеша върху този документ.
- публичен. Кеширането ще бъде възможно във всички налични кешове.
- частен. Кешира се само в личния кеш, не се кешира от проксито.
- няма кеш. Пълна забрана за кеширане.
- няма магазин. Може да се кешира, но не и да се архивира.
- max-age=време, трябва да се потвърди повторно. Указва максималното време в секунди, за което браузърът трябва да държи страницата в кеша.
- max-age=време, прокси-превалидиране. Също така максималното време за съхранение в секунди, но в този случай не е посочено за браузъра, а за прокси сървъра.
4. Прагма. Деактивира кеширането на страницата. Етикетът може да се използва, ако информацията, публикувана на страницата на сайта, се актуализира често.
5. Изтича. Управлява кеширането на документи. Ако времето, декларирано в тази стойност, е изтекло, тогава браузърът трябва отново да поиска страницата от сървъра и да не използва страницата от кеша. Ясно е, че ако посочите дата, която вече е минала, страницата никога няма да бъде кеширана. Това също не си струва да се прави, защото роботите за търсене може да не индексират страница с остаряла дата.
6. Опресняване. Браузърът автоматично ще обнови документа след броя секунди, посочени в дадена стойност. Можете да проверите едно полезно нещо. Атрибутите на етикета приемат URL. Ако посочите URL адреса на друга страница, след известно време браузърът ще я зареди.
Например, след 5 секунди потребителят ще бъде пренасочен към страницата: http://your-sait.ru/home.html
Стойности за търсачките
Мета таговете за търсачките не са свързани с показването на страницата на монитора, но някои от тях са важни за индексирането и популяризирането на сайта в ТОП на резултатите от търсенето.
1.Описание. Съдържа описание на страницата. Информацията, написана тук, се показва на страницата с резултати от търсенето при генериране на фрагмент.
Ако описанието е зададено правилно и привлича вниманието, тогава потребителят с по-вероятноще отиде на вашия сайт, а не на някой друг. Трябва да се опитате да съпоставите описанието с действително представената информация на сайта.
2. Ключови думи. Този таг изброява ключови думи, разделени със запетаи, които точно характеризират страницата. Преди беше важно, но не и сега. Използвани са от роботи за определяне на фрази, за които тази страницатрябва да се показва в резултатите от търсенето. По-късно обаче в случая се включиха хитри спамери, които натъпкаха хиляда ключови думи в една страница. В момента записаната тук информация не се използва много активно от търсачките.
3. Роботи. Мета тагът robots контролира как страниците се индексират от търсачките.
Може да приема една от следните стойности:
- индекс. Страницата може да се индексира.
- noindex. Съдържанието на страницата не може да бъде индексирано.
- последвам. На роботите на търсачките е разрешено да следват връзките на тази страница.
- Nofollow. На роботите не е разрешено да следват връзки на тази страница.
- Всичко. Индексирайте страницата и следвайте връзките на тази страница.
- Нито един. Не индексирайте страницата, не следвайте връзките на тази страница.
На бележка. Инструкции, описани в роботи търсачки, може да се зададе и във файла robots.txt. Но това, което е посочено в мета таговете, има предимство пред директивите robots.txt. Тоест, ако разрешите индексирането на определена страница в мета тага и го забраните в robots.txt, тя пак ще бъде индексирана.
Пример за пълна забрана за индексиране и следване на връзки към страници:
4. Посетете отново. Казва на робота на търсачката кога трябва да посети отново и индексира отново страницата. Единственото лошо нещо е, че роботите обикновено работят по свой собствен график, така че тази стойност се игнорира и е малко безполезна.
Например, на теория роботът трябва да посети страницата след 5 дни.
5. Тип ресурс. Описва състоянието на документа, ако стойността е различна от Document, тогава страницата ще бъде игнорирана от търсачките и няма да бъде индексирана. Важен етикет за големи ресурси, които използват документи от различни типове.
Някои възможни стойности:
- Изграждане
- класификация
- Създаване
- Документ – Приема се по подразбиране.
- Форматиращ инструмент
- оператор
- произволен текст
- Рейтинг
- Езици на сайта
- предмет
- Шаблон
- версия
6. Предмет. Показва темата на документа, който се търси от роботите на търсачката. Засега не работи съвсем правилно, тъй като класификационните таблици не са инсталирани от търсачките.
HTML таговеЗначение и приложение
Етикет предоставя метаданни за HTML документ. Метаданните не се показват на страницата, но се интерпретират от браузъри и търсачки.
Мета елементите обикновено се използват за указване на описание на страница, ключови думи, автор на документ и други метаданни. Позволени са и обикновено се изискват множество мета тагове. Етикет винаги се поставя вътре в етикет
. XHTML изисква затварящ таг , В HTML елементсмятан за необвързан.Поддръжка на браузър
| Етикет | Опера | IExplorer | ръб, край |
|||
|---|---|---|---|---|---|---|
| да | да | да | да | да | да |
Атрибути
| Атрибут | Значение | Описание |
|---|---|---|
| набор_символи | Указва кодирането на знаци за HTML документ. | |
| съдържание | текст | Указва стойността, свързана с атрибутите име и http-equiv, в зависимост от контекста. |
| http-еквив | политика за сигурност на съдържанието тип съдържание стил по подразбиране опресняване | Всъщност той е еквивалентен на хипертекст хедър (имитация на http хедър), формира хедъра на страницата и определя неговата обработка. Като правило те контролират действията на браузърите и се използват за генериране на информация, издадена от обикновени http заглавки. |
| име | име на приложение автор описание генератор ключови думи | Указва името на документа на ниво метаданни. |
| схема | формат/URI (унифициран идентификатор на ресурс) | Не се поддържа в HTML 5. Показва полезна информацияотносно схемата или името на самата схема, което трябва да се използва за квалифициране на стойността на свойството атрибут content. |
Пример за употреба
Указване на кодирането на документа
Етикет ви позволява да кажете на браузъра на посетителя кой набор от знаци и кое кодиране да зададе на уеб страница. Атрибут (HTML таг ) указва кодирането на знаци за HTML документа.
charset="utf-8" >Това е заглавието.
Това е параграф.
IN този примерзадаваме кодирането на документа на UTF-8, използвайки елемента и атрибут. UTF-8 кодирането е едно от общоприетите и стандартизирани текстови кодировки, което ви позволява да съхранявате Unicode знаци.
Често използвани мета тагове
Метаданните са разделени на две основни групи:
- първа група- стойността на атрибута name.
- втора група- стойности на атрибути
елемент (от английски. метаданни- metadata) дефинира данни (те се наричат още мета тагове), които се използват за съхраняване на информация, предназначена за браузъри и търсачки. Например, търсачките се обръщат към мета тагове, за да извлекат описания на сайтове, ключови думи и други данни. Позволени са повече от един мета таг, всички те се поставят в контейнера
. По правило атрибутите на всеки мета таг се свеждат до двойки име=стойност, чиито имена се определят от ключовите думи content , name или http-equiv .Синтаксис
Затварящ етикет
Не е задължително.
Пример
Спецификация
Всяка спецификация преминава през няколко етапа на одобрение.
- Препоръка (Recommendation) - спецификацията е одобрена от W3C и се препоръчва като стандарт.
- Препоръка за кандидат ( Възможна препоръка) - групата, отговорна за стандарта, е доволна, че той изпълнява целите си, но е необходима подкрепата на общността за разработка, за да внедри стандарта.
- Предложена препоръка ( Предложена препоръка) - на този етап документът се предава на Консултативния съвет на W3C за окончателно одобрение.
- Работна чернова - По-зряла чернова след обсъждане и изменения за преглед от общността.
- Черновата на редактора ( Редакционна чернова) е чернова версия на стандарта след промени, направени от редакторите на проекта.
- чернова ( Проект на спецификация) е първата чернова на стандарта.
Отделно стои живият стандарт HTML (Living) - той не се придържа към традиционното номериране на версиите, тъй като е в непрекъснато развитие и се актуализира редовно.
×Браузъри
Следната нотация се използва в таблицата на браузъра.
- - елементът се поддържа напълно от браузъра;
- - елементът не се възприема от браузъра и се игнорира;
- - по време на работа могат да възникнат различни грешки или елементът се поддържа с резерви.
Числото показва версията на браузъра, от която се поддържа елементът.
Защо хората създават уебсайтове? Някои имат нужда да популяризират своята фирма или компания, други имат нужда от посещаван блог. Причините може да са различни, но едно е ясно със сигурност – изкуството да се изгради и популяризира сайт изисква време и усилия.
И накрая успяхте да създадете първия си блог или уебсайт: решихте на каква тема ще бъде посветен, решихте дизайна и започнахте да го попълвате. Сега е време да стилизирате правилно мета таговете „description“ и „keywords“. Какво представляват те и как да ги използваме?
Какво представлява мета тагът за описание
Накратко, описанието е Кратко описаниестраницата, която потребителят вижда като фрагмент в списъка с резултати Търсене в Google, Yandex и др. Snipet - показване на описание в резултатите от търсенето. Въпреки че на практика са едно и също нещо, в тази статия ще можем да видим разликата.
IN програмен кодтагът за мета описание на страницата се намира в главата на html кода. Изглежда нещо подобно:
Как да попълните мета тага за описание
Въпреки факта, че някои решават да използват един и същ рекламен пасаж за всички страници на сайта, според повечето опитни създатели на сайтове е важно да предпишете свой собствен текст за всяка страница. Защо? Това се отразява на визуалното възприятие на потребителя. Освен това, ако описанието е написано ефективно, то ще привлече повече посетители към вашия сайт. един важен момент, което си струва да се има предвид - описанието не трябва да е твърде дълго или твърде кратко - средно е желателно поне 380 знака. И въпреки че, гледайки резултатите от търсенето, можете да видите 200-300 знака, всъщност Google използва целия пасаж, който сте написали.
Така, стегнато и накратко, трябва да опишете какво ще намери потребителят на вашия сайт. Освен това това трябва да се направи по такъв начин, че той да иска да дойде при вас. Нека да разгледаме някои примери за дизайн на рекламни откъси.
Примери за описателни текстове
Описание мета таг - как да го попълня? За да отговорим на този въпрос, нека разгледаме няколко примера. Ако сте собственик на сайт за психология, можете да напишете нещо като: „Търсене на специалист психолог, както и тестове, съвети, семейни препоръки и други“ като описание. От друга страна, можете да опишете накратко целта на сайта, ако е ясно за повечето посетители каква образователна институцияили въпросното предприятие. Може да изглежда така: „Московски държавен университет „Ломоносов“.
Ако вашият сайт съдържа музика или видео съдържание, тогава текстът на описанието трябва да изброява какво може да бъде изтеглено от вашата страница. Може да пише: „Изтеглете филми и музика безплатно от добро качество" или "Безплатна класика в съвременна обработка - 128, 196, 320. Изтеглете безплатно."
Когато пишете описание, можете да вземете най-„сочната“ част от статията (за тези, които са твърде мързеливи, за да напишат отделна уникален текстза промоционалното парче). Във всеки случай е важно потребителят да получи на вашия сайт информацията, която очаква да намери и която вие му обещавате. За да научите как правилно да попълвате мета маркера за описание, примерите могат да бъдат запомнени или написани.
Системи за автоматично генериране на сайтове
Ако изграждате сайт с помощта на конструктора, мета тагът за описание на сайта трябва да бъде въведен в съответното поле в редактора. Заедно с подзаглавията „h1“, „заглавие“ и „ключови думи“, има клетка с етикет „описание“. Както в случая с други автоматични системи за изграждане на сайтове, мета тагът описание opencartтрябва да се въведе в предвиденото за целта поле.
Неправилно попълнено описание
Най-добре е да не използвате системи за генериране на рекламни фрагменти, които автоматично работят със страницата. Защо? Малко вероятно е да се интересувате от текста, компилиран от машината, защото най-често такива системи използват първите няколко изречения от страницата, а това е неефективно. Първият параграф не винаги отразява същността на материала, който предлагате.
Как се различава от описанието
За разлика от описанието, ключовите думи са списък от ключови думи, необходими за характеризиране на вашата страница. Ключовите думи обаче също не са същите като ключови думипотребители на търсачката - тези думи, които са въведени в горната лента за търсене на Google или Yandex. Вярно е, че днес "Yandex" почти никога не използва тези думи, когато издава заявки за търсене. "Гугъл", както каза техен представител, изобщо не им обръща внимание. Но фрагментът с описание е много по-важен - потребителите го виждат и използват, затова трябва да се обърне специално внимание на ключовите заявки и мета тага за описание. Ако все пак искате да посочите ключови думи за страниците на вашия сайт, тогава в html кода на всяка от тях трябва да въведете мета таг:
meta name="keywords" CONTENT="въведете ключови думи за нашата страница".
Както в случая с етикета за описание, той се намира в "главата" на страницата.
Ключови заявки на търсачката Yandex
Добре е рекламното ви копие да съдържа думи, които потребителите въвеждат в лентата за търсене. За да определите статистиката на въведените заявки на Yandex, трябва да отидете на сайта: http://wordstat.yandex.ru/. Трябва да се регистрирате, за да използвате услугата. След това в реда в горната част на страницата въведете вашата услуга или продукт. Да приемем, че вашият сайт е за история. Въведете думата "история". И в резултатите виждаме две колони: „ключова заявка“ и „брой импресии на месец“. Например, думите "клас по история" са търсени повече от милион и половина пъти на месец. Сред най-често въвежданите фрази можем да видим: "онлайн история", "история на ужасите", "Американска Русия", "изтегляне 6" и "история 5". Освен това в Yandex Wordstatможете да изберете региона или населеното място, за което да се показва статистическа информация. Това е много удобно, защото хората в различни региони и градове може да се интересуват от различни продукти.
Ако в описанието-описание използвайте най-популярните термини за търсене, тогава можете да накарате вашия сайт да се показва на първите страници на търсачките. За да постигнете това, ще трябва да работите много - това е основната цел на всеки създател на уебсайтове.
Оформяне на снипети
Както казахме преди говорим сиза същия текст на описанието. Търсачките Bing, Yahoo! и Google показва фрагмента за интернет потребителя, който е посочен в мета тага за описание. Но "Yandex" действа малко по-различно. Това означава, че това, което пишете в маркера на рекламния фрагмент, няма да се показва в областта на фрагмента в резултатите от търсенето на определена страница. Как да го оправя? Текстът на този пасаж може да бъде конфигуриран в офиса на уеб администратора на Yandex. Има обаче информация, на която не можем да повлияем, колкото и да ни се иска, например броя на звездите на хотела. За да промените някои адресни данни на предприятие или организация, трябва да оставите специална заявка. В повечето други случаи можете сами да персонализирате своя рекламен фрагмент. Има толкова значителна разлика в издаването на резултатите от търсенето на Yandex. Защо трябва да знаете? Отново, повторете, ако искаме да привлечем повече посетители към нашия сайт.
Какво научихме
И така, както видяхме, всеки може правилно да попълни мета тага за описание на даден сайт. Примери как да направите това са описани подробно в тази статия. Освен това вие и аз бихме могли да разберем каква е разликата в попълването на рекламен пасаж за търсачките Yandex и Google. Научихме за какво са потребителските ключови думи и как да ги избираме, както и почти пълната безполезност на ключовите думи. Използвайки всички съвети в тази статия, можете да постигнете пълен успех и с допълнителна сръчност вашият сайт може дори да се класира в първите десет, които потребителите на World Wide Web ще видят. Запомнете едно нещо: след като сте популяризирали сайта веднъж, важно е да продължите да го подобрявате, за да не загубите спечеления рейтинг.
Мета таг HTML дефинира информация за уеб страница. Етикетите на мета групата се наричат мета тагове, а съдържанието на мета тага се нарича метаданни. Метаданните показват различни техническа информацияотносно документа, основно за браузъри и търсачки и не са видими за потребителя на сайта.
Често се използват мета тагове: автор, описание, ключови думи, прозорец за изглед, набор от знаци.
Мета таговете са в областта
HTML документ(). Можете да вмъкнете или, както се казва, да регистрирате мета тагове в произволен ред и количество.Използването на мета тагове не е задължително, но препоръчваме да попълните поне мета тагове description, viewport, charset. Това ще бъде плюс за вътрешна оптимизация на уебсайт.
Синтаксис
Примери за използване в HTML код
Основни мета тагове
По-долу има няколко основни етикета с бележки за приложението и примери за употреба.
мета таг за описание
Кратко описание на документа (страница на сайта). Търсачките могат да използват съдържанието на тага за мета описание, за да го покажат в SERP фрагмента.
Пример за използване на мета тага за описание
ключови думи мета таг
Ключови думи на страницата. Преди това се използва за указване на търсачките на основните семантични фрази на уеб страница. На този моментима различни мнения за това как да попълните правилно мета тага на ключовите думи и дали си заслужава.
Пример за попълване на мета таг ключови думи
мета таг на прозореца за изглед
Указва някои опции за прозореца на браузъра. Атрибут ширинаопределя ширината на прозореца за изглед (viewport), начален мащаб- коефициент на мащабиране при първото отваряне на страницата.
Пример за използване на мета тага на viewport
Мета таг за адаптивен сайт: указва, че ширината на прозореца за изглед е коригирана спрямо размерите на устройството:
charset мета таг
Кодиране на уеб страници. Най-често срещаната стойност: "UTF-8".
Пример за използване на мета тага за кодиране на набор от знаци
опресняване на мета таг
Мета таг с атрибут показва време автоматична актуализациястраници. Страницата ще се презареди автоматично на интервала, посочен в съдържаниеатрибут. Стойността се посочва в секунди.
Пример за мета http опресняване
Поддръжка на браузър
| Етикет | |||||
| да | да | да | да | да |
Атрибути
| Атрибут | Стойности | Описание |
|---|---|---|
| набор от знаци |
набор_символи |
Показва HTML кодиранедокумент. |
| съдържание |
тестова стойност |
Основното съдържание на мета тага. Зависи от други атрибути. Използва се заедно с http-еквивили име. |
| http-еквив |
тип съдържание |
Задава HTTP заглавката за атрибут съдържание. Тип съдържание- Кодиране. Отхвърлена стойност, при използване на HTML5 набор от знаци(вижте примера по-горе). |
| име |
име на приложение |
Името на мета тага. като http-еквивопределя същността на мета тага. име на приложение- името на уеб приложението, което представлява страницата. |