Главная-Платежные системы-Что вводить в мета тегах. Что такое мета теги, как правильно заполнить и проверить

Что вводить в мета тегах. Что такое мета теги, как правильно заполнить и проверить

Правильная настройка мета-тегов очень важна для SEO. Работы по заполнению, прописыванию, корректировке мета-тегов всегда выполняются при запуске проекта, сразу после того, как собрано семантическое ядро. И продолжаются по мере необходимости в течение всего периода продвижения сайта. Иногда достаточно лишь небольших изменений в метатегах, чтобы сайт вышел в ТОП10. Особенно это актуально для низкочастотных запросов, а также в тех случаях, когда сайт уже находится достаточно высоко по данному запросу (например, 11-15-я позиция в поисковой выдаче), и нужно совсем немного, чтобы выдвинуть его в ТОП.

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

Если быть предельно точным, то под мета-тегами следует понимать (X)HTML-теги , с помощью которых можно указать служебную информацию о странице. Такая информация размещается внутри контейнера … и не выводится на экран. Служат для структурирования и представления поисковикам метаданных о гипертекстовом ресурсе (веб-странице).

К мета-тегам относятся:

  • title — заголовок страницы;
  • description - описание веб-страницы;
  • keywords - ключевые слова;
  • http-equiv - тип отправляемого документа и кодировка (charset);
  • generator - CMS сайта;
  • author - автор;
  • copyright - авторские права;
  • robots - правила индексирования страницы для роботов;
  • viewport - данные о настройке области просмотра;
  • и другие.

Для чего нужны мета теги

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

  • авторство;
  • источники получения информации;
  • краткое содержание контента.

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

Метатеги классифицируются на четыре группы, каждая из которых наделена определенными функциями и сопровождается одним из четырех атрибутов:

  • content — не назначается по умолчанию;
  • http-equiv — предназначен для перевода метатега в заголовок HTTP;
  • name — имя метатега, косвенно устанавливающее его предназначение;
  • charset -задает кодировку документа.

Из них только content является обязательным. Остальные применяются по желанию.

Метатеги нужны для передачи нужной информации о странице:

  • поисковым роботам (keywords, title, description);
  • браузерам (коды страниц, интервалы автообновления, куки);
  • сервисов (указание копий адресов и других сведений).

Следите за тем, как и с какой целью вы заполняете метатеги.

Мета-тег Title

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

Так title выглядит в коде страницы сайта:

Оптимизация мета тега Title под SEO

  • Заголовок должен быть уникальным на всех страницах сайта;
  • Тайтл должен отражать суть страницы, должен быть информативным и кратким;
  • Должны присутствовать запросы, по которым продвигается данная страница, самые важные размещаем в начале тега, заголовок должен обязательно содержать 1-3 ключевых слова;
  • Не включайте в Title слишком много ключевых слов;
  • Не используйте спецсимволы (= / \ + _), знаки препинания и стоп-символы (точка, двоеточие, восклицательный и вопросительный знак) - помните, это знаки, которые разбивают пассажи в Title, что снижает взаимосвязь ключей по разные стороны от стоп-знака;
  • Составляйте тег Title для людей по всем правилам русского языка, заголовок по возможности нужно делать цепляющим и привлекательным;
  • Оптимальная длина Title – от 30 до 65 символов. Google ориентируется на длину в пикселях, рекомендуемая длина - от 200 до 571 пикселей. Если длина Title больше, то в сниппете появляется многоточие, которое также занимает дополнительное место в заголовке. Оно может появиться как в конце заголовка сниппета, так и в начале. Короткие Тайтл тоже плохо, поскольку в него помещается мало ключей.

Примеры правильного заполнения тегов title

  • Купить очки солнцезащитные в Москве по низким ценам
  • Установка деревянных окон в Москве недорого
  • Мета-теги страницы сайта | Мета теги Title и Description

Ошибки и неудачные примеры мета-тегов title

  • Установка windows, удаление вирусов, починка компьютеров, продажа комплектующих (простое перечисление ключевых слов)
  • Главная – ООО АвтоРемонт — ремонт автоматической коробки передач в Москве (вначале должны быть самые главные ключевые слова)
  • Авторемонт (слишком короткий Title)
  • ООО Сайты: разработка сайтов, большой офис, новости компании. (слова, по которым не будет продвигаться сайт)

Мета-тег Description

Так же один из главных мета тегов для продвижения страницы по ключевым словам. Описание может использоваться в сниппете:

