Семантика сайта — как получить преимущество среди конкурентов

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

Сегодня рассмотрим теги, которые зачастую скрыты от взора пользователя — это теги оптимизации сайта. Они несут в себе очень важную информацию для поисковых систем, которыми не советую пренебрегать. Их ещё называют SEO-теги.

SEO-теги для поискового продвижения

1. <title></title> — между этими тегами располагается заголовок страницы, который виден в статусной строке браузера. Имеет, в основном, служебный характер, пользователю только характеризует страницу.
   Располагается сразу после тега </head>.
   • Где отображается:
     • На странице сайта:
       
     • В поисковой системе:
       
   • Размер <title>
     Есть много версий по поводу оптимального размера этого тега. Я советую делать его средней длины — оптимально изложите свою информацию.
     • Яндекс: ограничение по размеру <title> 75 символов.
     • Google: оптимальный размер <title> 60 символов.

   <title> имеет вес в обоих отношениях: он должен быть привлекателен и понятен пользователю и, одновременно, грамотно написан для поисковика. Кстати, это самый любимый тег поисковика — он их охотно использует и существенно помогает в продвижении.

   В этом теге нужно максимально коснуться темы, используя ключевые слова в оптимальном объёме, а также всё это описать в ограниченном размере. Этому элементу стоит уделить много времени и внимания.

2. description — это следующий, по важности, тег. В нём располагается более раскрытое описание содержимого нашей страницы. Description носит, в основном, служебный характер и помогает поисковой системе в выдаче. Он никак не отображается на самой странице, однако в поисковой системе его можно увидеть:
   
   • Сколько символов должно быть в description
     В description должно быть не более 200 символов. Не стоит собирать огромное описание — лучше ориентироваться на 180 символов.
   • Тег description должен идти следом за <title>. Синтаксис description:
     
     <title>...</title> <meta name="description" content="Это описание нашей компании, где вы можете купить прекрасные вещи">

     1 2	<title>...</title> <meta name="description" content="Это описание нашей компании, где вы можете купить прекрасные вещи">

3. keywords — ещё один мета-тег, имеющий схожий синтаксис. В нём указываются ключевые слова страницы сайта через запятую(возможен пробел после запятой).
   Никак не отображается ни на странице, ни в поисковой системе. Носит исключительно служебный характер, если носит вообще. Почему?Этот тег, как сообщают ведущие поисковые системы, в нынешнее время не учитывается. Но есть надежда, что это не совсем так (возможно будет отдельный пост, если руки дойдут).Я советую его использовать — так как это не сложно. Мало ли что — лишним не будет .
   • Размер keywords
     Рекомендуемый объем этого тега — до 250 символов. Но я советую не спамить этими тегами, а выделить статью 3-5 ключевыми словами.
4. <img> — это тег изображения, если вы помните. Что примечательного в нём — это то, какие данные нужно указывать к картинке. Давайте рассмотрим на примере:
   
   <img src="*путь к картинке*" <strong>title</strong>="Это красивое южное море" <strong>alt</strong>="Это теплое море Юга России">

   1	<img src="*путь к картинке*" <strong>title</strong>="Это красивое южное море" <strong>alt</strong>="Это теплое море Юга России">

   
   Примечательны тут тег title и тег alt. Очень важно их указывать — так как они позволяют получать текстовое описание изображения — что крайне положительно влияет на SEO-развитие.

   Советую не забывать про это и всегда их использовать!

5. <a> — тег ссылки. С ним действует правило, аналогичное <img>. Желательно указывать к ссылкам title. Кстати, если вы не хотите, чтобы робот не обращал внимание на ссылку и не пытался перейти по ней, нужно дописать вот такой атрибут:
   <a <strong>rel=”nofollow”</strong>></a>

   1	<a <strong>rel=”nofollow”</strong>></a>

6. <NOINDEX></NOINDEX> — используется, когда вы не хотите, чтобы робот индексировал что-то на сайте. Достаточно просто обернуть необходимый элемент.
7. robots — этот мета тег даёт указания роботу, которые он в любом случае выполнит.
   Можно выделить 4 варианта этого тега:
   • Даёт указания роботу не индексировать сайт, но следовать по его ссылкам:
     
     <META name="robots" content="noindex, follow">

     1	<META name="robots" content="noindex, follow">

   • Просит индексировать сайт, но не переходить по его ссылкам:
     
     <META name="robots" content="index, nofollow">

     1	<META name="robots" content="index, nofollow">

   • Дефолтное значение — просит индексировать сайт и переходить по ссылкам:
     
     <META name="robots" content="index, follow"> <META name="robots" content="index, all"> //аналогичен

     1 2	<META name="robots" content="index, follow"> <META name="robots" content="index, all"> //аналогичен

8. revesit — этот тег позволяет задать частоту индексирования сайта для робота:
   
   <META name="revisit" content="10 days">

   1	<META name="revisit" content="10 days">

   
   В нашем примере этот промежуток — 10 дней. Если сайт обновляется чаще — ставим меньше, если стоит на месте — можно поставить больше.

Пожалуй, это все основные необходимые нам теги, которые нужно знать и помнить их значимость.

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

На этом я с вами прощаюсь — удачи в начинаниях