Подсказки на компьютерную тематику

Можно подсмотреть, если забыли…

Как улучшить SEO сайта, используя html теги

Использование тегов в SEO сайта


Создание мета тегов description и других тегов для SEO (search engine optimization – англ., Поисковая оптимизация – рус.) само по себе не гарантирует высоких позиций в поиске, но использовать их нужно, так как косвенно они способствуют бесплатному продвижению Web-продуктов.

Мета тег Description


<meta name=’description’ content=’text’/>
Показывается потенциальному посетителю в поисковой выдаче.

    Должен:

  1. быть понятен пользователю
  2. включать от 100 до 140 символов (вместе с пробелами)
  3. находиться в разделе <head>
  4. показывать информацию, которая заинтересует посетителя сайта
  5. описывать то, что находится на этой странице
  6. включать среднечастотную ключевую фразу
  7. состоять из нормальных предложений со знаками препинания
  8. заканчиваться точкой или восклицательным знаком
  9. отличаться от других тегов и страниц сайта

Мета тег Title


<title>Text</title>
В основном нужен для поисковиков.

    Должен:

  1. включать ~ 50 символов (вместе с пробелами)
  2. находиться в разделе <head>
  3. заголовок предназначен для поисковых систем
  4. включать один среднечастотный запрос в начале предложения
  5. состоять из нормального предложения без знаков препинания
  6. отличаться от других тегов и страниц сайта
  7. отражать реальное содержимое страницы

Мета тег Keywords


<meta name=’keywords’ content=’text1,text2’/>
Нужен только для поисковиков.

    Должен:

  1. состоять из менее, чем 10 высокочастотных слов, которые также есть в тексте страницы
  2. находиться в разделе <head>
  3. из знаков препинания разрешены только запятые

Мета тег Charset


<meta charset=’text/html;utf-8’/>
Нужен только для браузера.

    Должен:

  1. находиться в разделе <head>
  2. указывает кодировку текста
  3. обычно содержит только charset=”text/html;utf-8″

Мета тег Http-equiv


<meta http-equiv=’content-language’ content=’ru’/>
Нужен только для поисковика.

    Должен:

  1. находиться в разделе <head>
  2. указывает язык текста
  3. обычно содержит только http-equiv=”content-language” content=”ru”

Мета тег Robots


<meta name=’robots’ content=’all’/>
Нужен только для поисковика.

    Должен:

  1. находиться в разделе <head>
  2. управляет индексацией данной страницы
  3. если страницу нужно индексировать, указывается name=”robots” content=”all”

Мета тег Document-state


<meta name=’document-state’ content=”Dynamic”/>
Нужен только для поисковика.

    Должен:

  1. находиться в разделе <head>
  2. указывает как часто страница должна индексироваться
  3. обычно содержит только name=”document-state” content=”Dynamic”

Мета тег Viewport


<meta name=’viewport’ content=’width=device-width, initial-scale=1, shrink-to-fit=no’/>
Нужен для адаптивной верстки, в случае отсутствия, на мобильных устройствах будет выводиться сайт в полном размере, как на стационарном дисплее.

    Должен:

  1. находиться в разделе <head>
  2. обычно содержит только name=name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”

Теги H1,H2,H3,H4,H5,H6


<h1>text</h1>
Определяют структуру страницы сайта.

    Используются на странице:

  1. H1 – только один раз
  2. H2,H3 и другие – несколько раз
  3. <H2> и следующие можно заменить на <div>
  4. Внутри тегов <H1-H6> не должно быть других тегов
  5. Обязателен порядок H1->H2->H3 и т.д.
    Заголовки должны:

  • включать до 6 слов
  • находиться в разделе <body>
  • показывать корректную информацию для посетителя
  • включать низкочастотную ключевую фразу в начале текста
  • не заканчиваться точкой или восклицательным знаком
  • отличаться от других тегов и страниц сайта
  • состоять из нормального предложения без знаков препинания

Картинки на сайте в тегах IMG

    После размещения картинки на сайте следует проверить и при необходимости исправить:

  • имена графических файлов должны быть понятными, например image.jpg вместо qwert123.jpg
  • раздел alt=”” должен быть не пустым, а содержать хорошо читаемую информацию об изображении, например это изображение …(и описание чего)
  • добавить раздел title, которые показывает текст при наведении курсора
  • размер памяти, занимаемый картинкой должен быть как можно меньше для быстрой загрузки сайта
  • вид картинки для различных устройств должен быть адекватным
  • в разделах width и height желательно прописывать размеры рисунка
  • При использовании совместно WordPress и Bootstrap можно использовать такие размеры и классы рисунков в тексте:
    width=”450″ height=”272″ class=”alignnone size-medium rounded mx-auto d-block”