Иногда поисковик берет description из текста страницы, т.к. считает его более подходящим

Мета тег Description для SEO

  • Должен отражать суть страницы, написан в виде согласованного текста. Может быть несколько предложений.
  • Должен быть уникальным для всех страниц сайта, не дублировать аналогичные теги на других сайтах (для этого используем название компании в тексте мета-тега).
  • В теге нужно использовать запросы, по которым продвигается данная страница, однако делать это необходимо так, чтобы они были использованы естественным образом, в нужной морфологии. Также не следует просто перечислять запросы через запятую.
  • Содержание тега не должно повторять Title.
  • Длина description должна быть не менее 70 и не более 150-200 символов. Google определяет длину в пикселях, рекомендуемая длина от 400 до 930 пикселей.
  • В description желательно отразить основные преимущества компании, товара, услуги.
  • Наиболее важную информацию и фразы лучше разместить в начале мета-описания.
  • Чем привлекательнее будет Description, тем чаще будут кликать на сниппет.

Примеры правильного заполнения мета тегов Description

  • Обеденные столы : большой выбор столов, низкие цены, доставка по России. Купить столы в интернет-магазине СуперМебель со скидкой! » />
  • Купить смартфон Xiaomi Redmi 4x в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями , техническими характеристиками и подробным описанием. » />

Ошибки и неудачные примеры мета тегов Description

  • (короткий, мало ключевых слов)
  • (сгенерирован автоматически или просто вырезано начало контента на странице) .
  • тег description, метатеги страницы, мета тег для SEO, метатеги для продвижение, оптимизация мета тегов, тайтл, дескрипшн, кейвордс»/> (перечисление ключевых слов через запятую, неестественное мета-описание) .

Мета-тег Keywords

На мой взгляд мета-тег Keywords уже давно не работает и не стоит тратить на него время.

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

Что такое мета теги? Мета теги — это специальные теги html, находящиеся в контейнере и предназначены для передачи информации о сайте браузерам и поисковикам. Например, при обходе вашего ресурса, поисковые роботы собирают заголовки страниц, описание сайта, ключевые слова, данные об авторе и прочую информацию содержащуюся в тегах . Перед тем, как показать страницу сайта пользователя, то же самое делает и браузер, чтобы понять, в каком виде должен показываться сайт для ПК или для смартфона.

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

Виды мета-тегов:

  • title (заголовки страниц);
  • description (краткое описание страницы);
  • keywords (ключевые слова);
  • технические мета теги (отвечают за корректность отображения страницы).

Как правильно заполнять мета теги

С точки зрения SEO, главные мета теги сайта это Title, Description и Keywords. Поэтому именно правильность их заполнения мы и рассмотрим. Повторимся, что все они должны располагаться между тегами и не в каком другом месте кода.

Title

Мета тег отвечает за заголовок страницы и отображается строчкой текста на вкладке браузера.</p> <p>Для <a href="/good-to-know/nuzhno-li-nakruchivat-povedencheskie-faktory-ob-odnom-iz-nekorrektnyh/">поискового продвижения</a> сайта, необходимо, чтобы <a href="/word/servis-dlya-sozdaniya-klyuchevyh-slov-programma-dlya-podbora-klyuchevyh-slov/">ключевое слово</a> находилось, как можно ближе к началу Title или стояло самым первым. Если сайт продвигается в каком-либо регионе — пишем название города или региона. Далее следует продающая или уточняющая добавка. В завершении, чтобы придать тайтлу уникальности, после прямой черты вставляем название сайта или компании</p> <p><b>Например: </b></p> <ol><li>Для коммерческого сайта: <i>«Купить ноутбук в Москве — цены от 19990 р в интернет-магазине | site.ru» </i></li> <li>Для информационного сайта: <i>«Как правильно выращивать алоэ в домашних условиях | Садовод </i>»</li> </ol><p>Для того, чтобы заголовок не обрезался при показе в результатах выдачи поисковых систем, нужно чтобы длина тайтле была не более 65 символов.</p><p> <title>Заголовок страницы

Description

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

Description также должен включать прямое вхождение ключевого слова (по возможности дополняется другой словоформой), рассказывать о преимуществах вашего предложения, плюс служит в качестве промо основному содержанию страницы. Давайте попробуем составить описания страниц, для двух примеров упомянутых выше.

