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

Оцените материал
(0 голосов)

Здравствуйте! В этой статье я расскажу о мета-тегах для сайта. Собственно мета-теги размещаются в верхней части веб-страницы, как правило между тегами <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>

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

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

Прочитано 1668 раз Последнее изменение Пятница, 04 августа 2017 10:46
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

geekbrains.ru/

Поиск по сайту

Google+