Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Для чего нужен keywords

Лет 15 назад кейвордс был одним из определяющих факторов для выхода вашего сайта в ТОП. Было достаточно написать адекватный текст, добавить в него ключевые слова и заполнить все мета-теги. Title и description мы уже разбирали в других статьях, а значит тут мы их трогать не станем.

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

И любовались на то, как сайт наращивает позиции. Но это было давно.

Почему не работает keywords

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

Но, чего и стоило ожидать, пользователи на сайте не задерживались и оставались недовольны результатами поисковой системы в целом, подрывая её репутацию. Тогда кейвордс стал настоящей головной болью, после чего и было принято решение понизить его актуальность, а в последствии и вовсе свести к «ну может посмотрим, а может не посмотрим» со слов Мэтта Каттса, руководителя по борьбе со спамом Google, 2009 год.

Тоже самое говорит и Яндекс в своей справке «в помощь веб-мастеру»:

И в видео Дениса Нагорного (смотреть с 22 минуты):

В итоге, все сеошники пришли к выводу, что keywords не поможет вам продвинуть сайт.

Санкции за keywords

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

Как правильно заполнять keywords

Если все же решились заполнять, необходимо кое-что знать. Чтобы не быть наказанным за использование кейвордс нужно быть с ним аккуратным, как и в случае с тайтлом и дескрипшеном. Придерживайтесь стандартных правил и поисковая пессимизация обойдёт вас стороной:

  1. Исключите переспам. Использование десятков ключевиков может негативно сказаться на продвижении вашего сайта. 2-3 ключевых слова будет достаточно.
  2. Уникальность. Кейвордс должен быть уникальным для каждой страницы, аналогично другим мета-тегам.
  3. Знаки препинания. Разделяйте ключевые запросы запятыми. Не пишите их сплошным текстом.
  4. Ключи должны иметь отношение к странице и быть использованными в тексте.
  5. Не используйте keywords на страницах со служебной информацией. Вроде контактов или обратной связи.

Как использовать keywords сегодня

Все вписанные ключевики в поле кейвордс считаются обычным текстовым ключом.

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

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

Мета-тег keywords: вывод

Мета-теги являются достаточно важным фактором при ранжировании сайта. Единственное исключение на сегодняшний день – keywords, мета-тег созданный в 1995 году для перечисления ключевых слов, на который не реагируют популярные поисковые системы вроде Google и Яндекс. В ситуации, когда вы ограничены по времени, лучше отдайте предпочтение title’у и description’у. Если вы всё же решите добавлять ключевые слова, нужно знать, как правильно заполнять keywords и следовать правилам. В противном случае, вы скорее навредите своему сайту, нежели поможете.

Влад Мержевич

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

Метатеги для поисковых механизмов

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

Два метатега предназначены специально для поисковых серверов: 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. Получается двойное изменение символов, прочитать такой текст не просто. К счастью, подобная проблема уже отходит в прошлое, во всяком случае, ее легко можно выявить и нейтрализовать на уровне сервера.

Безусловно, о значении метатегов знает каждый, кто имеет хоть какое-то представление о поисковом продвижении. Все в курсе о важности тегов title, description, h1-h6, alt и других. Никто не отрицает, что они влияют на оптимизацию сайта. Но к одному из тегов поисковые системы относятся неоднозначно - к тегу keywords.

В последние годы в Сети развернулась жаркая дискуссия, которая не утихает по сей день: стоит ли вообще использовать метатег keywords? К сожалению, точного ответа до сих пор никто дать не может. Рассмотрим различные точки зрения и попробуем разобраться в данном вопросе.

Что такое keywords?

Keywords - это ключевые слова (не более 20 для одной страницы сайта), соответствующие содержимому страницы.

В коде страницы этот метатег выглядит вот так:





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

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

Что же происходит сейчас?

Как говорится, из крайности в крайность: в итоге поисковики перестали придавать данному тегу вообще какое-либо значение.

Яндекс