Примеры:

  1. «Купить ноутбук в Москве. Закажите ноутбук по цене от 19 990 рублей в интернет-магазине. Доставка бесплатно. Гарантия 2 года.»
  2. «Как правильно выращивать алоэ в домашних условиях. Журнал Садовод делится секретами выращивания растения алоэ дома. »

Длина не более 140 символов. На чистом html, это выглядело бы вот так:

Keywords

Мета тег Keywords — это набор ключевых слов, по которым продвигается страница. Впрочем сегодня этот атрибут уже не является обязательным и заполняется по желанию, так в «золотую эпоху» SEO им слишком злоупотребляли и поисковые системы практически не обращают внимание на него. Если же вы всё-такие решили заполнить keywords, лучше это делать простым перечислением слов в начальной форме без запятых:

«Купить ноутбук Москве заказать цена стоимость рубль интернет-магазин каталог доставка гарантия»

Длина любая, но слишком усердствовать не стоит. В html правильно пишется вот так:

Спарсить мета теги конкурентов можно буквально в пару кликов - с помощью парсера .

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

  • Expires — дата устаревания документа.
  • Pragma — запрет на использование кэшированных данных, информация должная подгружаться с сервера.
  • Content-Type — тип контента и кодировка.
  • Content-language — языка страницы/сайта.
  • Cache-Control — устанавливает кэшируется ли документ или нет, и если да, то каким образом.
  • Robots — отвечает за индексацию отдельных страниц.
  • document-state — частота индексации.

Отсутствие мета тегов может негативно сказаться на отображении, индексации и ранжировании страниц.

Как добавлять мета теги на CMS

Чаще всего для управления контентом на сайте используются различные CMS и некоторые из них требуют установки дополнительных модулей и плагинов, чтобы задавать мета теги. Чтобы прописать мета теги на CMS нужно:


Хоть Wix и не является CMS — это всего лишь конструктор, здесь тоже можно сделать мета описание сайт и ключевые слова, в которых содержится информация о сайте. Для каждой страницы при нажатии на три точечки, всплывает меню, где можно перейти в раздел SEO и задать необходимые параметры.

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

Проверка мета-тегов онлайн +анализ

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

Вот несколько таких сервисов:

  • http://seo-inf.ru/tools/view-metatags/
  • http://www.prcy-info.ru/index.php/meta-tags-check
  • https://сайт/prizyv-k-dejstviyu-v-reklame/

Мета теги (meta tags) - это специальные теги html, которые входят в состав заголовочных тегов html и не видны пользователю на странице

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

Важным свойством мета тегов является то, что они все находятся внутри заголовочного тега .

Все мета теги можно разделить на три группы:

  • Для поисковой машины (учитываются при продвижении сайта)
  • Для браузера (учитываются только браузером)
  • Информация об авторе

1. Мета теги для поисковой машины

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

