Метатеги



Метатеги використовуються для зберігання інформації призначеної для браузерів і пошукових систем. Наприклад, механізми пошукових систем звертаються до метатегах для отримання опису сайту, ключових слів та інших даних.

Метатеги для пошукових механізмів


Серед розробників сайтів існує думка, що правильно написані метатеги дозволяють піднятися до верхніх рядків пошукових серверів. Насправді це не так, на одних метатегах високо коли піднімешся, а й невдало виконане вміст метатегів може погіршити рейтинг сайту.

Два метатега призначені спеціально для пошукових серверів: description (опис) і keywords (ключові слова). Деякі вебмастера додавали в розділ keywordsключові слова, які не мають ніякого відношення до теми сайту, але зате користувалися певним успіхом серед відвідувачів пошукачів. Однак, через деякий час, пошукові системи навчилися боротися з таким явищем і перевіряють вміст веб-сторінки на відповідність заявленим ключовими словами.

Деякі принципи, які стосуються метатегів:

  • не включайте ключові слова, які не містяться на ваших сторінках;
  • не повторюйте ключові слова;
  • використовуйте метатеги за їх прямим призначенням;робіть опис і список ключових слів різними для кожної сторінки сайту з урахуванням вмісту.

description


Більшість пошукових серверів відображають вміст поля description (приклад 1) при виведенні результатів пошуку. Якщо цього тега немає на сторінці, то пошуковий движок просто перелічує періш слова, які зустрічаються на сторінці, і які виявляються не дуже-то і в тему.
Приклад 1. Використання Description

Використання Description


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>description</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="description" content="Сайт об HTML и создании сайтов">
 </head>
 <body>
  <p>...</p>
 </body>
</html>


keywords


Цей метатег був призначений для опису ключових слів, що зустрічаються на сторінці (приклад 2). Але в результаті дії людей, охочих потрапити у верхні строчки пошукових систем будь-якими засобами, тепер дискредитований. Тому багато пошуковиків пропускають цей параметр.
Приклад 2. Використання Keywords

Використання Keywords


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>keywords</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Keywords" content="HTML, META, метатег, тег, поисковая система">
 </head>
 <body>
  <p>...</p>
 </body>
</html>


Ключові слова можна перераховувати через пробіл або кому. Пошукові системи самі приведуть запис до виду, який вони використовують.

Автозавантаження сторінок


Щоб автоматично завантажувати новий документ через певний проміжок часу використовується інструкція http-equiv = "refresh" (приклад 3).
Приклад 3. Автозавантаження сторінки

Автозавантаження сторінки


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Автозавантаження</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <meta http-equiv="refresh" content="5; URL=http://htmlbook.in.ua">
 </head>
 <body>
  <p>...</p>
 </body>
</html>


Подивитися приклад
Браузер зрозуміє цей запис, як очікувати 5 секунд, а потім завантажити нову сторінку, зазначену в параметрі URL, в даному випадку це перехід на сайт htmlbook.in.ua.

Цей метатег дозволяє створювати перенаправлення (редирект) на інший сайт. Якщо URL не вказаний, відбудеться автоматичне оновлення поточної сторінки через кількість секунд, заданих в атрибуті content.

Кодування


Щоб повідомити браузеру, в якому кодуванні знаходяться символи веб-сторінки, необхідно встановити параметр <meta http-equiv="Content-Type" content="text/html; charset=имя кодировки">. Для операційної системи Windows і кирилиці charset зазвичай приймає значення utf-8 або windows-1251 (приклад 4).
Приклад 4. Вибір поточного кодування

Вибір поточного кодування


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Кодировка</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body>
  <p>Кириллица</p>
 </body>
</html>


Якщо вказівка кодування відсутня, браузер намагається сам визначити, який тип символів використовується в документі і вибирає необхідне кодування автоматично. Браузер не завжди може точно розпізнати мову веб-сторінки і в деяких випадках пропонує в'єтнамську кодування замість кирилиці. З цієї причини краще завжди вказувати наведений рядок. Тим не менш, виникають обставини, коли вказівка кодування може принести певну шкоду. Наприклад, веб-сервер автоматично використовує перекодування даних в KOI-8, а браузер, зустрівши параметр charset = windows-1251, перекладає текст в кодування Windows. Виходить подвійна зміна символів, прочитати такий текст не просто. На щастя, подібна проблема вже відходить у минуле, у всякому разі, її легко можна виявити і нейтралізувати на рівні сервера.



скачать dle 11.0фильмы бесплатно

Коментарі 3

MariannaEvact
MariannaEvact от 7 мая 2017 15:02
??? ?????? ???????? ??o??o? ?a?e???? ?a?a?o?o? ? ???e??e?e, ??o?? ?a?a?a???a??
? ???e??e?e ???????? ?????? ??? ?o?o?? ?????????, ??o?e?e???? ? ???e??????? ?e?o????
?o??a ? ??e???a???? ?a?e?? ????a??? ?a??o???? ?e??a??? 2016-?o ?o?a.
?????? ??????????? ???????? ???? ??e?e??a? ?e??a??? ? ?a?a?o?o? ?a ???
??o: ??????? ????????? ??? ????????



??????? ??? ????????? ?????????
????? ?? ??? ?????????? 2010 ????? ?????
CalvinPed
CalvinPed от 8 июня 2017 06:02
Joseph40
Joseph40 от 27 июня 2017 10:20
???????????? ???????????? ??????????? ?????, ??????? ?????, ????? ??? ???. ledbelgorod.ru
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
Кликните на изображение чтобы обновить код, если он неразборчив