Представители Яндекса заявили о keywords следующее: «… может учитываться при определении соответствия страницы поисковым запросам» .

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

Google

Система не оставляет никаких сомнений и не дает почвы для размышлений. Тут все лаконично и ясно: «We don’t use keywords meta-tag in a search-ranking», «Google has ignored the keywords meta tag for years and currently we see no need to change that policy» .

«Мы не используем метатег keywords в поисковом ранжировании», «Google игнорирует метатег keywords в течение многих лет, и в настоящее время нет необходимости менять эту политику» .

Rambler, Yahoo, Mail.ru

Разделяют мнение Гугла и считают, что метатег keywords исчерпал себя. Поэтому совсем не учитывается данными поисковиками.

Но почему многие по-прежнему используют keywords?

Скорее всего, это связано с неоднозначной формулировкой Яндекса о теге. Логика владельцев сайтов такая: если есть надежда, что все-таки Яндекс учтет тег, а Google, Rambler, Yahoo иMail.ru относятся к метатегу нейтрально, то от его заполнения хуже не станет.

А если станет?

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

Точка зрения 1PS

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

Лучше продвигать сайт за счет правильного контента, тегов , <H>, <alt>и иных способов технической оптимизации . Кстати, большая часть этих приемов учтена в услуге Поисковое Продвижение .</p> <p>P.S. Удачи вам в продвижении своего ресурса.</p> <p>Давайте согласимся иметь разногласия. <br><span>Роберт Льюис Стивенсон. </p> <p>Э то урок, в котором мы поговорим о том, что такое <b>мета-теги </b>, для чего и как они используются при и как их правильно заполнить.</p> <p>К ак я уже говорил в , <i>мета-теги </i> располагаются в заголовке html-страницы, между тегами и, и никак не отображаются браузером (за исключением содержимого тега «title»). Тем не менее, мета-теги для сайта играют очень важную роль. Их добавление и оптимизация могут существенно помочь сайту в его жизни.</p> <p>Р екомендую использовать только те метатеги, которые <b>реально </b> нужны для работы сайта. Не загромождай область «head» лишними инструкциями, т.к. любая ошибка здесь может привести к печальным последствиям. Если знать, что делаешь, то мета-теги будут только на пользу, если же сваливать сюда всё подряд, то можно получить трудно диагностируемые проблемы.</p> <br clear="all"><blockquote> <i> </i>ервый <b>мета-тег </b> очень важен. Причём этот мета-тег одинаково важен и для поисковых систем, и для посетителей. Первые в ранжировании результатов поиска придают большое значение ключевым словам, которые содержатся в теге «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-страницы и будут для нее ключевыми. Это могут быть как отдельные слова, так и словосочетания, но они <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» образуют пару очень важных мета-тегов, от которых зависит то, перейдёт пользователь из поисковой выдачи на сайт или нет! Поэтому его, как и «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> Кодировок существует много. Большинство из них тебе даже никогда не встретится. Не говоря уже про то, что ты будешь их использовать сам. Современные браузеры определяют тип кодировки атоматически, но для большей уверенности можно указать его и самостоятельно. Если ты создаёшь html-документ в операционной системе 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> - время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую 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-серверу правильно отобразить страницы сайта, а поисковой системе их найти.</p> <p>Н а этом раздел моего сайта окончательно закончен и дальше речь пойдёт о том, с чего начать раскрутку и продвижение своего сайта в Интернете. Там же парочка моих советов из личного опыта по оптимизации страниц сайта. Жми на «Дальше».</p> </blockquote> </span> <p>Этот материал я подготовил для новичков в SEO, а также на владельцев сайтов, которые не знают как правильно заполнить метатеги. Рассмотрим, что сейчас актуально, а что уже не используется поисковой системой при ранжировании сайта.</p> <h2>Начнём с определения что такое метатеги?</h2> <p><b>Метатеги (англ. meta tags) </b> - это (X)HTML-теги, предназначенные для предоставления структурированных метаданных о веб-странице. Как правило, указываются в заголовке тега <head> (X)HTML-документа. Метатеги не отображаются на странице и не имеют видимого контента. В них располагается дополнительная информация для поисковых роботов, различного ПО.</p> <p>В SEO, когда слышим что-то вроде “Нужно прописать метатеги на странице”, в голове сразу же всплывают метатеги Description и Keywords, ну и, само собой, Title. Какое же SEO без этого тега? Начну сразу с них.</p> <h2>Тег Title</h2> <p>Его ещё называют метатег Title, хотя, с технической точки зрения, — это не так. Очень важный тег, влияет на ранжирование, является заголовком страницы и часто используется поисковыми роботами при формировании заголовка сниппета. Поэтому, помимо того, что в Title нужно добавлять основные ключевые слова, важно следить за его привлекательностью. Он должен стимулировать пользователей к переходу на сайт.</p> <p>Title должен:</p> <ol><li>Отображать суть страницы.</li> <li>Ближе к началу содержать прямое вхождение наиболее конкурентного запроса.</li> <li>Быть читабельным предложением с вхождение ключевых слов.</li> <li>Отличаться от заголовка страницы <H1>.</li> <li>Не содержать спама.</li> <li>Быть уникальным для каждой страницы.</li> <li>Примерной длины — около 70 — 130 символов.</li> </ol><p>Для посадочных страниц, категорий, разделов рекомендую заполнять Description вручную.</p> <p>Автоматически заполнять Description можно, например, для карточек товара. Для этого используйте шаблоны вида:</p> <p>Description: В нашем интернет-магазине + “название магазина” + доступные цены от + “цена” + на + “название карточки товара” + с доставкой по + “город”.</p> <p>Description: “Название карточки товара” + по доступной цене + “цена” + от интернет-магазина + “название магазина” + с доставкой по + “город”.</p> <p>Как делать нельзя:</p> <ol><li>Не делайте слишком короткие Description — в Google Search Console, в разделе Оптимизация HTML видно короткие метаописания.</li> <li>Там же отслеживайте и исправляйте дубли Description (они должны быть уникальны).</li> </ol><ol><li>Не пишите несогласованные фразы — метатег должен быть читабельным.Не используйте перечисления.</li> </ol><h2>Метатег Keywords</h2> <p>Этот мета-тег не влияет на ранжирование, но, поскольку Яндекс пишет , что meta keywords может учитываться — рекомендую заполнять его, добавляя 3–5 релевантных контенту фраз, разделённых между собой запятыми.</p> <p><b>Метатег expires </b> — также используется для управления кэшированием. В мета-тег устанавливается дата. Когда она проходит, браузер должен использовать повторный сетевой запрос, а не имеющийся кэш страницы. Дата указывается в формате RFC850.</p> <p>Пример использования:</p><p><b>Метатег content-language </b>— указывает язык документа.</p> <p>Пример использования:</p><p> <meta http-equiv="content-language" content="ru" /> </p><p>В HTML5 указание языка упрощено:</p><p> <html lang="ru"> </p><p>Постарался перечислить, как мне показалось, самые интересные метатеги. Если вас интересуют другие meta, рекомендую ознакомиться с материалами: Метатеги, которые поддерживаются в Google и Использование HTML-элементов Яндекс .</p> <h2>Подведём итоги</h2> <p>Метатегов достаточно много, но, как оптимизатору, чаще всего приходится использовать в SEO тег Title, meta description, meta keywords. Если вы начинающий сеошник или владелец сайта, рекомендую также ознакомиться с вебинаром “Правила формирования Title и Description” нашего SEO-TeamLead Евгения Аралова:</p> <p><span class="GVsLHrLhhNA"></span></p> <span><i> </i> Подписаться на рассылку </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> </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 bar812.ru. Просто о сложном. Программы. Железо. Интернет. Windows</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://bar812.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://bar812.ru/wp-content/cache/autoptimize/js/autoptimize_d85127d8732b44d62e81e0455b3d3cb7.js"></script> </body> </html>