Мета теги, которые учитывает поисковая машина:

  • title - заголовок страницы, другими словами название страницы. Очень важный тег в ранжировании сайтов (см. тег );</li> <li><b>description </b> - описание страницы сайта (см. );</li> <li><b>keywords </b> - ключевые слова страницы сайта (см. );</li> <li><b>robots </b> - управляет индексацией документа, а также ссылками в этом документе. Имеет следующий синтаксис:</li> </ul><blockquote><meta name ="Robots " content ="ПАРАМЕТРЫ "> </blockquote> <p>Параметры могут принимать следующие значения:</p> <ul><li>index (разрешить индексацию документа)</li> <li>noindex (запретить индексацию документа)</li> <li>follow (разрешить следовать по ссылкам)</li> <li>nofollow (запретить следовать по ссылкам)</li> <li>all (равносильно сочетанию index и follow)</li> <li>none (равносильно сочетанию noindex, nofollow)</li> </ul><p>По умолчанию стоит all, что является нормой для большинства страниц интернета. Например, если хотите запретить страницу к индексации и обход ссылок, то надо написать none или noindex, nofollow (тег noindex и ).</p> <p><u>Примечание </u>: <br>Наверняка Вы слышали про файл robots.txt (см. как правильно создать robots.txt), в котором можно запрещать к индексации <a href="/word/how-to-change-the-orientation-of-one-page-in-a-word-writer-change-the-orientation-of-individual-pages/">отдельные страницы</a> сайта или даже целые разделы. Однако поисковая машина все равно может проиндексировать документ, который закрыт, через robots.txt, т.к. это всего лишь рекомендация для поисковой машины. В свою очередь мета тег robots позволяет со 100% точностью закрыть <a href="/program/kak-pozvonit-na-goryachuyu-liniyu-sbu-koordinacionnye-centry-v/">нужный документ</a> от индексации.</p> <p>4. <b>Revisit </b> - позволяет указать, как часто нужно переиндексировать документ. Этот мета тег устарел и не учитывается <a href="/payment-system/kakie-komponenty-vklyuchaet-poiskovyi-robot-poiskovye-roboty-google-chto-takoe/">поисковыми роботами</a>. Его никто сейчас не воспринимает в серьез.</p> <h2>2. Мета теги для браузера</h2> <p>Главная задача мета тегов для браузера - это корректно отображать страницу сайта для пользователя.</p> <p>В этом варианте есть пару важных тегов, давайте рассмотрим каждый из них. Синтаксис мета тега в <a href="/word/remont-garnitury-kak-payat-naushniki-obshchie-rekomendacii-i/">общем случае</a> следующий:</p> <blockquote><meta http-equiv ="параметр " content ="параметр2 "> </blockquote> <p>Могут быть использованы <a href="/how-to-open-file/kakoi-adsl-router-vybrat-kak-vybrat-router-pravilno-kriterii-i/">следующие параметры</a> атрибута:</p> <ul><li><b>Content-Type </b> - служит для задания кодировки страницы сайта. Обычно используется кодировка кириллицы Windows-1251 или UTF-8</li> <li><b>Content-Language </b> - задает язык, на котором написана страница. На мой взгляд не очень важный тег</li> <li><b>Cache-Control </b> - параметры кэширования документа</li> <li><b>Refresh </b> - этот мета тег задает промежуток времени для 301 редиректа</li> </ul><h2>3. Мета теги c информацией об авторе</h2> <p>Напоследок расскажу о том, как можно задать информацию о браузерах через мете таги:</p> <ul><li>Site-created - дата запуска сайта;</li> <li>author - имя автора сайта;</li> <li>owner - указывает владельца документа;</li> <li>reply-to - контакты автора;</li> <li>address - адрес автора.</li> </ul><p>Честно говоря, эти теги на <a href="/how-to-open-file/komu-prinadlezhit-odnoklassniki-i-vkontakte-kto-vladelec-odnoklassnikov-na/">данный момент</a> никому не нужны, но тем не менее они есть.</p> <p><i><b>От автора: </b> грамотная верстка шаблона обычно улучшает шансы любого сайта продвинуться в выдаче. А все благодаря <a href="/browsers/ne-rabotaet-chehol-zaryadka-na-iphone-5-pravilnoe-ispolzovanie/">правильному использованию</a> тегов. Сегодня мы с вами рассмотрим html-теги для поисковиков, а также как их применять. </i></p> <h3>Самое важное – мета теги</h3> <p>Конечно, наибольшую роль на продвижение в поиске играют мета теги. Их огромная роль уже давно доказана. Без их заполнения не стоит ожидать серьезного продвижения вверх. Раз они так важны, то рассмотрим их подробно.</p> <p>Самый важный тег – это title. Это парный контейнер, внутри которого помещается заголовок страницы. Как вы знаете, заголовок является практически самым важным атрибутом любой нормальной статьи. Правильное заполнение title – это уже серьезный шаг на пути в топ. А что значит правильное?</p> <p>Во-первых, длина заголовка должна соответствовать оптимальной, быть около 40-60 символов. Во-вторых, в него по возможности нужно вставить основную ключевую фразу, под которую продвигается страница. Фраза может быть в точном вхождении, а может быть в неточном. Тут существенной разницы нет, нужно смотреть, как будет выглядеть более красиво и естественно.</p> <p>В-третьих, избегайте спама в заголовке. Не пишите его так, как будто это только концентрация ключевых слов через запятую. Также не пытайтесь вставить совсем кривые ключи в заголовок. Вы должны понимать, что между оптимизацией и естественностью должна быть <a href="/good-to-know/telefony-kotorye-pohozhi-na-iphone-obzor-novinok-est-li/">золотая середина</a>. Даже если вы продвинетесь с кривым заголовком, многие люди, вполне возможно, просто не захотят кликать по нему и предпочтут посмотреть что-то другое из выдачи.</p> <p>Хорошо, с title более менее понятно. Вторым по важности идет описание, которое также показывается в поисковой выдаче. Это мета тег description, прописывается он так:</p> <p><meta name = "description" content = "Тут описание"></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p>< meta name = "description" content = "Тут описание" > </p> </td> </tr></table><p>Именно в атрибуте content прописывается описание. Оптимальным объемом для него является 120-160 символов. Многие также стараются вставить какие-нибудь дополнительные <a href="/payment-system/podbor-klyuchevyh-fraz-instrumenty-dlya-podbora-podbor-minus-frazy/">ключевые фразы</a> сюда. Опять же, будьте благоразумны и не вставляйте 5 ключей. Достаточно одного. В некоторые статьи я вовсе не вставлял явные ключевики в описании, и все равно страница потом высоко находилась в поиске.</p> <p>Как видите, в <a href="/internet/chem-otlichaetsya-apple-id-ot-icloud-raznica-mezhdu-rezervnymi-kopiyami-icloud-i/">данном случае</a> целевая аудитория – это люди, которые так или иначе связаны с программированием. Конечно, большинству из них будет крайне интересно кликнуть и посмотреть, что же там за сервисы.</p> <p>Помимо этого, вы можете плясать от негатива: <i>Ребята, вчера я узнал о 15-ти вещах, которые ни в коем случае нельзя делать при продвижении сайтов. Прочитайте, не повторяйте ошибок других! </i></p> <p>Не хочу вас расстраивать, но вы теряете половину своего драгоценного времени впустую. Почему так и что делать? Сегодня я об этом расскажу.</p> <p>Практика показывает, что негативная информация действует на людей лучше. Кроме того, вы можете использовать массу других способов. Например, очень действенным является бросить вызов <a href="/how-to-open-file/kak-napisat-v-tehpodderzhku-yandeksa-platonu-shchukinu-kto-takoi/">целевой аудитории</a>, оспорив какое-то утверждение ну и т.д.</p> <p>В общем, это мы уже отвлекаемся от темы, потому что это касается копирайтинга, а не html и тегов для продвижения. Вернемся к теме.</p> <p><meta name = "keywords" content = "ключевые слова через запятую"></p> <p>Раньше их все активно заполняли. Теперь же влияние keywords снизилось до нуля. То, что это поле пропало из самых популярных seo-плагинов для wordpress говорит о многом. Делаем вывод – ключевые слова можно не заполнять. Я, например, не заполняю.</p> <p>Все эти теги мы прописываем для понимания того, как оно выглядит и работает в html. Если вы работаете с одним из известных движков, что скорее всего, то там вы сможете заполнять мета теги всего лишь установив <a href="/program/kakaya-programma-nuzhna-dlya-gifki-rasshirenie-faila-gif/">нужное расширение</a>, либо вообще такая возможность будет заранее встроена. Например, в wordpress обычно для заполнения мета полей и <a href="/internet/nachalnye-seo-nastroiki-joomla-obshchie-pravila-seo-optimizacii-na-joomla-joomla-3/">общей оптимизации</a> сайта используют популярный плагин All in <a href="/browsers/plagin-yoast-seo-pervonachalnaya-nastroika-vkladka-tipy-zapisei-yoast-ili-all-in-one-seo-pack/">one SEO</a> Pack.</p> <h3>Заголовки</h3> <p>Много споров ведется о том, влияют ли каким-либо образом заголовки на ранжирование. В любом случае разумно будет утверждать, что определенная польза от них есть, если их правильно использовать. Во-первых, это позволяет разбить текст на подразделы, улучшает его <a href="/internet/soni-iksperiya-zet-l-oficialnyi-zamestitel-flagmana-obzor-smartfona-sony-xperia-zl/">внешний вид</a>, способствует лучшему прочтению и усвоению.</p> <p>Заголовки в html создаются тегами h1-h6, где h1 – это самый важный, а далее по убыванию. В частности, хотелось бы перечислить несколько правил и советов, как вам правильно использовать заголовки.</p> <p>Заголовок h1 должен быть один на странице – в самом ее начале. Понятно, что это заголовок самой статьи. Прошу не путать с title. Title отображается в поисковой выдаче, а h1 – непосредственно на странице сайта. Если вы нарушите это правило и h1 будет несколько, то… Не знаю, что случится, но зачем вообще рисковать? У моего знакомого веб-мастера из-за неоптимизированного шаблона в свое время названия виджетов в сайдбарах выводились через h1. Естественно, это никуда не годится, хотя существенной просадки в выдаче он не получил.</p> <p>Но все равно несколько h1 на странице считается плохим тоном. Если вы немного разбираетесь в коде (в частности, в php), то проверьте самостоятельно файлы вашего шаблона. В wordpress это такие: sidebar.php, header.php, footer.php, single.php. По-хорошему, h1 должен выводиться только 1 раз в single.php и больше нигде.</p> <p>Отлично. Заголовки h2-h3 я рекомендую вам использовать в самой статье, когда ее нужно разбить на подразделы. Например, вы решили написать о том, как вы учились подтягиваться, отжиматься и приседать со штангой. Окей, под каждое упражнение лучше выделить отдельный подзаголовок, чтобы читатели лучше ориентировались в вашем тексте. Это заголовки h2.</p> <p>H3 можно использовать, например, так – вы пишите о том, как учились подтягиваться, и перечисляете упражнения, которые помогли вам добиться успеха. Каждое упражнение, которое в итоге привело вас к выполнению главного упражнения, можно записать со своими заголовками – h3. Это получается раздел раздела.</p> <p>Заголовки h4-h6 в обычных статьях используются крайне редко. Я не думаю, что вы способны настолько глубоко продумать структуру, да и это ни к чему, мы же не книгу пишем. В общем, такие заголовки я лично практически никогда не использую.</p> <p>Еще один вопрос, касающийся заголовков – это использовать ли их в боковой колонке или нет (то есть в названиях виджетов)? Я думаю, наиболее оптимально будет для виджетов использовать простой div. Вся фишка в том, что h1-h6 созданы специального для того, чтобы структуризировать КОНТЕНТ. А боковая колонка обычно не относится к основному контенту, там содержится информация другого плана.</p> <h3>Другие полезные теги</h3> <p>Еще один крайне <a href="/windows/chto-takoe-meta-teg-h1-h6---poleznye-dlya-seo-tegi/">полезный тег</a> для поисковиков – robots. Он позволяет давать команды поисковому роботы для каждой <a href="/browsers/statistika-konkretnoi-stranicy-v-yandeks-metrike-kogda-mozhno/">конкретной страницы</a>. Ну то есть это вы можете сделать и через robots.txt, но в большинстве случаев удобнее использовать мета тег:</p> <p><meta name = "robots" content = "index, nofollow"></p> <table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td> <td class="crayon-code"><p>< meta name = "robots" content = "index, nofollow" > </p> </td> </tr></table><p>Первым параметром записывается index или noindex – индексировать или нет текст на странице. Вторым записывается follow или nofollow – разрешить роботу переходить по ссылкам или нет.</p> <p>Давайте согласимся иметь разногласия. <br><span>Роберт Льюис Стивенсон. </p> <p>Э то урок, в котором мы поговорим о том, что такое <b>мета-теги </b>, для чего и как они используются при и как их правильно заполнить.</p> <p>К ак я уже говорил в , <i>мета-теги </i> располагаются в заголовке html-страницы, между тегами и, и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень <a href="/download-soft/kak-vosstanovit-dannye-posle-formatirovaniya-s-vinchestera-vazhnaya-rol/">важную роль</a>. Их добавление и оптимизация могут существенно помочь сайту в его жизни.</p> <p>Р екомендую использовать только те метатеги, которые <b>реально </b> нужны для работы сайта. Не загромождай область «head» лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям. Если знать, что делаешь, то мета-теги будут только на пользу, если же сваливать сюда всё подряд, то можно получить трудно диагностируемые проблемы.</p> <br clear="all"><blockquote> <i> </i>ервый <b>мета-тег </b> очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают <a href="/browsers/planshet-asus-na-windows-8-s-klaviaturoi-planshet-s-klaviaturoi-kakoi/">большое значение</a> ключевым словам, которые содержатся в теге «title», вторые видят его содержимое в виде ссылки на сайт в тех же результатах поиска: <p>С одержимое этого же мета-тега отображается и в заголовке окна :</p> <p>В HTML мета-тег «title» добавляется следующим образом:</p> <p><b><span>Содержимое мета-тега «title» </span> </b></p><p>Основное содержимое страницы<br></p> <p>К роме того, как я уже сказал ранее, <b>ключевые слова </b>, которые ты добавишь в мета-тег «title», крайне положительно воспримутся поисковиками. Поэтому, заполняя этот тег, постарайся включить в него правильные ключевые слова. О них, кстати, и пойдёт речь дальше.</p> <h2>§ 2. Мета-тег «keywords» (ключевые слова)</h2> <p>С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».</p> <p>Т е слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как <a href="/browsers/kakoi-perevodchik-rabotaet-bez-interneta-na-android-vybiraem-horoshii/">отдельные слова</a>, так и словосочетания, но они <b>обязательно </b> должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.</p> <p>Н апример, для этой странице ключевыми словами будут «мета-теги», «мета-тег title», «мета-тег keywords» и т.д.</p> <p>Б олее подробно о ключевых словах, в частности, и об оптимизации сайта, вообще, мы поговорим в .</p> <p>Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:</p> <p><b>Перечень ключевых слов"> </b><br>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> <p>К лючевые слова нужно добавлять по одному, через запятую, в единственном числе. Например, не «ключевые слова», а «ключевой, слово». К тому же, безответственное поведение вебмастеров, которые в целях получения более высоких позиций в поисковиках забивали мета-тег «keywords» не только ключевыми словами, но и многочисленными производными от них, привело к тому, что поисковые системы практически перестали обращать внимания на этот тег. В настоящее время <b>правильно </b> заполненный мета-тег «keywords» используется поисковиками лишь как один из многих факторов ранжирования (далеко не главный). Если же они видят перед собой «keywords», в который запихнули все возможные вариации ключевиков, то это становится для них первым сигналом о неблагонадёжности данной страницы.</p> <h2>§ 3. Мета-тег «description» (описание страницы)</h2> <p>С ледующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.</p> <p>В ажной особенностью мета-тега «description» является то обстоятельство, что в случае его <b>правильного </b> заполнения поисковые системы именно на его основе формируют сниппет страницы в выдаче (краткое описание под ссылкой на страницу):</p> <p>Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.</p> <p>Т аким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из <a href="/excel/analiz-poiskovoi-vydachi-proverka-pozicii/">поисковой выдачи</a> на сайт или нет! Поэтому его, как и «title», нужно прописывать для <b>каждой </b> страницы!</p> <p>H TML-код для создания мета-тега «description» будет следующим:</p> <p><b>Содержимое мета-тега «description»"> </b><br>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> <p>Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).</p> <h2>§ 4. Технические мета-теги</h2> <p>Т ехнические мета-теги, для сайта, значат очень много. С их помощью можно управлять отображением страницы, настройками индексирования и т.д. В этом уроке мы рассмотрим основные технические мета-теги.</p> <ul><li><b>content-type </b> - тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером. <br> Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. <a href="/download-soft/skachat-programmu-adblock-dlya-yandeks-brauzera-nadoela-reklama-ustanavlivaem-adblock-ili-adblock-pl/">Современные браузеры</a> определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в <a href="/word/klassifikaciya-operacionnyh-sistem-po-semeistvam-operacionnye/">операционной системе</a> Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой: <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <li><b>content-language </b> - указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки: <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <li><b>refresh </b> - время (в секундах), через которое произойдет <a href="/program/kak-v-vindovs-10-otmenit-avtomaticheskoe-obnovlenie/">автоматическая перезагрузка</a> документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так: <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> <p>А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.сайт/, нужно записать так:</p> <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <li><b>robots </b> - мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения: <ul><li><b>index </b> - страница индексируется;</li> <li><b>noindex </b> - страница не индексируется;</li> <li><b>follow </b> - гиперссылки на странице учитываются;</li> <li><b>nofollow </b> - гиперссылки на странице не учитываются</li> <li><b>all </b> - заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);</li> <li><b>none </b> - заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.</li> </ul><p>Код для вставки мета-тега «robots»:</p> <p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p></li> <p> <b>author </b> и <b>copyright </b> - мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки: </p><p>Содержимое мета-тега «title»</p><p>Основное содержимое страницы<br></p> </ul><h2>§ 5. Заключение</h2> <p>Э то все метатеги в HTML, которые будут нужны новичку. Остальные специфичны и могут понадобиться тебе после того, как наберешься опыта и будешь точно знать, что делаешь. Из всех же вышеперечисленных мной настоятельно рекомендую использовать на <b>каждой </b> странице твоего сайта следующие:</p> <p>Заголовок страницы<br></p> <p>О стальные применяй по мере необходимости, но особо не заморачивайся. Помни, что мета-теги не сделают твой сайт интересным, они могут лишь помочь браузеру и web-серверу правильно отобразить страницы сайта, а <a href="/payment-system/pervaya-poiskovaya-sistema-razrabotchik-god-istoriya-poiskovyh/">поисковой системе</a> их найти.</p> <p>Н а этом раздел моего сайта окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из <a href="/how-to-open-file/kak-nabrat-zhivyh-podpischikov-v-instagram-bez-nakrutki-moi-lichnyi/">личного опыта</a> по оптимизации страниц сайта. Жми на «Дальше».</p> </blockquote> </span> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </article> <div class='yarpp-related'> <div class="related-posts-title">Похожие публикации:</div> <ul class="related-items"> <li> <img src="/uploads/b8e58ee77f3e4a57421b372cb6f46391.jpg" width="180" height="160" alt="Как почистить экран телефона от пятен" loading=lazy> <a href='/windows/chto-sdelat-chtoby-ekran-ne-pachkalsya-kak-pochistit-ekran-telefona-ot-pyaten/' class='related-item__title'>Как почистить экран телефона от пятен</a> </li> <li> <img src="/uploads/d77e212e1694ac393acdd28ed17f423c.jpg" width="180" height="160" alt="Инструкция по установке сервера баз данных Firebird" loading=lazy> <a href='/good-to-know/firebird-ne-ustanovlen-ili-zapushchen-instrukciya-po-ustanovke-servera-baz/' class='related-item__title'>Инструкция по установке сервера баз данных Firebird</a> </li> <li> <img src="/uploads/c7246b945a9e5f5f4bf693588e6e531f.jpg" width="180" height="160" alt="Бесплатные программы для Windows скачать бесплатно для Windows Vista и более новых" loading=lazy> <a href='/payment-system/besplatnye-programmy-dlya-windows-skachat-besplatno-besplatnye/' class='related-item__title'>Бесплатные программы для Windows скачать бесплатно для Windows Vista и более новых</a> </li> <li> <img src="/uploads/16afe7217190bc8ce4e8e42c39ebd23f.jpg" width="180" height="160" alt="Еспд – единая система программной документации" loading=lazy> <a href='/word/edinaya-sistema-programmnyh-dokumentov-espd-espd-edinaya-sistema/' class='related-item__title'>Еспд – единая система программной документации</a> </li> </ul> </div> <style> .nafAdaptMedia { width: 100%; height: 300px; } @media(min-width: 500px) { .nafAdaptMedia { width: 100%; height: 300px; } } @media(min-width: 800px) { .nafAdaptMedia { width: 100%; height: 300px; } } </style> <style> .nafAdaptText { width: 100%; height: 300px; } @media(min-width: 500px) { .nafAdaptText { width: 100%; height: 300px; } } @media(min-width: 800px) { .nafAdaptText { width: 100%; height: 300px; } } </style> </div>  <div id="rightColomn"> <div class="title">Категории</div> <aside> <ul id="asidemenu" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/programs/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Программы</span></a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/windows/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Windows</span></a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/browsers/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Браузеры</span></a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/word/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Word</span></a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/excel/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Excel</span></a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/payment-systems/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Платежные системы</span></a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/download-software/' class='menu-image-title-after menu-image-not-hovered'><span class="menu-image-title">Скачать софт</span></a></li> </ul> </aside> <div class="banner" id="text-4"> <div class="textwidget"> </div> </div> </div> </div> </div> <div class="hfooter"></div> </div> <footer> <div class="container"> <ul> <li><a href='/sitemap.xml'>Карта сайта</a></li> </ul> <div class="copy"> <a href='https://play.google.com/store/apps/details?id=org.planetsapp.pdfreader' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=leally.ru&sub2=org.planetsapp.pdfreader&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a>© 2024, leally.ru - Твой гид в мире компьютера и интернета </div> </div> </footer> <script type="text/javascript"> jQuery(document).ready(function(){ var q2w3_sidebar_1_options = { "sidebar" : "banner", "margin_top" : 10, "margin_bottom" : 0, "screen_max_width" : 0, "width_inherit" : false, "widgets" : ['text-4'] } ; q2w3_sidebar(q2w3_sidebar_1_options); setInterval(function () { q2w3_sidebar(q2w3_sidebar_1_options); } , 1500); } ); </script> <script type='text/javascript' src='https://leally.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.1.10'></script> <script type='text/javascript' src='https://leally.ru/wp-content/plugins/fitvids-for-wordpress/jquery.fitvids.js?ver=1.1'></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('body').fitVids(); } ); </script><script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> </body> </html>