Как создать сайт

Метатеги для сайта

Здравствуйте! В этой статье я расскажу о мета-тегах для сайта. Собственно мета-теги размещаются в верхней части веб-страницы, как правило между тегами <head> и </head>, и браузер их не отображает (кроме тега «title»).  Но нужны мета-теги в  первую очередь  для роботов  поисковых системах (о том что такое seo я писал в этой статье) именно их распознают роботы поисковых систем.

Метатеги для сайта

 

Тег «TITLE».

И первый мета-тег на очереди   это  < TITLE>< /TITLE> очень важный тег. Причём его важность одинакова как для поисковых систем так и для посетителей сайта. Если вы  посмотрите  на скриншот с результатами поисковой выдачи ниже, то увидите, что  как раз самым жирным и большим текстом выводится именно содержимое тега title.

Что такое метатеги

И также содержимое этого тега можно увидеть на вкладке броузера:

Содержимое мета-тега title

Вот пример как можно добавить метатег title на страницу:

<html>
  <head>
    <title>Это тег «title»< /title>
  </head>
  <body>Содержимое страницы</body>
</html>

Ну и конечно же для поисковой оптимизации не лишне будет добавить в этот тег ключевые слова, под которые продвигается страница.

Мета-тег «keywords» (ключевые слова).

В этом теге перечесляются ключевые слова, под которые будет оптимизироваться страница, еще 2-3 года назад можно было таким образом вывести сайт в топ просто было достаточно перечислить ключевые слова в этом теге. Сейчас уже  поисковые системы уже не учитывают слова, написанные в этом теге и даже более того если вы пропишите много слов в теге keywords ваш сайт может угодить под фильтр.

<html>

  <head>
    <meta name="keywords" content="Ключевые слова ">
    <title>Тайтл страницы «title»</title>
  </head>
  <body>Содержание страницы</body>
</html>

    Мета-тег «description» (описание страницы).

Этот тег очень важен для поисковых роботов, которые индексируют ваш сайт,  поскольку его содержимое выводится непосредственно в небольшом сниппете под заголовком поискового запроса. Данный тег работает в паре с тегом title и следует указывать в нем расширеный анонс статьи, то есть писать о чем ваш пост, чтобы привлечь внимание пользователей, когда они просматривают поисковую выдачу.

 

 

<html>
  <head>
    <meta name="keywords" content="Ключевые слова">
    <meta name="description" content="Содержимое тега description ">
    <title>title страницы< /title>
  </head>
  <body>Содержимое страницы< /body>
</html>

Технические мета-теги

С помощью оных можно управлять содержимым документа, задавать кодировку документа.

content-type —  задает тип документа и его кодировку. Есть много кодировок но для корректного отображения кирилических символов браузером следует указывать кодировку  utf-8.

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="keywords" content="Ключевые слова">
    <meta name="description" content="Описание документа">
    <title>Заголовок страницы< /title>
  </head>
  <body>Текст документа< /body>
</html>

content-language —  позволяет задать  язык документа, хотя поисковик может  сам определить язык документа, разве что речь идет о каком-нибудь диалекте.

<html>
  <head>
    <meta http-equiv="content-language" content="ua">   
     <meta name="keywords" content="Ключевые слова">
    <meta name="description" content="Описание документа">
    <title>Заголовок страницы< /title>
  </head>
  <body>Текст документа< /body>
</html>

refresh —  время в секундах по истечению которого страница будет перезагружена или можно будет перейти на другую страницу, сайт. Вот пример как можно перезагружать страницу каждые 30 секунд.

<html>
<head>
<meta http-equiv=»refresh» content=»30″>
<meta http-equiv=»content-type» content=»text/html; charset=windows-1251″>
<meta name=»keywords» content=»Ключевые слова»>
<meta name=»description» content=»Описание документа»>
<title>Заголовок документа< /title>
</head>
<body>Содержимое документа< /body>
</html>

Вот пример как можно  спустя 10 секунд, перейти на сайт http://www.webdiz.com.ua/ :

<html>
  <head>
    <meta http-equiv="refresh" content="10;http://www.webdiz.com.ua/">
    <meta http-equiv="content-type" content="text/html; charset=windows-1251">
    <meta name="keywords" content="Ключевые слова">
    <meta name="description" content="Описание страницы">
    <title>Заголовок документа< /title>
  </head>
  <body>Содержимое страницы< /body>
</html>

robots — этот мета-тег влияет как роботы поисковых систем будут индексировать или не индексировать страницы вашего сайта:

  • index — страница будет индексироваться;
  • noindex — страница не  будет индексироваться;
  • follow —  поисковой робот будет переходить по ссылкам;
  • nofollow — поисковый робот не будет учитывать ссылки
  • all —  страница будет индексироваться и ссылки будут учитываться;
  • none —  страница не будет индексироваться и ссылки не будут учитываться.

Пример для вставки мета-тега robots:

<html>
  <head>
    <meta name="robots" content="noindex, nofollow">
    <meta http-equiv="content-type" content="text/html; charset=windows-1251">
    <meta name="keywords" content="Ключевые слова">
    <meta name="description" content="Описание страницы">
    <title>Заголовок страницы< /title>
  </head>
  <body>Содержимое страницы< /body>
</html>

author и copyright —  мета-теги, указывающее кто автор документа и кому принадлежат авторские права на контент:

<html>
  <head>
    <meta name="author" content="Андрей Кучай">
    <meta name="copyright" content="Все права принадлежат Андрею Кучаю">
    <meta http-equiv="content-type" content="text/html; charset=windows-1251">
    <meta name="keywords" content="Ключевые слова">
    <meta name="description" content="Описание страницы">
    <title>Заголовок страницы< /title>
  </head>
  <body>Содержание страницы< /body>
</html>

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

В заключении посмотрите видео про мета-теги на странице.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плюсануть
Поделиться
Понравилась запись? Подпишитесь на обновления по почте:

Об авторе

admin administrator

Оставить ответ

59 + = 61

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: