• ×

    • Что такое метатеги простым языком: основные метатеги для поисковиков. Что такое метатеги? Как правильно заполнять метатег Title, Description, Keywords

    14.07.2019
    HTML теги

    Значение и применение

    Тег обеспечивает метаданные о HTML документе. Метаданные не отображаются на странице, но интерпретируются браузерами и поисковыми системами.

    Мета элементы, как правило, используются, чтобы указать описание страницы, ключевые слова, автора документа и другие метаданные. Разрешается и, как правило, необходимо использовать несколько метатегов. Тег всегда размещается внутри тега . XHTML требует закрывающего тега , в HTML элемент считается одиночным.

    Поддержка браузерами

    Тег
    Opera
    IExplorer
    Edge
    Да Да Да Да Да Да

    Атрибуты

    Атрибут Значение Описание
    character_set Задает кодировку символов для HTML документа.
    content text Задает значение, связанное с атрибутами name и http-equiv , в зависимости от контекста.
    http-equiv content-security-policy
    content-type
    default-style
    refresh     		Фактически эквивалентен гипертекстовому заголовку (имитация http-заголовка), формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными http-заголовками.
    name application-name
    author
    description
    generator
    keywords     		Определяет имя документа на уровне метаданных.
    scheme format/URI (универсальный идентификатор ресурса) Не поддерживается в HTML 5.
    Указывает полезную информацию о схеме или названии самой схемы, которая должна быть использована для уточнения значения свойства атрибута content .

    Пример использования

    Указание кодировки документа

    Тег позволяет сообщить браузеру посетителя, какой набор символов и какую кодировку необходимо установить на веб-странице. Атрибут (HTML тега ) задает кодировку символов для HTML документа.

    charset = "utf-8" > </span>Пример использования тега <meta><span>

    Это заголовок.

    Это параграф.

    В данном примере мы задали кодировку документа UTF-8 с использованием элемента и атрибута . Кодировка UTF-8 одна из общепринятых и стандартизированных кодировок текста, которая позволяет хранить символы Юникода.

    Часто используемые мета-теги

    Метаданные разделены на две основные группы:

    • первая группа - значения атрибута name .
    • вторая группа - значения атрибута

    Теги для поисковой оптимизации сайта

    - название (заголовок) HTML-документа. Должен идти сразу за тэгом <head>. Если вы пользуетесь редактором FrontPage или наподобие, вы должны убедится в том что тэг расположен в правильной последовательности, такие редакторы нарушают последовательность тэгов.</p><p>Правильно составленный заголовок страницы может очень серьезно повысить рейтинг, потому что слова в заголовках имеют большой вес у поисковых машин, а также в системах индексации и в каталогах.</p><p>Заголовок страницы пишется между тэгами <title>...., с помощью него поисковые системы определяют то, о чем должна вестись речь на данной страничке и заголовки показываются в найденных результатах по запросу пользователя. Заглавие странички должно точно передавать суть содержания странички, содержать ключевые слова и привлекать пользователей. Помните о том, что соответствие ключевых слов в заглавии и содержании страницы приводит к повышению рейтинга страницы.

    Не используйте ВСЕ ЗАГЛАВНЫЕ БУКВЫ в теге , так как некоторые поисковые системы не любят этого. Рекомендуется для всех страниц вашего сайта писать разные заголовки. Обратите внимание на количество знаков, указываемых в тэге. У разных поисковых систем разные требования, но лучше не превышать длину тэга в 75 знаков (20-25 слов).<br> META теги</p><p> <META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251"> - Указивается кодировка на которой была написана наша страница. Это чтобы помочь браузеру</p><p> <META Name="author" Content="Ваши Ф.И.О., E-Mail"> - Здесь можно указать информацию об авторе страницы</p><p> <META Name="copyright" Content="Информация о вашей фирме"> - Указываются авторские права, информация о фирме и тд.</p><p> <META Name="keywords" Content="Ваши ключевые слова"> - Сюда пишим ключевые слова, встречающиеся на странице. Помогаем Поисковикам.</p><p> <META Name="description" Content="Описание Вашей страницы"> - Краткое описание содержимого данной страницы. Также для поисковых роботов</p><p> <META HTTP-EQUIV="Expires" Content="Mon, 11 Jun 1998 00:00:01 GMT"> - Это для браузера, говорит чтобы страница бралась не и кэша</p><p> <META Name="Publisher-Email" Content="Ваш_e-mail@сервер.домен"> - адрес издателя страницы или ваш адрес</p><p> <META Name="Publisher-URL" Content="Адрес Вашего сайта"> - адрес Вашего сайта в сети Интернет</p><p> <META Name="Generator" Content="Microsoft Notepad"> - описывается средство, с помощью которого была создана данная страница.</p><p> <META Name="revisit-after" Content="10 days"> - как часто обновляется информация на странице.</p><p> <META http-equiv="Content-Language" content="ru"> - Говорит в какой языковой зоне сайт. Для поисковиков.</p><p>Теперь подробно о некоторых из них.</p><p>META тег <keywords> - ключевые слова. Этот тэг больше всех подвержен спаму. В него пихают одни и те же слова множество раз подряд, его заполняют словами, не относящимися к сайту, но популярными в Интернете.</p><p>Любое ключевое слово, упомянутое на сайте, должно быть включено в этот тэг. Аналогично, если вы вписываете слово в этот тэг, оно должно упоминаться на сайте. Постарайтесь как можно точнее определить ключевые слова. Не стоит пользоваться слишком общими словами, тогда ваша страница просто потеряется в общей массе. Избегайте повторения одного и того же слова. Даже с учетом повторения слова в разных формах оно может быть безопасно упомянуто не более 3 раз. Превышение этого лимита могут счесть спамом.</p><p>Иногда поисковики принимают слова из заглавных и прописных букв разными словами например: Пример и пример. Помните, по статистики, в основном все запросоы в поисковых системах делаются прописными буквами. Но на всякий случай, наличие двух версий слова не повредит.</p><p>Не забывайте о возможных ошибках в написании слов. В написнии некоторых слов существуют популярные ошибки, если выбранное вами ключевое слово из их числа, то включите такие ошибки в свои ключевые слова.</p><p>Не используйте в ключевых словах так называемые "стоп слова", типа "в", "и", "на". Как правило поисковые системы просто-напросто игнорируют их. То есть вместо того, чтобы писать "поисковые системы и поиск в интернете", вы можете написать "поисковые системы поиск интернете</p><p>Старайтесь не использовать точки и запятые, их наличие может заставить робота воспринять несколько слов подряд как возможную фразу. Поскольку роботы читают ограниченное число символов в каждом тэге (обычно не более 200), каждая точка или запятая крадет у вас доступное пространство.</p><p>Разместите тэг как можно выше, и, уж конечно, выше скриптов. Роботы обычно не читают ява-скрипты, поэтому такое размещение предотвратит пропуск тэгов. Если ваш сайт относится к какому-либо региону, упомяните об этом в тэге. Данныйй мета-тег никак не влияет на вес страницы для поисковика, но так или иначе, он влияет на оценку релевантности документа поисковыми системами. Рекомендуемый объем 800-1000 символов. Необходимо отметить, что больший приоритет робот отдает первым 50 словам.</p><p>Количество ключевых слов в HTML-документе является немаловажным фактором. Но, как правило, оно должно составлять 5% от всего объема документа. Робот также оценивает удаленность ключевых слов от начала документа и их кучность.</p><p>META тег <description> - описание документа. Этот мета-тег можно назвать самым важным. На него всегда обращает своё внимание поисковик.</p><p>Постарайтесь, чтобы описание выглядело призывно, естественноо и при этом указывала на ваш сайт. Например описания типа "Делай деньги! Узнай как заработать в Сети?" никак не ассоциируются с конкретным сайтом, да и эффекта не дают, хотя очень многие делают именно так, это выглядит скорее спамом чем полезной информацией.</p><p>Если у вас болшая страница, то её лучше разбить на несколько более мелких страниц тем самым увеличите число информационных страниц вашего сайта и облегчите себе задачу описания. Многие поисковики любят небольшие по размеру страницы. Описание документа должно быть емким и кратким, т.к. объем ограничен и не должен превышать 170-200 символов.</p><p>META тег <robots> "noindex" - не индексировать страничку (Например, ваш сайт еще находится в тестовой стадии и вы бы не хотели, чтобы он в таком виде был проиндексирован роботами или в каких-то директориях существует закрытая для широкой публики информация) и "nofollow" - не следовать по ссылкам с данной странички. (Например если на страничке находятся ссылки на полезные ресурсы, которые на вашем сайте не лежат).</p><p>Примеры тэгов:</p><p> <META name="robots" content="noindex, follow"> этот тэг говорит поисковым роботам не индексировать данную страницу, но следовать по ссылкам с этой страницы можно.</p><p> <META name="robots" content="index, nofollow"> этот тэг говорит роботам проиндексировать страницу, но по ссылкам с этой страницы не переходить.</p><p> <META name="robots" content="index, follow"> данный тэг ставить нет смысла, так как роботы и так по умолчанию индексируют все страницы и следуют по ссылкам с данной страницы.</p><p> <META name="robots" content="index, all"> индексировать всё, по моему тоже бесполезный.</p><p> <META name="revisit" content="15 days"> данный тэг указывает периодичность переиндексации сайта поисковыми роботами. В конкретном примере это 15 дней. Если ваш сайт обновляется очень часто, то надо указать число поменьше. Не все поисковые роботы учитывают этот тэг, робот "Yandex" имеет свой график работы и изменить его невозможно.</p><p>Вставляется любой из этих тэгов в HTML код страницы между <head>….</head> после всех титулов и т.п</p><p>Пример шаблона страницы:<br> Разметка HTML<br> 1:<html><br> 2:<head><br> 3:<title>Заголовок страницы
    4:
    5:
    6:
    7:
    8:

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

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

    всегда должен содержать описание в атрибуте ALT и всплывающую подсказку (это скорее касается организации мэппинга на одной картинке). Они тоже могут содержать ключевые слова, но нельзя забывать о том, чтобы они были читабельны и вписывались в общую концепцию данного изображения или привязанной к ним ссылке. Рекомендуемый объем составляет 40 символов.

    служит для создания гипертекста (ссылок) и его атрибут TITLE может содержать описание данной ссылки и создает всплывающую подсказку. Он также может быть снабжен ключевыми словами.

    Ссылки играют немаловажную роль для поисковых механизмов, стоит уделить достаточное внимание организации ссылок на вашем сайте и количеству HTML-документов, то есть объем предоставляемого вами материала. Роботы некоторых поисковиков отслеживают ограниченное количество переходов, занимаясь разработкой структуры сайта, необходимо учитывать "принцип четырех кликов", т.е. чтобы добраться до документа с главной страницы сайта, надо сделать не более четырёх кликов.
    Основные правила поисковой оптимизации сайта

    1. Поисковые машины индексируют текст. Страница на которой мало текста имеет мало шансов попасть в выдачу по ключевому запросу.

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

    3. Не набирайте слова в р а з р я д к у, если хотите, чтобы документ по ним находился.

    4. Не набирайте слова БОЛЬШИМИ буквами без необходимости, если это не аббревиатура.

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

    6. Чем длиннее документ, тем менее заметны в нем будут ключевые слова, заданные в запросе. Разбивайте длинные документы на более короткие.

    7. Делайте ко всем картинкам в подписи alt=’...’ и title=’...’, можно вписывать туда основные ключевые слова.

    8. Если ваш сайт имеет фреймовую структуру, то на первой странице нужно между тэгами …. указать описание сайта и поставить ссылки на все страницы, которые Вы хотите проиндексировать.

    9. Необходимо чтобы на все страницы, которые вы хотели бы видеть в поисковых системах, можно было попасть с главной страницы не более, чем в четыре "перехода". Как правило, индексирующие роботы не идут дальше, чем на четвертый уровень ссылок. Если в силу структуры сайта этого сделать нельзя, то следует создать на отдельной странице "карту сайта" (список URL всех страниц сайта) и разместить ссылку на страницу с картой на главной странице вашего сайта, чтобы поисковая система нашла эту страницу и проиндексировала с неё все имеющиеся ссылки.

    10. ..... Для всех поисковых систем этот тэг пользуется приоритетом перед keywords и description.

    11. Необходимо чтобы те слова которые написаны в заголовке страницы и тэгах keywords и description встречались в основном тексте на странице сайта и желательно несколько раз.

    12. Обязательно у каждой страницы вашего сайта должны быть разные заголовки в .... и разные ключевые слова в мета - тэгах KEYWORDS и по возможности разное описание в DESCRIPTION.

    13. Если требуется запретить к индексации какой то фрагмент страницы пометьте его тегами: …

    14. Следите за русско-латинским регистром, ошибочно вместо русской буквы "р" используют латинскую "p", вместо русского "с" - латинское "c".

    15. Не следует также использовать невидимый текст, в котором цвет шрифта совпадает с цветом фона.

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

    17. Целесообразно базовые понятия и ключевые для данного сайта слова включать в следующие HTML-теги. , <h1>...<h4>, <b>, <strong>, <u>.</p><p>18. Поисковые системы принимают во внимание текст рядом с изображением. Так что убедитесь, что текст вокруг изображения и текст в ALT теге имеют сходство.</p> <p>Приветствую!</p> <p>Новый Год уже совсем близко подошел. Осталось всего каких-то два дня. А это значит, что пора подводить итоги, уже почти прошедшего, года, чем завтра и займусь. Ну а сейчас я расскажу вам о том, что такое метатеги и как их правильно прописать на странице и еще кое-что.</p> <p>Начнем с определения метатегов:</p> <p>Метатеги — это теги HTML или XMTL, предназначенные для передачи структурированных данных о веб-страницах поисковым роботам и браузерам. </p> <p>Вот эти самые теги нужны только браузерам и поисковым роботам. Выполняют следующие функции:</p> <ul><li>Передают поисковикам и браузерам информацию о веб-странице;</li> <li>Содержат управляющие команды для поискового робота и браузера;</li> <li>Сообщают информацию о веб-странице и авторе.</li> </ul><p>Но сегодня разберем мы только теги, выполняющие две первые функции в списке выше. Они-то и являются самыми необходимыми с точки зрения SEO.</p> <h2>Метатеги Description, Keywords и тег Title</h2> <p>Итак, метатеги Description, Keywords и тег Title передают информацию поисковому роботу и браузерам о веб-странице. При правильном их заполнении улучшается индексация страницы, поэтому их заполнению следует уделить особое внимание. Но прежде, давайте разберемся с каждым из тегов.</p> <ul><li>Мета-тег Description — указывается описание веб-страницы, которое обычно используется поисковыми системами в сниппетах;</li> <li>Мета-тег Keywords — здесь указываются ключевые слова которым соответствует контент на странице;</li> <li>Тег Title — заголовок страницы, который вы можете увидеть в результатах поисковой выдачи и на вкладке браузера. Этот тег не относится к мета тегам, но он выполняет схожие функции с вышеперечисленными.</li> </ul><p>Раньше, лет 20 назад, с помощью только этих тегов, можно было без проблем продвинуться в ТОП по любому ключевому слову, главное заполнить их грамотно и все. Но в нынешнее время ситуация круто изменилась: из-за того, что вебмастера злоупотребляли этим, поисковики перестали учитывать данные метатеги, как фактор ранжирования. Теперь, просто заполнив их грамотно, продвинуться в ТОП невозможно.</p> <p>Возможно в вашей голове возник вопрос: зачем тогда они нужны? А вот ответ: метатеги, как уже было сказано выше, положительно влияют на индексацию страницы. Кроме того, информация, указанная в них, является важнейшим фактором внутренней оптимизации. А это, поверьте мне, немаловажно!</p> <h2>Метатег Robots</h2> <ul><li>Index — разрешить индексацию;</li> <li>Noindex — запретить индексацию;</li> <li>Follow — разрешить индексацию ссылок;</li> <li>Nofollow — запретить индексацию ссылок;</li> <li>All — разрешить индексацию страницы и ссылок</li> <li>None — запретить индексацию страницы и ссылок.</li> </ul><p>В некоторых случаях, этот метатег действительно нужен. Обращаться с ним нужно очень аккуратно, а то ненароком можно и закрыть от индексации нужные страницы.</p> <h2>Как заполнять метатеги?</h2> <p>Все метатеги прописываются в пределах тегов <head></head>, то есть в самом начале кода.</p><p> <head> <meta name="description" content="Урок о метатегах"> </head> </p><p>Как видите, метатег прописывается в коде элементом «<meta>» с наличием обязательных атрибутов:</p> <ul><li>name — прописывается сам метатег;</li> <li>content — прописывается значение тега.</li> </ul><p>Посмотрите пример выше.</p> <h3>Как заполнить тег Title?</h3> <p>В теге Title прописывается заголовок страницы, который отображается в выдаче поиска и вкладке браузера. По сути, это самый важный тег с точки зрения привлечения посетителей с поиска. А это значит только одно: чем привлекательней для потенциального клиента будет заголовок, тем больше у вас будет посещений (при условии, что вы в ТОП — 10, конечно).</p> <p><b>В заголовке должно содержаться ключевое слово по которому продвигается страница. </b></p> <p> <title>Что такое мета теги и как их заполнять?

    Как заполнить мета тег Description?

    Description тоже очень важен для привлечения посетителей, так как ПС ставят в сниппет то, что написано в этом теге. Количество символов ограничено до 120-150 символов. Поэтому крайне важно сделать такое описание, которое бы носило в себе максимум информативности о странице.

    Советы по заполнению:

    1. Не дублируйте то, что написано в теге Title;
    2. Разбавьте ключевой запрос тематическим текстом;
    3. Пишите только по делу!

    Как заполнить мета тег Keywords?

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

    Ключевые слова должны быть перечислены через запятые.

    Из всего написанного можно сделать вывод: самыми важными тегами являются Title и Description. Их заполнению нужно уделить особое внимание!

    Ну а на этом все, дорогие друзья!

    До скорых встреч и с наступающим!

    Тест по уроку №77

    Лимит времени: 0

    Навигация (только номера заданий)

    0 из 5 заданий окончено

    Информация

    Проверьте, полученные на уроке, знания!

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

    Тест загружается...

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

    Вы должны закончить следующие тесты, чтобы начать этот:

    Результаты

    Правильных ответов: 0 из 5

    Ваше время:

    Время вышло

    Вы набрали 0 из 0 баллов (0 )

    1. С ответом
    2. С отметкой о просмотре

    1. Задание 1 из 5

      1 .
      Количество баллов: 1

      Могут ли браузеры воспринимать мета-теги?

    2. Задание 2 из 5

      2 .
      Количество баллов: 1

      Является ли тег Title мета-тегом?

    3. Задание 3 из 5

      3 .
      Количество баллов: 1

      За что отвечает мета-тег Description?

    Давайте согласимся иметь разногласия.
    Роберт Льюис Стивенсон.

    Э то урок, в котором мы поговорим о том, что такое мета-теги , для чего и как они используются при и как их правильно заполнить.

    К ак я уже говорил в , мета-теги располагаются в заголовке html-страницы, между тегами и, и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень важную роль. Их добавление и оптимизация могут существенно помочь сайту в его жизни.

    Р екомендую использовать только те метатеги, которые реально нужны для работы сайта. Не загромождай область «head» лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям. Если знать, что делаешь, то мета-теги будут только на пользу, если же сваливать сюда всё подряд, то можно получить трудно диагностируемые проблемы.


    ервый мета-тег очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают большое значение ключевым словам, которые содержатся в теге «title», вторые видят его содержимое в виде ссылки на сайт в тех же результатах поиска:

    С одержимое этого же мета-тега отображается и в заголовке окна :

    В HTML мета-тег «title» добавляется следующим образом:

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

    Основное содержимое страницы

    К роме того, как я уже сказал ранее, ключевые слова , которые ты добавишь в мета-тег «title», крайне положительно воспримутся поисковиками. Поэтому, заполняя этот тег, постарайся включить в него правильные ключевые слова. О них, кстати, и пойдёт речь дальше.

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

    С начала вкратце о том, а что, собственно, такое эти самые «ключевые слова».

    Т е слова, которые наиболее полно характеризуют содержимое html-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они обязательно должны встречаться в тексте на странице. По ним поисковики определяют релевантность страницы тому или иному запросу.

    Н апример, для этой странице ключевыми словами будут «мета-теги», «мета-тег title», «мета-тег keywords» и т.д.

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

    Ч тобы облегчить работу поисковым системам, используется мета-тег «keywords». В нём вебмастер прописывает ключевые слова для страницы. HTML-код мета-тега «keywords» выглядит следующим образом:

    Перечень ключевых слов">
    Содержимое мета-тега «title»

    Основное содержимое страницы

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

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

    С ледующим важным мета-тегом является тег «description», в котором должно содержаться краткое описание страницы. Именно «краткое» и именно «описание страницы». Достаточно добавить одно-два небольших предложения, в которых указать о чём и для кого эта страница.

    В ажной особенностью мета-тега «description» является то обстоятельство, что в случае его правильного заполнения поисковые системы именно на его основе формируют сниппет страницы в выдаче (краткое описание под ссылкой на страницу):

    Е сли поисковикам не нравится то, как заполнен мета-тег «description», то сниппет формируется из кусочков фраз (надёрганных со всей страницы), которые релевантны запросу.

    Т аким образом, правильный мета-тег «description» обязательно содержит ключевое слово (фразу) и коротко и точно описывает то, о чём и для кого страница. «Description» вместе с «title» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «title», нужно прописывать для каждой страницы!

    H TML-код для создания мета-тега «description» будет следующим:

    Содержимое мета-тега «description»">
    Содержимое мета-тега «title»

    Основное содержимое страницы

    Т еперь перейдём к описанию основных технических мета-тегов из группы «HTTP-EQUIV» (HTTP-эквиваленты).

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

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

    • content-type - тип документа и его кодировка. Этот мета-тег нужен для правильного отображения символов браузером.
      Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе Windows, языком которой является русский, то кодировка будет «windows-1251», а код для вставки мета-тега такой:

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

      Основное содержимое страницы

    • content-language - указание языка документа. Значение этого необязательного мета-тега используется как поисковыми роботами, так и web-серверами. Код для вставки:

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

      Основное содержимое страницы

    • refresh - время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу с заданным адресом (url). Например, чтобы производить атоматическую перезагрузку документа каждые 30 секунд, нужно вставить этот мета-тег так:

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

      Основное содержимое страницы

      А, чтобы, спустя 5 секунд, перейти на страницу по адресу http://www.сайт/, нужно записать так:

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

      Основное содержимое страницы

    • robots - мета-тег, который отвечает за настройки индексирования страницы. У мета-тега «robots» могут быть следующие значения:
      • index - страница индексируется;
      • noindex - страница не индексируется;
      • follow - гиперссылки на странице учитываются;
      • nofollow - гиперссылки на странице не учитываются
      • all - заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);
      • none - заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.

      Код для вставки мета-тега «robots»:

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

      Основное содержимое страницы

      • author и copyright - мета-теги, которые позволяют указать авторство и владельца контента на странице. HTML-код для вставки:

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

      Основное содержимое страницы

    § 5. Заключение

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

    Заголовок страницы

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

    Н а этом раздел моего сайта окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».

    Мета теги (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), в котором можно запрещать к индексации отдельные страницы сайта или даже целые разделы. Однако поисковая машина все равно может проиндексировать документ, который закрыт, через robots.txt, т.к. это всего лишь рекомендация для поисковой машины. В свою очередь мета тег robots позволяет со 100% точностью закрыть нужный документ от индексации.</p> <p>4. <b>Revisit </b> - позволяет указать, как часто нужно переиндексировать документ. Этот мета тег устарел и не учитывается поисковыми роботами. Его никто сейчас не воспринимает в серьез.</p> <h2>2. Мета теги для браузера</h2> <p>Главная задача мета тегов для браузера - это корректно отображать страницу сайта для пользователя.</p> <p>В этом варианте есть пару важных тегов, давайте рассмотрим каждый из них. Синтаксис мета тега в общем случае следующий:</p> <blockquote><meta http-equiv ="параметр " content ="параметр2 "> </blockquote> <p>Могут быть использованы следующие параметры атрибута:</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>Честно говоря, эти теги на данный момент никому не нужны, но тем не менее они есть.</p> <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> </div> <div class="mb40 pr"> <div style="margin-top: 30px; margin-bottom: 35px;"> </div> <div style="margin-top: 0px; margin-bottom: 0px; font-family: Arial; font-size: 15px;"> <div id="yandex_rtb_R-A-105632-3"></div> </div> </div> <style> .sh_icon a:hover { opacity: 0.6; } </style> <div class="catTitle"> <span class="fl noLinknew">Похожие статьи</span> <div class="clr"></div> </div> <ul class="medbeArticle medbeEvents js-novinki "> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/kak-vyglyadit-samsung-not-8-samsung-galaxy-note8-sd835---tehnicheskie-harakteristiki/" class="date">2024-05-10 00:25:16</a> </div> <a href="/kak-vyglyadit-samsung-not-8-samsung-galaxy-note8-sd835---tehnicheskie-harakteristiki/"> <div class="title"> Samsung Galaxy Note8 SD835 - Технические характеристики </div> </a> <p class="text"> Информация о марке, модели и альтернативных названиях конкретного устройства, если таковые имеются. ДизайнИнформация о размерах и весе устройства, представленная в разных единицах измерения. Использованные материалы, предлагаемые цвета,... </p> <a href="/category/computer-literacy/" class="catName">Компьютерная грамотность</a> <div class="clr"></div> </li> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/notepad-skachat-russkii-poslednyaya-versiya-besplatnye-programmy-dlya-windows/" class="date">2024-05-09 00:25:26</a> </div> <a href="/notepad-skachat-russkii-poslednyaya-versiya-besplatnye-programmy-dlya-windows/"> <div class="title"> Бесплатные программы для Windows скачать бесплатно </div> </a> <p class="text"> Сегодня компьютерные технологии, стремительно развиваются, совершенствуя другие отрасли производства. Для развития других технологий, с помощью компьютерных, нужны специальные программы. Эти программы устанавливают на многие заводы и фабрики, чтобы... </p> <a href="/category/useful-programs/" class="catName">Полезные программы</a> <div class="clr"></div> </li> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/kak-vyvesti-raznoe-izobrazhenie-na-dva-monitora-dva-monitora-dlya/" class="date">2024-05-07 00:22:21</a> </div> <a href="/kak-vyvesti-raznoe-izobrazhenie-na-dva-monitora-dva-monitora-dlya/"> <div class="title"> Два монитора – для активных пользователей ПК </div> </a> <p class="text"> Инструкция Два сравнительно небольших экрана могут с легкостью заменить один широкоформатный с большой диагональю. Иногда подключение второго позволяет использовать одновременно несколько функций одного компьютера. Современные видеоадаптеры в... </p> <a href="/category/solving-problems/" class="catName">Решение проблем</a> <div class="clr"></div> </li> </ul> <div> </div> <div class="mb40 clear clearfix"> </div> </div> <div class="fr width300"> <div class="catTitle blackStyle"> <span class="fl noLink">Категории</span> <div class="clr"></div> </div> <div class="mb40"> <ul class="medbeSidebarNav"> <li> <a href="/category/windows-10/">Windows 10</a> </li> <li> <a href="/category/tips-for-beginners/">Советы начинающим</a> </li> <li> <a href="/category/internet-tips/">Интернет-подсказки</a> </li> <li> <a href="/category/useful-programs/">Полезные программы</a> </li> <li> <a href="/category/hardware-solutions/">Аппаратные решения</a> </li> <li> <a href="/category/configuring-wi-fi/">Настройка Wi-Fi</a> </li> <li> <a href="/category/solving-problems/">Решение проблем</a> </li> <li> <a href="/category/configuring-windows/">Настройка Windows</a> </li> </ul> </div> <div class="cancel-mb40"> </div> <div class="mb40 pr"> <div class="catTitle" data-click="y"> <span class="fl noLinknew">Видеоматериалы</span> <div class="frnew"></div> <div class="clr"></div> </div> <div class="medbeSidebarCarousel medbeArticle"> <ul> <li> <a href="/kak-otkryt-papku-v-komandnoi-stroke-na-windows-kak-otkryt-konsol-vypolnit-na/"> <img src="/uploads/99e89424f2adb11996a69d750d521e3c.jpg" alt="Как открыть консоль выполнить на windows 10" loading=lazy> <div class="playBg"></div> <p> Как открыть консоль выполнить на windows 10 </p> </a> <a href="/category/tips-for-beginners/" class="catName">Советы начинающим</a> </li> <!-- /next_post --> </ul> </div> </div> <div class="cancel-mb40"> </div> <div class="mb40"> <div class="mb40"> <div class="catTitle" data-click="y"> <span class="fl noLinknew">Популярное</span> <div class="frnew"></div> <div class="clr"></div> </div> <ul class="medbeArticle sidebarEvents"> <li> <a href="/peremeshchenie-profilya-polzovatelya-standartnymi-sredstvami-windows-kak-v-windows/"> <img src="/uploads/59fe7e573328d24871fe2935b9706c24.jpg" width="100px" alt="Как в Windows переместить папки пользователя на другой локальный диск?" loading=lazy> <div class="info"> <span class="date">Аппаратные решения</span> </div> <div class="title"> Как в Windows переместить папки пользователя на другой локальный диск? </div> <div class="clr"></div> </a> </li> <li> <a href="/u-23-e-mail-elektronnaya-pochta-tema-elektronnaya-pochta-e-mail-komu-i-dlya-chego-neobhodim/"> <img src="/uploads/32b8f60fc6487ae047c6a42f3fb2a833.jpg" width="100px" alt="Тема: электронная почта (e-mail)" loading=lazy> <div class="info"> <span class="date">Решение проблем</span> </div> <div class="title"> Тема: электронная почта (e-mail) </div> <div class="clr"></div> </a> </li> <li> <a href="/street-storm-skachat-obnovlenie-radar-detektory-street-storm-obnovlenie-po-obnovlenie/"> <img src="/uploads/234b2558a611dbf47b0c26f903df5f0d.jpg" width="100px" alt="Радар детекторы Street Storm обновление ПО" loading=lazy> <div class="info"> <span class="date">Решение проблем</span> </div> <div class="title"> Радар детекторы Street Storm обновление ПО </div> <div class="clr"></div> </a> </li> </ul> </div> </div> <div class="cancel-mb40"> </div> <div class="mb40"> <div class="catTitle" data-click="y"> <span class="fl noLinknew">Новое</span> <div class="frnew"></div> <div class="clr"></div> </div> <ul class="medbeArticle clinicsCountry"> <li> <a href="/bolshaya-kolonka-jbl-perenosnaya-portativnaya-kolonka-jbl-xtreme-pochemu-vazhno/"> <img src="/uploads/55aaef5f4bd5a6ba7762845849da826f.jpg" width="100px" alt="Портативная колонка JBL Xtreme" loading=lazy> <div class="title"> Портативная колонка JBL Xtreme </div> <div class="clr"></div> </a> </li> <li> <a href="/ne-rabotaet-perednii-usb-3-0-ne-rabotayut-usb-porty-na-kompyutere-puti-resheniya/"> <img src="/uploads/518aef24f67a32ffc762c4f21d5e85e8.jpg" width="100px" alt="Не работает передний usb 3" loading=lazy> <div class="title"> Не работает передний usb 3 </div> <div class="clr"></div> </a> </li> <li> <a href="/adobe-premiere-pro-obzor-programmy-chto-takoe-premiere-pro-trebuetsya-li/"> <img src="/uploads/b04d975347b64d93e62986431908dad6.jpg" width="100px" alt="Adobe premiere pro обзор программы" loading=lazy> <div class="title"> Adobe premiere pro обзор программы </div> <div class="clr"></div> </a> </li> <li> <a href="/skachat-programmu-dlya-remonta-sistemy-kompyutera-i-noutbuka/"> <img src="/uploads/d20fca631f1e5da11c7c4b6f4e938b70.jpg" width="100px" alt="Программы для восстановления системы" loading=lazy> <div class="title"> Программы для восстановления системы </div> <div class="clr"></div> </a> </li> <li> <a href="/windows-registraciya-failov-s-rasshireniem-dll-i-ocx-neskolko-sposobov/"> <img src="/uploads/ee68d4ebcb7b7883f88f35fd1163a207.jpg" width="100px" alt="Windows Регистрация файлов с расширением *" loading=lazy> <div class="title"> Windows Регистрация файлов с расширением * </div> <div class="clr"></div> </a> </li> </ul> </div> </div> </div> <div class="clr"></div> <div class="clr mb42-"></div> </main> </div> <footer class="footer"> <div class="footerWrap"> <ul class="footNav"> <li> <a href="/category/windows-10/">Windows 10</a> </li> <li> <a href="/category/tips-for-beginners/">Советы начинающим</a> </li> <li> <a href="/category/internet-tips/">Интернет-подсказки</a> </li> <li> <a href="/category/useful-programs/">Полезные программы</a> </li> </ul> <ul class="footNav mr0"> <li> <a href="/category/windows-10/">Windows 10</a> </li> <li> <a href="/category/tips-for-beginners/">Советы начинающим</a> </li> <li> <a href="/category/internet-tips/">Интернет-подсказки</a> </li> <li> <a href="/category/useful-programs/">Полезные программы</a> </li> </ul> <div class="footSep"></div> <div class="fl width405"> <div class="medbeWarning" style="font-size: 10px;"> Советы пользователям компьютера <p></p> <br /> </div> <div style="position:absolute; top:50px; right:15px; width:300px;"> <noindex> <br /> </noindex> </div> </div> <div class="footSep"></div> <div class="fl "> <div class="copyright"> <br /> <noindex> <div id="liv"> </div> <br> </noindex></div> <div style="position:absolute; top:50px; right:15px; width:300px;"> <noindex> <br /> </noindex> </div> </div> <div id="onTop"></div> <div class="clr"></div> <div class="links"></div> <div class="clr"></div> </div> </footer> <div class="overlay"></div> <div style="display: none;" id="ajax_result"></div> <div class="modal fade" id="send_message" tabindex="-1" role="dialog" aria-labelledby="message" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <a href="#" class="close" data-dismiss="modal" aria-hidden="true"></a> </div> <div class="modal-body"> <form action="/materials/sakharnyy-diabet/preparaty-insulina-i-insulinoterapiya/" method="POST"> <input type="hidden" name="sessid" id="sessid" value="190649912f2d5ccc3e7496471b00b5c2" /> <input name="head" type="text" placeholder="Тема" value=""> <textarea name="message" placeholder="Сообщения"></textarea> <input type="hidden" name="PARAMS_HASH" value="2d477b672b0c8e6bb03d8fa4ffc011a9"> <input type="submit" class="btn" name="submit" value="Отправить"> </form> </div> </div> </div> </div> <script type="text/javascript" data-skip-moving="true"> (function(w, d, n) { var cl = "bx-core"; var ht = d.documentElement; var htc = ht ? ht.className : undefined; if (htc === undefined || htc.indexOf(cl) !== -1) { return; } var ua = n.userAgent; if (/(iPad;)|(iPhone;)/i.test(ua)) { cl += " bx-ios"; } else if (/Android/i.test(ua)) { cl += " bx-android"; } cl += (/(ipad|iphone|android|mobile|touch)/i.test(ua) ? " bx-touch" : " bx-no-touch"); cl += w.devicePixelRatio && w.devicePixelRatio >= 2 ? " bx-retina" : " bx-no-retina"; var ieVersion = -1; if (/AppleWebKit/.test(ua)) { cl += " bx-chrome"; } else if ((ieVersion = getIeVersion()) > 0) { cl += " bx-ie bx-ie" + ieVersion; if (ieVersion > 7 && ieVersion < 10 && !isDoctype()) { cl += " bx-quirks"; } } else if (/Opera/.test(ua)) { cl += " bx-opera"; } else if (/Gecko/.test(ua)) { cl += " bx-firefox"; } if (/Macintosh/i.test(ua)) { cl += " bx-mac"; } ht.className = htc ? htc + " " + cl : cl; function isDoctype() { if (d.compatMode) { return d.compatMode == "CSS1Compat"; } return d.documentElement && d.documentElement.clientHeight; } function getIeVersion() { if (/Opera/i.test(ua) || /Webkit/i.test(ua) || /Firefox/i.test(ua) || /Chrome/i.test(ua)) { return -1; } var rv = -1; if (!!(w.MSStream) && !(w.ActiveXObject) && ("ActiveXObject" in w)) { rv = 11; } else if (!!d.documentMode && d.documentMode >= 10) { rv = 10; } else if (!!d.documentMode && d.documentMode >= 9) { rv = 9; } else if (d.attachEvent && !/Opera/.test(ua)) { rv = 8; } if (rv == -1 || rv == 8) { var re; if (n.appName == "Microsoft Internet Explorer") { re = new RegExp("MSIE ([0-9]+[\.0-9]*)"); if (re.exec(ua) != null) { rv = parseFloat(RegExp.$1); } } else if (n.appName == "Netscape") { rv = 11; re = new RegExp("Trident/.*rv:([0-9]+[\.0-9]*)"); if (re.exec(ua) != null) { rv = parseFloat(RegExp.$1); } } } return rv; } })(window, document, navigator); </script> <link href="/bitrix/cache/css/s2/medbe4_new/kernel_main/kernel_main.css?151557967426562" type="text/css" rel="stylesheet" /> <link href="/bitrix/cache/css/s2/medbe4_new/page_7b72513555721c1b5733d9b22d6efb9b/page_7b72513555721c1b5733d9b22d6efb9b.css?15155796623852" type="text/css" rel="stylesheet" /> <link href="/bitrix/cache/css/s2/medbe4_new/template_fa4e83195cbc9d75f36051d9e26d67c6/template_fa4e83195cbc9d75f36051d9e26d67c6.css?1515579660217752" type="text/css" data-template-style="true" rel="stylesheet" /> <link media="all" href="/local/templates/medbe4_new/css/responsive.css?sd" rel="stylesheet" type="text/css" /> <!--[if lt IE 9]><![endif]--> <script type="text/javascript"> if (!window.BX) window.BX = {}; if (!window.BX.message) window.BX.message = function(mess) { if (typeof mess == 'object') for (var i in mess) BX.message[i] = mess[i]; return true; }; </script> <script type="text/javascript"> (window.BX || top.BX).message({ 'JS_CORE_LOADING': 'Загрузка...', 'JS_CORE_NO_DATA': '- Нет данных -', 'JS_CORE_WINDOW_CLOSE': 'Закрыть', 'JS_CORE_WINDOW_EXPAND': 'Развернуть', 'JS_CORE_WINDOW_NARROW': 'Свернуть в окно', 'JS_CORE_WINDOW_SAVE': 'Сохранить', 'JS_CORE_WINDOW_CANCEL': 'Отменить', 'JS_CORE_WINDOW_CONTINUE': 'Продолжить', 'JS_CORE_H': 'ч', 'JS_CORE_M': 'м', 'JS_CORE_S': 'с', 'JSADM_AI_HIDE_EXTRA': 'Скрыть лишние', 'JSADM_AI_ALL_NOTIF': 'Показать все', 'JSADM_AUTH_REQ': 'Требуется авторизация!', 'JS_CORE_WINDOW_AUTH': 'Войти', 'JS_CORE_IMAGE_FULL': 'Полный размер' }); </script> <script type="text/javascript"> (window.BX || top.BX).message({ 'LANGUAGE_ID': 'ru', 'FORMAT_DATE': 'DD.MM.YYYY', 'FORMAT_DATETIME': 'DD.MM.YYYY HH:MI:SS', 'COOKIE_PREFIX': 'BITRIX_SM', 'SERVER_TZ_OFFSET': '3600', 'SITE_ID': 's2', 'SITE_DIR': '/', 'USER_ID': '', 'SERVER_TIME': '1515581305', 'USER_TZ_OFFSET': '0', 'USER_TZ_AUTO': 'Y', 'bitrix_sessid': '190649912f2d5ccc3e7496471b00b5c2' }); </script> <script type="text/javascript" src="/bitrix/cache/js/s2/medbe4_new/kernel_main/kernel_main.js?1515579673298080"></script> <script type="text/javascript" src="/bitrix/js/main/core/core_db.min.js?14979660558699"></script> <script type="text/javascript" src="/bitrix/js/main/core/core_frame_cache.min.js?146900780711191"></script> <script type="text/javascript"> BX.setJSList(['/bitrix/js/main/core/core.js', '/bitrix/js/main/core/core_ajax.js', '/bitrix/js/main/json/json2.min.js', '/bitrix/js/main/core/core_ls.js', '/bitrix/js/main/core/core_fx.js', '/bitrix/js/main/core/core_popup.js', '/bitrix/js/main/session.js', '/bitrix/js/main/core/core_window.js', '/bitrix/js/main/core/core_date.js', '/bitrix/js/main/utils.js', '/local/templates/medbe4_new/js/jquery.js', '/local/templates/medbe4_new/js/jquery.jcarousel.min.js', '/local/templates/medbe4_new/js/jquery.formstyler.min.js', '/local/templates/medbe4_new/js/jquery.mCustomScrollbar.concat.min.js', '/local/templates/medbe4_new/js/modals.js', '/local/templates/medbe4_new/js/tabs.js', '/local/templates/medbe4_new/js/ontop.js', '/local/templates/medbe4_new/js/placeholder.min.js', '/media/js/scrollbar/jquery.mCustomScrollbar.concat.min.js', '/media/js/header.js', '/local/templates/medbe4_new/js/scripts.js', '/feedback/twin.js']); </script> <script> BX.ready(function() { $("[data-preload]").each(function(i, el) { $this = $(el); $this.load($this.data("preload"), function() { $this.find("form").addClass("js-form") }); }); $(document).on({ submit: function() { $this = $(this); var action = $this.attr("action"); var data = $this.serialize() + "&web_form_submit=Y"; $.post(action, data, function(data) { $this.closest("div").html(data); }) return false; } }, ".js-form"); }) </script> <script type="text/javascript" src="/bitrix/cache/js/s2/medbe4_new/template_a5d224f830c08eebc70bc5559ca1712e/template_a5d224f830c08eebc70bc5559ca1712e.js?1515579660221230"></script> <script> $(function() { if ('jcarousel' in $) { $('.medbeCarousel').jcarousel({ // Configuration goes here }); $('.medbeCarousel-prev').jcarouselControl({ target: '-=1' }); $('.medbeCarousel-next').jcarouselControl({ target: '+=1' }); $('.medbeSidebarCarousel').jcarousel({ // Configuration goes here }); $('.medbeSidebarCarousel-prev').jcarouselControl({ target: '-=1' }); $('.medbeSidebarCarousel-next').jcarouselControl({ target: '+=1' }); $(window).on("load resize", function() { var w = this.innerWidth; if ($('.medbeCarousel').hasClass('halfWidthCarousel')) { if (w > 1279) { c = 771; } else { c = 377; } } else { if (w > 1279) { c = 1160; } else { c = 780; } } $('.medbeCarousel').css('width', c + 'px'); }); } }); // Script (Fixed menu) // $(window).on("scroll load", function(){ // var w2 = this.innerWidth; // var top = $(window).scrollTop(); // if (top > 120) $('.mainNav > ul').css({ // 'max-width': '100%', // 'position': 'fixed', // 'top': 0 // } ); // else { // $('.mainNav > ul').css({ // 'position': 'relative', // 'max-width': 1280 // } ); // } // } ); jQuery(window).scroll(function() { topMain(); // on scroll }); topMain(); // on load window.topNavSmall = false; function topMain() { var _scrollTop = jQuery(document).scrollTop(); if (_scrollTop > 0) { jQuery('.mainNav').addClass('fixed'); window.topNavSmall = true; } if (window.topNavSmall === true && _scrollTop < 2) { jQuery('.mainNav').removeClass('fixed'); } } </script> <script> </script> <script> (function($) { $(function() { $('#pc_add_photo').styler({ filePlaceholder: 'Добавить фото перед статьей' }); $('input, select').styler(); }) })(jQuery) </script> <script> (function($) { $(window).load(function() { if ('mCustomScrollbar' in $) $(".medbeScrollBlock").mCustomScrollbar(); }); })(jQuery); </script> <script> $(document).ready(function() { $("#sorting_catalog").change(function() { $("#form_for_sorting_catalog").submit(); }); }); </script> <script> $(document).ready(function() { $('.catTitle').click(function() { if ($(this).data("click") != "y") { $(this).parents('.doctorMat').toggleClass('hidden'); return false } }); }); </script> <script> $(document).ready(function() { $('input, textarea').on('focus blur', function() { var placeholder = $(this).attr('placeholder'); if ($(this).val() == placeholder) { $(this).val(''); } else if ($(this).val() == '') { $(this).val(placeholder); }; }); }); </script> <script> $(document).ready(function() { //Placeholder $('input[placeholder], textarea[placeholder]').placeholder(); }); </script> <script type="text/javascript"> function slyLink() { var istS = 'Источник:'; var copyR = '© usercpu.ru'; var body_element = document.getElementsByTagName('body')[0]; var choose; choose = window.getSelection(); var myLink = document.location.href; var authorLink = "<br /><br />" + istS + ' ' + "<a href='" + myLink + "'>" + myLink + "</a><br />" + copyR; var copytext = choose + authorLink; var addDiv = document.createElement('div'); addDiv.style.position = 'absolute'; addDiv.style.left = '-99999px'; body_element.appendChild(addDiv); addDiv.innerHTML = copytext; choose.selectAllChildren(addDiv); window.setTimeout(function() { body_element.removeChild(addDiv); }, 0); } document.oncopy = slyLink; </script> <script> $(function() { /*$(document).on("click", ".js-open-menu-a", function(){ $("#mainNav").slideToggle(200); } );*/ /* $(document).on({ click: function(){ $(this).siblings("nav").slideToggle(200); } , /!*touchend: function(){ $(this).siblings("nav").slideToggle(200); } *!/ } ,".js-open-menu");*/ }); </script> <script> var busy = false; $(function() { $("#infinity-next-page").addClass("btn").addClass("btn-blue"); $(document).on({ click: function() { if (busy) return false; console.log("1"); $("#nextWrap").find("a").css("opacity", 0.5); busy = true; $.post($(this).attr("href") + "&ajaxNovinki=Y", function(data) { busy = false $(".js-novinki").html($(".js-novinki").html() + data.html); $("#nextWrap").html(data.next); $("#infinity-next-page").addClass("btn").addClass("btn-blue"); //else $("#nextWrap").hide(); }, "json"); return false; } }, "#infinity-next-page"); }); </script> <script> $(document).ready(function() { $("#headfbwin, #feed").click(function() { $(".quest_form").show(); $('input, select').styler(); dh = $(document).height() + "; " + $(".quest_form").height(); h = ($(document).height() / 2) * -1; $(".quest_form").css("bottom", h + "px"); $(".overlay").show(); $(".q_form_close").click(function() { $(".quest_form").hide(); $(".overlay").hide(); }); $(".close2").click(function() { $(".oki").hide(); $(".overlay").hide(); }); $(".overlay").click(function() { $(".quest_form").hide(); $(".oki").hide(); $(".overlay").hide(); }); }); }); </script> <script> function selectHandler() { var $menu = $('.news-categories__list'); var $current = $('.news-categories__current'); var width = 0; if ($menu.outerWidth() > $current.outerWidth()) { $current.width($menu.outerWidth()); $menu.width($menu.outerWidth()); } $('.news-categories__current').click(function() { $menu.toggleClass('active'); }); $('body').click(function(e) { var $target = $(e.target); if (!$target.parents('.news-categories').length) $menu.removeClass('active'); }); $('.news-categories__list > ul').mCustomScrollbar({ theme: 'rounded', scrollInertia: 200 }); $('ul.tabs').delegate('li:not(.current)', 'click', function() { $(this).addClass('current').siblings().removeClass('current') .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150); }) } if (window.frameCacheVars !== undefined) { BX.addCustomEvent("onFrameDataReceived", function(json) { selectHandler(); }); } else { BX.ready(function() { selectHandler(); }); } </script> <script async src="/js/html5.js"></script> <script src="/local/templates/medbe4_new/components/bitrix/form.result.new/free_cons/_script.js?dsss" type="text/javascript"></script> </body> </html>