Влад Мержевич
Метатеги используются для хранения информации предназначенной для браузеров
и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам
для получения описания сайта, ключевых слов и других данных.
Метатеги для поисковых механизмов
Среди разработчиков сайтов существует мнение, что правильно написанные
метатеги позволяют подняться к верхним строчкам поисковых серверов.
На самом деле это не так, на одних метатегах высоко не поднимешься,
но и неудачно выполненное содержимое метатегов может ухудшить рейтинг
сайта.
Два метатега предназначены специально для поисковых серверов: description
(описание) и keywords
(ключевые слова). Некоторые
вебмастера добавляли в раздел keywords
ключевые
слова, которые не имеют никакого отношения к теме сайта, но зато пользовались
определенным успехом среди посетителей поисковиков. Однако, через некоторое
время, поисковые системы научились бороться с таким явлением и проверяют содержимое
веб-страницы на соответствие заявленным ключевым словам.
Некоторые принципы, относящиеся к метатегам:
- не включайте ключевые слова, которые не содержатся на ваших страницах;
- не повторяйте ключевые слова;
- используйте метатеги по их прямому назначению;
- делайте описание и список ключевых слов различными для каждой страницы
сайта с учетом содержимого.
description
Большинство поисковых серверов отображают содержимое поля description
(пример 1) при выводе результатов поиска.
Если этого тега нет на странице, то поисковый движок просто перечислит первые
встречающиеся слова на странице, которые, как правило, оказываются не очень-то
и в тему.
Пример 1. Использование Description
description
keywords
Этот метатег был предназначен для описания ключевых слов, встречающихся на
странице (пример 2). Но в результате действия людей, желающих попасть в
верхние строчки поисковых систем любыми средствами, теперь дискредитирован.
Поэтому многие поисковики пропускают этот параметр.
Пример 2. Использование Keywords
keywords
Ключевые слова можно перечислять через пробел или запятую. Поисковые системы
сами приведут запись к виду, который они используют.
Автозагрузка страниц
Чтобы автоматически загружать новый документ через определенный промежуток
времени используется инструкция http-equiv="refresh"
(пример 3).
. Для операционной системы
Windows и кириллицы charset
обычно принимает
значение utf-8
или windows-1251
(пример 4).
Пример 4. Выбор текущей кодировки
Кодировка
Кириллица
Если указание кодировки отсутствует, браузер пытается сам определить, какой
тип символов используется в документе и выбирает необходимую кодировку автоматически.
Браузер не всегда может точно распознать язык веб-страницы и в некоторых случаях
предлагает вьетнамскую кодировку вместо кириллицы. По этой причине лучше всегда
указывать приведенную строчку. Тем не менее, возникают обстоятельства, когда
указание кодировки может принести определенный вред. Например, веб-сервер автоматически
использует перекодирование данных в KOI-8, а браузер, встретив параметр charset=windows-1251
,
переводит текст в кодировку Windows. Получается двойное изменение символов,
прочитать такой текст не просто. К счастью, подобная проблема уже отходит в
прошлое, во всяком случае, ее легко можно выявить и нейтрализовать на уровне
сервера.
Один из вариантов применения тега meta - указание HTTP -заголовков, которые должны быть отправлены клиенту до отправки самой веб-страницы. Например:
<meta
http-equiv
=
"Content-Type"
content
=
"text/html"
/
>
Такая запись указывает, что страница должна быть отправлена вместе с HTTP-заголовком Content-Type: text/html. Такой заголовок указывает браузеру или другой программе тип отправляемого документа. Тем не менее, несмотря на то, что первоначально предполагалось, что веб-серверы будут считывать meta-теги внутри отправляемых клиенту веб-страниц, и формировать HTTP-заголовки в зависимости от их содержимого, на практике это не реализовано в наиболее используемых веб-серверах, соответственно, веб-серверы не меняют отправляемые клиенту HTTP-заголовки, а клиент (веб-браузер) обрабатывает эти meta-теги самостоятельно (в частности, данные из meta-тегов могут заменять данные, получаемые из HTTP-заголовков ).
Кроме того, meta-теги могут использоваться для того, чтобы сообщить браузеру информацию о документе, когда HTTP-заголовки недоступны (например, если страница открывается локально с диска, а не загружается с веб-сервера).
В общей форме метаданные записываются в следующем виде: в теге meta указывается атрибут name (имя) и связанный с ним атрибут content (содержимое), в котором описывается какой-либо аспект веб-страницы, например, ключевые слова:
<meta
name
=
"keywords"
content
=
"википедия, энциклопедия"
/
>
Функции мета-тегов
Функции мета-тегов достаточно разнообразны, однако на данный момент не существует их четкой стандартизации. Тем не менее, можно выделить несколько основных направлений использования мета-тегов:
- Мета-теги способны идентифицировать авторство Интернет-страницы, ее адрес, частоту ее обновлений;
- Мета-теги используются поисковыми системами для индексации и создания заголовков гипертекстовых документов;
- Не выводясь на экран, мета-теги влияют на режим отображения Интернет-страниц.
Группы мета-тегов
Мета-теги разделены на две основные группы - NAME и HTTP-EQUIV. Группа NAME отвечает за текстовую информацию о странице, ее авторе, а также - рекомендации для поисковых систем. HTTP-EQUIV фактически эквивалентны гипертекстовым заголовкам, формируют заголовок страницы и определяют его обработку. Как правило, они управляют действиями браузеров и используются для формирования информации, выдаваемой обычными заголовками.
Группа NAME
Мета-тег Author и Copyright
Мeтa-тeг PICS-Label
Мeтa-тeг Window-target
Определение окна загружаемой страницы.
Мета-тег Imagetoolbar
Отключает Панели управления изображениями. Обычно используют при выводе баннеров, фона картинки, карты изображения и др., когда вывод данной панели нежелателен.
<meta
http-equiv
=
"imagetoolbar"
content
=
"no"
/
>
Значение мета-тегов
Метаданные о веб-странице изначально предназначались в том числе для того, чтобы помочь поисковым машинам отнести веб-страницу к той или иной категории. В 90-е годы мета-теги активно использовались в целях раскрутки своего сайта, в том числе предоставляя ложные или избыточные метаданные. После этого поисковые машины стали придавать мало внимания метаданным; теперь большее значение имеет правильное структурирование веб-страницы и наличие большого количества ссылок на сайт с авторитетных ресурсов.
В связи с тем, что мета-теги несут чисто служебную функцию, и, кроме того, значительно увеличивают размер гипертекстового документа, начинающие Web-дизайнеры зачастую предпочитают их игнорировать. Кроме того, мета-теги группы HTTP-EQUIV достаточно сложны в использовании, так как задают жесткие параметры форматирования страницы. Тем не менее, мета-теги делают более успешной индексацию Интернет-страницы в поисковых системах.
Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье мы разобрали создание форм в HTML
. В данной статье я бы хотел поговорить о мета-тегах в HTML
. По сути, мета-теги несут в себе специальную служебную информацию и делятся на несколько типов: для поисковых систем, для страницы, для браузера. Сразу скажу, что все мета-теги вставляются в заголовок документа, т.е. между тегами
и
.
Давайте постепенно начнем разбираться с мета-тегами для поисковых систем.
Мета-теги для поисковых систем
имеют большую важность, так как они влияют на оптимизацию страницы.
Выпишем все мета-теги для поисковых систем:
Мета-тег description
отвечает за описание страницы, рекомендую ставить на каждой странице, так как данный мета-тег влияет на выдачу в поисковой системе.
Мета-тег keywords
содержит все ключевые слова, которым соответствует ваша страница, также рекомендую ставить на каждой странице вашего сайта.
Мета-тег robots
необходим для того, чтобы сказать поисковой системе нужно ли индексировать данную страницу и переходить по ссылкам на ней.
У данного мета-тега существуют 4 значения:
index, follow
— страницу нужно индексировать и переходить по ссылкам на ней.
index, nofollow
— страницу нужно индексировать и не нужно переходить по ссылкам на ней
noindex, follow
— страницу не нужно индексировать, но нужно переходить по ссылкам на ней
noindex, nofollow
— страницу не нужно индексировать, также не нужно переходить по ссылкам на ней.
Обычно вся информация о том, что нужно индексировать, а что нет, содержится в файле robots.txt
, который должен быть абсолютно на любом сайте, но о данном файле поговорим в одной из следующих статей.
Давайте теперь разберем мета-теги для страницы
. Сразу отмечу, что мета-теги для страницы необязательны и несут в себе лишь ознакомительную информацию. Напишем наиболее встречаемые из них:
Кратенько напишу о каждом из этих мета-тегов, хотя здесь и так всё прозрачно.
Мета-тег author
указывает на автора данной страницы. Очень редко где встречал, разве что новички обычно вставляют его на свой сайт.
Мета-тег generator
указывает на то, в чем была сделана данная страница. Обычно данный тег присутствует у всех систем управления контентом (CMS), таких как Joomla, WordPress. И обычно люди убирают данный мета-тег, чтобы скрыть, что их сайт сделан на данной CMS (однако, если взглянуть на код страницы, то итак становится понятно,на чем она сделана).
Мета-тег reply-to
указывает на e-mail автора.
Мета-тег site-created
указывает на то, когда был создан сайт.
Включать или нет мета-теги для страниц своего сайта — решать вам, но смысла особо большого в этом я не вижу.
Осталась ещё одна группу мета-тегов — это мета-теги для браузера
. Это также очень важная группа мета-тегов. Сразу примеры:
Мета-тег Content-type
является, на мой взгляд, самым важным мета-тегом, так как в нём указывается тип страницы и кодировка. Если не указывать данный мета-тег, то в будущем могут возникнуть проблемы с кодировкой на сайте
. О том, как решить данную проблему, вы можете прочитать в этой статье .
Мета-тег Content-language
указывает язык страницы. Обычно браузеры сами распознают язык на странице.
Мета-тег Refresh
отвечает за обновление страницы. В данном случае написано, что каждые 10 секунд будет происходить обновление страницы и переход на мой сайт. Автообновление страницы бывает нужным, например для страницы, содержащий заказы интернет-магазина.
Мэтт Каттс, руководитель службы анти-спама Google, ответил на вопрос пользователя о мета-теге Description
в своем видео-обращении.
Пользователь спросил: «Действительно ли необходимо, чтобы каждая страница веб-сайта содержала уникальный мета-тег Description
?».
Мэтт считает, что когда вопрос касается мета-тега Description
, то реально существуют только два жизнеспособных варианта. Вы можете либо включить уникальный мета-тег Description
в каждую страницу сайта, или вы можете вообще его не использовать. Однако, в случае использования мета-тега , ни в коем случае нельзя допускать дублирования содержания последнего.
Очень простой способ выявления повторяющихся мета-тегов Description
- это регистрация и регулярная проверка вашего веб-ресурса в бесплатном сервисе Google - «Инструменты для веб-мастеров ». В случае выявления дублируемого описания на страницах сайта вы будете извещены об этом в соответствующем разделе «Инструментов».
Вообще говоря, Мэтт заявил, что вероятно не стоит тратить свое время на то, чтобы писать уникальный текст мета-тега Description
для каждой отдельной страницы на вашем сайте. Мэтт, к примеру, даже не делает это на своем собственном блоге.
Что Мэтт, настоятельно рекомендует, так это - включать мета-тег Description
на страницы, которые действительно имеют важное значение. Например, домашние страницы или страницы, которые имеют высокий коэффициент окупаемости инвестиций (ROI).
ROI
(Return on Investment) – коэффициент окупаемости инвестиций, или показатель рентабельности вложений, то есть процент прибыльности (при значении больше 100%) или убыточности (при значении меньше 100%) конкретной суммы вложения денежных средств в определенный проект
.
Формула для расчета ROI:
ROI
= ((B – A) / C) * 100%,
- себестоимость продукта или услуги (А)
– включает в себя абсолютно все затраты на покупку частей для продукции, доставку до склада, производство товара, зарплату работникам и т.д.;
- доход (В)
– конечная прибыль с продажи продукта или услуги;
- сумма инвестиций (С)
– суммарное количество денежных средств, которые выступали в роли вложения, например бюджет на контекстную рекламу
.
|
Если вы заметили, что некоторые из ваших страниц имеют не очень удачные автоматически сгенерированные сниппеты в поисковой выдаче, то вам следует рассмотреть возможность написания уникальных мета-тегов Description
для таких страниц также.
Подытоживая все сказанное Мэттом, можно сделать следующий вывод: вы должны не только избегать, но и исключить любую возможность наличия дублированного описания в мета-тегах Description
на всех страницах своего сайта. Создавайте уникальные описания для некоторых, особо значимых страниц и пусть Google автоматически создает остальные.
Вы можете прослушать полное видео-обращение Мэтта ниже (на английском языке):
А теперь познакомьтесь поближе с мета-тегом Description
, который раньше, да и сейчас, продолжает играть важную роль при проведении поисковой оптимизации сайтов . При этом, вам следует учитывать, как современные тенденции (см. рекомендации Мэтта), так и реальное состояние вещей в данном вопросе. А чтобы постоянно быть в курсе новых веяний, не забывайте заглядывать на мой сайт.
Характерные особенности
мета-тега Description
HTML Мета-тег Description
применяют при создании краткого описания страницы, он используется поисковыми системами для индексации, а также при создании сниппета (аннотации) в выдаче по запросу.
При отсутствии мета-тега Description
, поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова.
Не ошибитесь при оптимизации мета-тега Description
– этот тег очень важен. Правильное использование данного тега, без учета других элементов поисковой оптимизации, не сделает вас первым номером рейтинга само по себе, но, безусловно, поможет вам добраться до вершин.
Больше узнать о значении мета-тегов в проведении поисковой оптимизации сайта можно в статье "Почему следует использовать поисковую оптимизацию мета-тегов для продвижения сайтов ".
Как и в случае с мета-тегом Keywords
, старайтесь не повторять слова и фразы слишком часто, чтобы избежать наказания со стороны поисковиков. Более подробно познакомиться с мета-тегом Keywords
вы можете в статье "Как правильно использовать html мета-тег keywords ".
Мета-тег Description
используется не только для роботов поисковых систем - текст, который заключен в него, появляется в результате выдачи по поисковым запросам интернет пользователей.
Ваша задача – создать такой мета-тег Description
, который будет привлекательным как для роботов, так и для людей. Таким образом, как и в случае с тегом Title
, важно, чтобы мета-тег Description
был наполнен ключевыми словами и был привлекательным для людей. Поисковая оптимизация тега Title
описана в статье "Kак правильно составить html тег title заголовка страницы сайта ".
Правила для мeтa-тега Description
более или менее те же, что и для тега Title
. Однако содержание этого тега, как правило, будет объемнее, чем тега Title
.
Если вебмастер не уделил должного внимания заполнению мета-тега Description
, то поисковая система сама формирует т.н. сниппет - краткое описание под ссылкой на страницу - из фрагментов предложений, соответствующих тематике запроса, со всей страницы.
Description
совместно с Title
образуют пару очень важных мета-тегов, от которых зависит перейдёт ли пользователь из поисковой выдачи на ваш сайт или обратится к конкурентам. Поэтому его, как и Title , нужно прописывать для каждой страницы! Причем, для каждой страницы должны быть подобраны разные слова и фразы, входящие в названные теги.
HTML-код мета-тега Description
располагается в следующем месте:
</i><i>Содержимое
</i><i>мета
</i><i>-
</i><i>тега
</i><i> «title»< /title>
</i><br><i>< /head>
</i><br><i><body>Основное содержимое страницы< /body>
</i><br><i>< /html>
</i></p>
<p>Вот как, к примеру, бы мог выглядеть <b>HTML-код
</b> <b>мета-тега Description
</b> для ключевого слова “Туры в Одессу”:</p>
<p><i><meta name="description
" content="Туры в Одессу - Мы позаботимся обо всех деталях поездки, так что вы можете отдыхать с полным спокойствием">
</i></p>
<p>Обратите внимание, что в этом описании повторяется ключевое слово “Туры в Одессу”, а также указывается на очевидные выгоды: клиент будет иметь возможность отдыхать, не беспокоясь о деталях поездки - вы будете заботиться о них.</p>
<p>Размещайте ваши самые важные <b>ключевые слова и фразы
</b> в начале каждого <b>мета-тега Description
</b> и старайтесь иметь различные описания для каждой страницы вашего сайта. Использование одних и тех же описаний в <b>мета-теге Description
</b> на каждой странице еще хуже, чем вообще оставить их пустыми.</p>
<p>Помните, что не заполненный <b>мета-тег Description
</b> может явиться источником серьезных проблем при определении рейтинга вашего сайта.</p>
<p><b>Мета-тег
</b> <b>Description
</b> должен быть использован на каждой странице сайта, так как он остается полезным дополнением к уникальному контенту самой страницы. <b>Мета-теги
</b> <b>Description
</b> не должны повторять заголовок страницы, а должны содержать краткое описание темы, рассматриваемой на странице.</p>
<p>Всегда старайтесь, чтобы наиболее важные идеи, которые вы пытаетесь донести до пользователей, находились в начале описания и содержали <b>ключевые слова
</b>, а также, чтобы описание точно отображало содержимое страницы.</p>
<p>Следует помнить, что каждая страница вашего сайта должна содержать свой уникальный и точный <b>мета-тег
</b> <b>Description
</b>, так как дублирование <b>мета-тега
</b> <b>Description
</b>на страницах сайта всегда оценивалось отрицательно поисковыми системами.</p>
<p>Как только ваш сайт полностью проиндексирован Google , вы можете проверить случаи дубликата мета-тегов в <i>Google Webmaster tools
</i>, например.</p>
<p>Несмотря на то, что <b>мета-тег
</b> <b>Description
</b> не является одним из основных критериев при SEO , вы все равно должны уделять максимум внимания на качество содержания <b>мета-тега
</b> <b>Description
</b>. Вам необходимо составить одно или два предложения, так описывающих вашу страницу, что посетителям захочется зайти на ваш сайт, а не на сайт конкурентов.</p>
<p>Хорошо написанные и уникальные <b>мета-теги
</b> <b>Description
</b> на каждой странице вашего сайта будут способствовать увеличению количества кликов по вашей ссылке.</p>
<h2>Рекомендации от Google по использованию мета-тега Description</h2>
<table width="500" border="0" cellpadding="1"><tr><td><p><i><b>МЕТА-ТЕГ Description
</b>
</i></p>
</td>
</tr><tr><td bgcolor="#DAF8FE">
<p><b>Придумайте краткое описание для каждой страницы
</b></p>
<p><b>Метатег <description> дает поисковой системе краткое описание содержимого страницы
</b>. Если в теге <title> мы использовали одну фразу, то в <description> мы уже можем написать пару предложений или небольшой параграф. В наборе инструментов для веб-мастеров Google есть удобный инструмент для анализа контента, который поможет вам подсказкой, если ваши метатеги <description> слишком длинны/коротки или слишком часто повторяются (та же функция доступна для тегов <title>). Так же как и тег <title>, метатег <description> размещается внутри тега <head> html-страницы.</p>
<p><b>Значение метатега <description> для оптимизации поиска
</b></p>
<p>Метатеги описания важны потому, что <b>Google может использовать их при создании сниппетов к вашему сайту
</b>. Заметьте, мы говорим “может”, потому что Google может выбрать для сниппета другой подходящий текст с вашего сайта, если он более релевантен запросу пользователя. Так же Google может использовать описание вашего сайта из проекта Open Directory, если ваш сайт в него включен.</p>
<p>Добавление метатегов <description> поможет Google и в том случае, если поисковый робот не может самостоятельно найти подходящий текст для сниппета. В центральном Блоге для Веб-мастеров есть полезная статья об улучшении сниппетов с помощью метатегов <description>.</p>
<p>Слова в сниппете выделяются жирным, если они соответствуют поисковому запросу пользователя. Таким образом, пользователь получает представление о том, что ожидает его на вашей странице.</p>
</td>
</tr><td><p><i><b>ПРАКТИЧЕСКИЕ СОВЕТЫ
</b>
</i></p>
</td>
<tr><td bgcolor="#DAF8FE">
<p><b>Кратко и точно опишите содержание страницы
</b></p>
<p>Постарайтесь сделать описание страницы интересным и содержательным для пользователей, которые увидят его в качестве сниппета на странице поиска. <b>Не советуем:
</b></p>
<ul><li>вставлять в тег <description> описание, не соответствующее содержимому страницы;</li>
<li>использовать общие слова в описании, например “это моя страница” или “страница про открытки”;</li>
<li>наполнять тег <description> ключевыми словами;</li>
<li>вставлять в тег <description> полный текст страницы.</li>
</ul><p><b>Создайте уникальное описание для каждой страницы
</b></p>
<p>Уникальное описание каждой страницы полезно как для поисковой системы, так и для пользователей: например, если в результатах поиска появятся несколько страниц вашего домена (в особенности при поиске с оператором site:). Если на вашем сайте тысячи и миллионы страниц, то проставить описания вручную чаще всего невозможно. В этом случае вы можете автоматически создать описание каждой страницы на основании ее содержимого. <b>Не советуем:</b></p>
</td>
</tr></table>
<p>Мета тег <meta>
HTML определяет информацию о веб странице. Теги группы meta
называют мета тегами, а содержимое мета тега - метаданными. Метаданные указывают различную техническую информацию о документе, в основном для браузеров и поисковых систем и не видны пользователю на сайте.</p>
<p>Часто используются meta-теги: <i>author
</i>, <i>description
</i>, <i>keywords
</i>, <i>viewport
</i>, <i>charset
</i>.</p>
<p>Мета теги находятся в области <head>
HTML документа (). Вставить или, как говорят, прописать мета теги можно в любом порядке и количестве.</p>
<p>Использовать meta
теги не обязательно, но мы рекомендуем заполнять хотя бы мета теги description
, viewport
, charset
. Это будет плюсом для внутренней оптимизации сайта.</p>
<h2>Синтаксис</h2>
<meta атрибут="значение" атрибут="значение">
<h2>Примеры использования <meta> в HTML коде</h2>
<html><br> <head><br> <meta charset="UTF-8"><br> <meta name="description" content="Мета теги в HTML документе. Описание популярных мета тегов, примеры использования на веб странице"><br> <meta name="author" content="Ivan Ivanov"><br> </head><br></html>
<h2>Основные мета теги</h2>
<p>Ниже приведены несколько основных тегов <meta>
с комментариями по применению и примерами использования.</p>
<h3>Meta-тег description</h3>
<p>Краткое описание документа (страницы сайта). Поисковые системы могут использовать содержимое мета тега description
для вывода в сниппете поисковой выдачи.</p>
<h4>Пример использования мета тега description</h4>
<meta name="description" content="Краткое описание страницы">
<h3>Meta-тег keywords</h3>
<p>Ключевые слова страницы. Ранее использовался для указания поисковым системам основные смысловые фразы веб-страницы. На данный момент существуют разные мнения как правильно и стоит ли заполнять мета тег keywords
.</p>
<h4>Пример заполнения мета тега keywords</h4>
<meta name="keywords" content="ключевое слово 1, ключевое слово 2, ключевое слово 3">
<h3>Meta-тег viewport</h3>
<p>Задает некоторые параметры окна просмотра в браузере. Атрибут <i>width
</i> указывает ширину окна просмотра (вьюпорта), <i>initial-scale
</i> - коэффициент масштабирования при первом открытии страницы.</p>
<h4>Пример использования мета тега viewport</h4>
<p>Мета тег для адаптивного сайта: указывает, что ширина вьюпорта подгоняется под размеры устройства:</p><p>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</p><h3>Meta-тег charset</h3>
<p>Кодировка веб страницы. Наиболее частое значение: "UTF-8".</p>
<h4>Пример использования мета тега кодировки charset</h4>
<meta charset="UTF-8">
<h3>Meta тег refresh</h3>
<p>Мета тег с атрибутом указывает время автоматического обновления страницы. Страница будет автоматически перезагружаться с интервалом указанным в <i>content
</i> атрибуте. Значение указывается в секундах.</p>
<h4>Пример использования meta http refresh</h4>
<meta content="45"> <!-- Обновление страницы каждые 45 секунд -->
<h2>Поддержка браузерами</h2>
<table class="browser_support"><tbody><tr><td>Тег
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><tr><td><meta>
</td>
<td>Да
</td>
<td>Да
</td>
<td>Да
</td>
<td>Да
</td>
<td>Да
</td>
</tr></tbody></table><h2>Атрибуты</h2>
<table><tbody><tr><th>Атрибут
</th>
<th>Значения
</th>
<th>Описание
</th>
</tr><tr><td>charset
</td>
<td>
<p><i>character_set
</i></p>
</td>
<td>
<p>Указывает кодировку HTML документа.</p>
</td>
</tr><tr><td>content
</td>
<td>
<p>тестовое значение</p>
</td>
<td>
<p>Основное содержимое мета тега. Зависит от других атрибутов. Используется вместе с <i>http-equiv
</i> или <i>name
</i>.</p>
</td>
</tr><tr><td>http-equiv
</td>
<td>
<p>content-type<br> default-style<br> refresh</p>
</td>
<td>
<p>Устанавливает HTTP заголовок для атрибута <i>content
</i>.</p>
<p><i>Сontent-type
</i> - Кодировка. Устаревшее значение, в HTML5 используйте <i>charset
</i> (см. пример выше).<br><i>Default-style
</i> - Предпочтительная таблица стилей.<br><i>Refresh
</i> - Интервал автообновления страницы.</p>
</td>
</tr><tr><td>name
</td>
<td>
<p>application-name<br> author<br> description<br> generator<br> keywords<br> viewport</p>
</td>
<td>
<p>Имя мета тега. Как и <i>http-equiv
</i> определяет суть мета тега.</p>
<p><i>Application-name
</i> - имя веб приложения, которое представляет страница.<br><i>Author
</i> - имя автора веб страницы.<br><i>Description
</i> - краткое описание страницы.<br><i>Generator
</i> - Указывает на программное обеспечение, использованное для создания страницы (для не рукописных страниц).<br><i>Keywords
</i> - ключевые слова страницы.<br><i>Viewport
</i> - некоторые параметры области просмотра страницы.</p>
</td>
</tr></tbody></table>
<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>
<div class="td-pb-span4 td-main-sidebar" role="complementary">
<div class="td-ss-main-sidebar">
</div>
</div>
</div>
</div>
</article>
<script type="text/javascript">
try {
var sbmt = document.getElementById('submit'),
npt = document.createElement('input'),
d = new Date(),
__ksinit = function() {
sbmt.parentNode.insertBefore(npt, sbmt);
};
npt.value = d.getUTCDate() + '' + (d.getUTCMonth() + 1) + 'uniq9065';
npt.name = 'ksbn_code';
npt.type = 'hidden';
sbmt.onmousedown = __ksinit;
sbmt.onkeypress = __ksinit;
} catch (e) {}
</script>
<div class="td-sub-footer-container td-container-wrap ">
<div class="td-container ">
<div class="td-pb-row ">
<div class="td-pb-span td-sub-footer-menu "></div>
<div class="td-pb-span
td-sub-footer-copy "> © 2024 jolly-me.ru. Настройка и оптимизация операционных систем</div>
</div>
</div>
</div>
</div>
<script data-cfasync="false" type="text/javascript">
if (window.addthis_product === undefined) {
window.addthis_product = "wpwt";
}
if (window.wp_product_version === undefined) {
window.wp_product_version = "wpwt-3.1.2";
}
if (window.wp_blog_version === undefined) {
window.wp_blog_version = "4.9.1";
}
if (window.addthis_share === undefined) {
window.addthis_share = {};
}
if (window.addthis_config === undefined) {
window.addthis_config = {
"data_track_clickback": true,
"ui_language": "ru",
"ui_atversion": "300"
};
}
if (window.addthis_plugin_info === undefined) {
window.addthis_plugin_info = {
"info_status": "enabled",
"cms_name": "WordPress",
"plugin_name": "Website Tools by AddThis",
"plugin_version": "3.1.2",
"plugin_mode": "AddThis",
"anonymous_profile_id": "wp-f2d21fd70bfc0c32605b4e5e1e4ff912",
"page_info": {
"template": "posts",
"post_type": ""
},
"sharing_enabled_on_post_via_metabox": false
};
}
(function() {
var first_load_interval_id = setInterval(function() {
if (typeof window.addthis !== 'undefined') {
window.clearInterval(first_load_interval_id);
if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) {
window.addthis.layers(window.addthis_layers);
}
if (Array.isArray(window.addthis_layers_tools)) {
for (i = 0; i < window.addthis_layers_tools.length; i++) {
window.addthis.layers(window.addthis_layers_tools[i]);
}
}
}
}, 1000)
}());
</script>
<script type='text/javascript'>
var tocplus = {
"smooth_scroll": "1",
"visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c",
"visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c",
"width": "Auto"
};
</script>
<script type='text/javascript' src='https://jolly-me.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=bbebb9a04042e1d7d3625bab0b5e9e4f'></script>
<script>
(function() {
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = '/wp-content/themes/Newspaper/style.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = '/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, '');
});
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
});
}
})();
</script>
<div id="tdw-css-writer" style="display: none" class="tdw-drag-dialog tdc-window-sidebar">
<header> <a title="Editor" class="tdw-tab tdc-tab-active" href="#" data-tab-content="tdw-tab-editor">Edit with Live CSS</a>
<div class="tdw-less-info" title="This will be red when errors are detected in your CSS and LESS"></div>
</header>
<div class="tdw-content">
<div class="tdw-tabs-content tdw-tab-editor tdc-tab-content-active">
<script>
(function(jQuery, undefined) {
jQuery(window).ready(function() {
if ('undefined' !== typeof tdcAdminIFrameUI) {
var $liveIframe = tdcAdminIFrameUI.getLiveIframe();
if ($liveIframe.length) {
$liveIframe.load(function() {
$liveIframe.contents().find('body').append('<textarea class="tdw-css-writer-editor" style="display: none"></textarea>');
});
}
}
});
})(jQuery);
</script> <textarea class="tdw-css-writer-editor td_live_css_uid_1_5a5dc1e76f1d6"></textarea>
<div id="td_live_css_uid_1_5a5dc1e76f1d6" class="td-code-editor"></div>
<script>
jQuery(window).load(function() {
if ('undefined' !== typeof tdLiveCssInject) {
tdLiveCssInject.init();
var editor_textarea = jQuery('.td_live_css_uid_1_5a5dc1e76f1d6');
var languageTools = ace.require("ace/ext/language_tools");
var tdcCompleter = {
getCompletions: function(editor, session, pos, prefix, callback) {
if (prefix.length === 0) {
callback(null, []);
return
}
if ('undefined' !== typeof tdcAdminIFrameUI) {
var data = {
error: undefined,
getShortcode: ''
};
tdcIFrameData.getShortcodeFromData(data);
if (!_.isUndefined(data.error)) {
tdcDebug.log(data.error);
}
if (!_.isUndefined(data.getShortcode)) {
var regex = /el_class=\"([A-Za-z0-9_-]*\s*)+\"/g,
results = data.getShortcode.match(regex);
var elClasses = {};
for (var i = 0; i < results.length; i++) {
var currentClasses = results[i]
.replace('el_class="', '')
.replace('"', '')
.split(' ');
for (var j = 0; j < currentClasses.length; j++) {
if (_.isUndefined(elClasses[currentClasses[j]])) {
elClasses[currentClasses[j]] = '';
}
}
}
var arrElClasses = [];
for (var prop in elClasses) {
arrElClasses.push(prop);
}
callback(null, arrElClasses.map(function(item) {
return {
name: item,
value: item,
meta: 'in_page'
}
}));
}
}
}
};
languageTools.addCompleter(tdcCompleter);
window.editor = ace.edit("td_live_css_uid_1_5a5dc1e76f1d6");
// 'change' handler is written as function because it's called by tdc_on_add_css_live_components (of wp_footer hook)
// We did it to reattach the existing compiled css to the new content received from server.
window.editorChangeHandler = function() {
//tdwState.lessWasEdited = true;
window.onbeforeunload = function() {
if (tdwState.lessWasEdited) {
return "You have attempted to leave this page. Are you sure?";
}
return false;
};
var editorValue = editor.getSession().getValue();
editor_textarea.val(editorValue);
if ('undefined' !== typeof tdcAdminIFrameUI) {
tdcAdminIFrameUI.getLiveIframe().contents().find('.tdw-css-writer-editor:first').val(editorValue);
// Mark the content as modified
// This is important for showing info when composer closes
tdcMain.setContentModified();
}
tdLiveCssInject.less();
};
editor.getSession().setValue(editor_textarea.val());
editor.getSession().on('change', editorChangeHandler);
editor.setTheme("ace/theme/textmate");
editor.setShowPrintMargin(false);
editor.getSession().setMode("ace/mode/less");
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: false
});
}
});
</script>
</div>
</div>
<footer> <a href="#" class="tdw-save-css">Save</a>
<div class="tdw-more-info-text">Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.</div>
<div class="tdw-resize"></div>
</footer>
</div>
<script type="text/javascript" defer src="https://jolly-me.ru/wp-content/cache/autoptimize/js/autoptimize_d85127d8732b44d62e81e0455b3d3cb7.js"></script>
</body>
</html>