Как улучшить SEO сайта, используя html теги

Использование тегов в SEO сайта


Создание мета тегов description и других тегов для SEO (search engine optimization – англ., Поисковая оптимизация – рус.) само по себе не гарантирует высоких позиций в поиске, но использовать их нужно, так как косвенно они способствуют бесплатному продвижению Web-продуктов.

Мета тег Description


<meta name=’description’ content=’text’/>
Показывается потенциальному посетителю в поисковой выдаче.

    Должен:

  1. быть понятен пользователю
  2. включать от 100 до 140 символов (вместе с пробелами)
  3. находиться в разделе <head>
  4. показывать информацию, которая заинтересует посетителя сайта
  5. описывать то, что находится на этой странице
  6. включать среднечастотную ключевую фразу
  7. состоять из нормальных предложений со знаками препинания
  8. заканчиваться точкой или восклицательным знаком
  9. отличаться от других тегов и страниц сайта

Мета тег Title


<title>Text</title>
В основном нужен для поисковиков.

    Должен:

  1. включать ~ 50 символов (вместе с пробелами)
  2. находиться в разделе <head>
  3. заголовок предназначен для поисковых систем
  4. включать один среднечастотный запрос в начале предложения
  5. состоять из нормального предложения без знаков препинания
  6. отличаться от других тегов и страниц сайта
  7. отражать реальное содержимое страницы

Мета тег Keywords


<meta name=’keywords’ content=’text1,text2’/>
Нужен только для поисковиков.

    Должен:

  1. состоять из менее, чем 10 высокочастотных слов, которые также есть в тексте страницы
  2. находиться в разделе <head>
  3. из знаков препинания разрешены только запятые

Мета тег Charset


<meta charset=’text/html;utf-8’/>
Нужен только для браузера.

    Должен:

  1. находиться в разделе <head>
  2. указывает кодировку текста
  3. обычно содержит только charset=”text/html;utf-8″

Мета тег Http-equiv


<meta http-equiv=’content-language’ content=’ru’/>
Нужен только для поисковика.

    Должен:

  1. находиться в разделе <head>
  2. указывает язык текста
  3. обычно содержит только http-equiv=”content-language” content=”ru”

Мета тег Robots


<meta name=’robots’ content=’all’/>
Нужен только для поисковика.

    Должен:

  1. находиться в разделе <head>
  2. управляет индексацией данной страницы
  3. если страницу нужно индексировать, указывается name=”robots” content=”all”

Мета тег Document-state


<meta name=’document-state’ content=”Dynamic”/>
Нужен только для поисковика.

    Должен:

  1. находиться в разделе <head>
  2. указывает как часто страница должна индексироваться
  3. обычно содержит только name=”document-state” content=”Dynamic”

Мета тег Viewport


<meta name=’viewport’ content=’width=device-width, initial-scale=1, shrink-to-fit=no’/>
Нужен для адаптивной верстки, в случае отсутствия, на мобильных устройствах будет выводиться сайт в полном размере, как на стационарном дисплее.

    Должен:

  1. находиться в разделе <head>
  2. обычно содержит только name=name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”

Теги H1,H2,H3,H4,H5,H6


<h1>text</h1>
Определяют структуру страницы сайта.

    Используются на странице:

  1. H1 – только один раз
  2. H2,H3 и другие – несколько раз
  3. <H2> и следующие можно заменить на <div>
  4. Внутри тегов <H1-H6> не должно быть других тегов
  5. Обязателен порядок H1->H2->H3 и т.д.
    Заголовки должны:

  • включать до 6 слов
  • находиться в разделе <body>
  • показывать корректную информацию для посетителя
  • включать низкочастотную ключевую фразу в начале текста
  • не заканчиваться точкой или восклицательным знаком
  • отличаться от других тегов и страниц сайта
  • состоять из нормального предложения без знаков препинания

Картинки на сайте в тегах IMG

    После размещения картинки на сайте следует проверить и при необходимости исправить:

  • имена графических файлов должны быть понятными, например image.jpg вместо qwert123.jpg
  • раздел alt=”” должен быть не пустым, а содержать хорошо читаемую информацию об изображении, например это изображение …(и описание чего)
  • добавить раздел title, которые показывает текст при наведении курсора
  • размер памяти, занимаемый картинкой должен быть как можно меньше для быстрой загрузки сайта
  • вид картинки для различных устройств должен быть адекватным
  • в разделах width и height желательно прописывать размеры рисунка
  • При использовании совместно WordPress и Bootstrap можно использовать такие размеры и классы рисунков в тексте:
    width=”450″ height=”272″ class=”alignnone size-medium rounded mx-auto d-block”