• ×

    • Секреты поисковой оптимизации новостных проектов. BuzzBlog – чистая тема для личного блога для быстрой загрузки. AppTheme – оптимизированные шаблоны WordPress

    07.05.2019

    Давайте наверное уже начнем оптимизировать Поехали!

    Пример излишней нагрузки на сервер.

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

    Заголовок и URL главной страницы сайта, если Вы помните, задается в настройках WordPress: адимнка -> Параметры -> Общие. Все настройки, имеющиеся во вкладке «Параметры», заносятся в базу данных, а точнее, в таблицу wp-options , откуда в последствии они запрашиваются различными функциями и выводятся на экран.

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

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

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

    /">

    Отлично, заголовок должен быть ссылкой, поэтому в коде присутствие конструкция анкор . Но вот что это вместо ссылки прописано? Да и анкор какой-то странный. А ведь это и есть наглядный пример излишней нагрузки на сервер.

    С анкором мы разберемся немного позже, а сейчас давайте познакомимся с функцией get_option() .

    Функция get_option() и нагрузка на сервер

    Итак, мы вписали название и URL главной страницы сайта в настройки WordPress и они отправилось на хранение в БД, в таблицу wp-options .

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

    Принцип работы вышеупомянутой функции заключается в обращении к базе данных, а точнее к таблице wp-options и в получении от туда определенных данных, исходя из заданных параметров. После чего, команда echo выводит полученные данные на экран.

    Немного сложновато, ну нечего, сейчас я все разъясню. В скобках указывается параметр, в нашем случаи get_option(‘home’) , который сообщает функции, какой тип данных ей надо получить.

    Параметр home дает команду функции запросить из БД URL главной страницы. Стоп! Значит URL главной страницы тоже хранится в базе данных? Верно. И при открытии страницы функция его запрашивает, т.е, происходит обращение к данным, которые хранятся на сервере.

    А теперь представьте, что на Ваш ресурс зашли 100 посетителей и начали «шалить», открывая все новые и новые страницы.

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

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

    Вернемся к функции get_option() . Для получения из БД тех или иных данных, функция может принимать следующие параметры:

    get_option("home") — URL главной страницы
    get_option("admin_email") — E-mail администратора сайта;
    get_option("blogname") — Название сайта;
    get_option("blogdescription") — Краткое описание сайта;
    get_option("blog_charset") — Кодировка сайта;
    get_option("date_format") — Формат даты;
    get_option("default_category") — Категория по умолчанию;
    get_option("siteurl") — Адрес WordPress (см. Параметры -> Общие);
    get_option("start_of_week") — Первый день недели;
    get_option("upload_path") — Каталог загрузки по умолчанию (устаревшая);
    get_option("posts_per_page") — максимальное число постов на странице;
    get_option("posts_per_rss") — Максимальное число постов в RSS-ленте;

    Большинство перечисленных типов данных указываются в настройках WordPress, во вкладке «Параметры». Исключением являются: «Кодировка сайта» — указывается непосредственно в БД и «Каталог загрузки по умолчанию «- опция была убрана из настроек с версии 3.5.

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

    Как и чем заменить функцию get_option() я расскажу немного позже, а пока давайте выясним, что за bloginfo() прописана в коде вместо анкора.

    Функция bloginfo() и нагрузка на сервер

    Вернемся к тому моменту, когда пользователь открыл страницу. Мы выяснили, что URL адрес главной страницы был взят из базы данных, средствами функции get_option(‘home’) .

    Ну хорошо, а сам заголовок откуда взялся? Заголовок также хранится в базе данных, но в нашем случаи он был получен и выведен на экран другой функцией — bloginfo() .

    На заметку! bloginfo() — это тег шаблона, который активирует функцию get_bloginfo() . Может использоваться в любом месте шаблона.

    Функция bloginfo() может принимать следующие параметры:

    bloginfo("url") — Выводит URL сайта;
    bloginfo("name") — Выводит название сайта;
    bloginfo("description") — Выводит описание сайта;
    bloginfo("template_url") — путь до директории текущей темы;
    bloginfo("template_directory") — тоже самое, что и "template_url";
    bloginfo("stylesheet_url") — путь до файла стилей текущей темы;
    bloginfo("stylesheet_directory") — тоже самое, что и "stylesheet_url";
    bloginfo("charset") — Выводит кодировку сайта;
    bloginfo("admin_email") — Выводит e-mail адрес администратора;
    bloginfo("version") — Выводит версию WordPress;
    bloginfo("html_type") — Выводит данные из html_type таблицы wp-options;
    bloginfo("pingback_url") — путь до файла xmlrpc.php;
    bloginfo("rss2_url") — Выводит URL фида RSS 2.0 (домен/feed);
    bloginfo("comments_rss2_url") — Выводит URL фида комментариев (домен/comments/feed);
    bloginfo("rdf_url") — Выводит URL фида RDF-RSS 1.0 (домен/feed/rfd);
    bloginfo("rss_url") — Выводит URL фида RSS 0.92 (домен/feed/rss);
    bloginfo("atom_url") — Выводит URL фида Atom (домен/feed/atom);

    Функция bloginfo() немного отличается от функции get_option() , но работает по схожему принципу, т.е, запрашивает из БД те или иные данные и выводит их на экран.

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

    Я предпринял целый комплекс мер, после которых мой блог ускорился в два с лишнем раза.



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

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

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

    Технология сокращения запросов к БД

    Напомню, как выглядит код заголовка в моем файле header.php:

    /">

    А теперь, самое интересно. Если заглянуть в исходный код, то код заголовка там примет совершенно другой вид:


    Вот такой код заголовка и должен быть прописан в файле header.php. Тогда сервер избавиться от двух совершенно лишних обращений, умноженных на количество открытых страниц.

    Но тогда зачем в файлах шаблона прописываются вышеупомянутые функции?

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

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

    Поэтому, начиная с файл header.php ищем участки кода, с вышеупомянутыми функциями, затем смотрим, как они выглядят в исходном коде и заменяем.

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

    ; charset=" />

    Смотрим исходный код:

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

    Код подключения файла style.css:

    " type="text/css" media="screen" />

    Путь до таблицы стилей выведен с помощью функции bloginfo(‘stylesheet_url’) . Смотрим исходный код:

    /images/fav.ico" type="image/x-icon" />

    Итак, для начала мне бы хотелось познакомить Вас с этапами оптимизации новостных ресурсов, которые подробно описаны далее в этой статье:

    1. Оптимизация контента
    2. Оптимизация под Google News

    Оптимизация шаблона сайта и URL -шаблона

    Это может показаться банальным, но, как показывает опыт, именно банальным вещам обычно не уделяется достойного внимания. Уделять внимание оптимизации шаблона новостного проекта или нет – решать Вам.

    Скажу одно – оптимизировав шаблон сайта одного новостного издания, мы добились увеличения трафика с поисковых систем на 40% за 6 недель (!).

    А теперь подробнее о том, на что необходимо обратить внимание:

    • Убедитесь, что название статьи является и заголовком страницы (). Помимо этого в заголовке страницы должно присутствовать название категории и новостного сайта. По своему опыту скажу, что лучше всего работает следующий шаблон заголовка страниц: <i><заголовок статьи> — <название категории, к которой отнесена статья> — <название новостного сайта> </i></li> <li>Освободите код страниц от лишних кодов скриптов и css-стилей, вынеся их во внешние файлы. Таким образом, эти файлы закешируются браузерами посетителей и не будут из раза в раз скачиваться, нещадно увеличивая время загрузки страниц.</li> <li>По-максимуму избавьте сайт от ненужного и не имеющего отношения к делу контента, а также пометьте все ссылки в этом ненужном контенте с помощью nofollow.</li> <li>Убедитесь, что название статьи находится внутри тега h1, а все подзаголовки статьи внутри тегов h2 и h3!</li> <li>Позаботьтесь о том, чтобы информативный контент располагался в коде максимально близко к началу, а все остальное уже под ним.</li> </ul><p><b>Теперь рассмотрим основные моменты, касаемо URL -шаблона: </b></p> <ul><li>URL должен содержать основные ключевые слова, например, название статьи и категории. Это помогает!</li> <li><b>Важно! </b> Если Вы хотите, чтобы Ваши статьи имели шанс попасть в Google News, необходимо, чтобы в их URL ’ах была комбинация, как минимум, из <a target="_blank" href="http://www.google.com/support/news_pub/bin/answer.py?answer=68323&topic=11665">3 уникальных цифр</a> . Глупо, но что поделаешь…</li> </ul><h3>Оптимизация контента</h3> <p>Первое, о чем перестаешь беспокоиться, работая с крупным новостным ресурсом, это ключевые слова. Занимаясь же любым другим проектом, мне бы пришлось сперва озадачиться черновой работой – подбором ключевых фраз.</p> <p>Единственное, чем Вам придется озадачиться, так это приданием навигации надлежащего вида, т.е. Вам придется хорошенько подумать над озаглавливанием категорий.</p> <p>Для достижения еще более лучшего результата, Вам стоит поговорить с копирайтерами новостного сайта и попросить их писать статьи с использованием подходящих ключевых слов и фраз.</p> <p>Обычно новостные ресурсы обладают большим авторитетом по сравнению с другими сайтами, поэтому, если Вы будете писать уникальные оптимизированные под ключевые фразы статьи, то Ваш сайт всегда будет в лидерах, а Ваши статьи будут выше в результатах поисковой выдачи статей конкурентов!</p> <h3>Грамотная организация внутрисайтовой ссылочной структуры (внутрисайтовая перелинковка)</h3> <p>У крупных новостных сайтов существует одна острая проблема – проблема грамотной организации очень объемных новостных архивов. Обычно такие архивы непосещаемы, а статьи, находящиеся в них, в лучшем случае приносят пару посетителей за длительный промежуток времени.</p> <p><b>Я предлагаю решить эту проблему раз и навсегда, начав использовать: </b></p> <ul><li><b>Теги </b>. Присваивайте каждой статье 3-5 тегов, четко отражающих ее содержимое. Облако тегов очень удобно и пользователи их обожают! О том, как лучше оформить облако тегов, можете прочитать в статье: «Все, что Вам необходимо знать об облаке тегов: досье и примеры ».</li> <li><b>Разъясняющие ссылки </b>. Это такие ссылки, которые ставятся в статье на информационные материалы, поясняющие конкретный и потенциально непонятный момент в статье. Например, как я сделал в предыдущем пункте «Теги» — я поставил ссылку на статью, подробно рассказывающую об облаке тегов, о его предназначении, оформлении и т.д. Такие ссылки обожаемы и ценимы пользователями.</li> <li><b>Рубрикация контента </b>. Рубрикация контента используется новостными ресурсами уже довольно-таки давно. Частенько, категории очень общие, но встречаются и более конкретизирующие экземпляры с 3-4 уровневым вложением.</li> </ul> <h3>Избавление от неуникального контента</h3> <p>Отличными примерами, наглядно показывающими, где на сайтах проживает неуникальный контент, являются rss-ленты и размещение одной статьи в нескольких категориях. Не допускайте этого ни в коем случае.</p> <p>Помимо этого закройте от индексации страницу результатов поиска по сайту, а также страницы, получающиеся в результате сортировки контента по какому-либо параметру.</p> <h3>Разбиение статей (новостей) на страницы – зло</h3> <p>Да, я прекрасно понимаю, что благодаря этому новостные сайты получают в разы больше просмотров страниц, что сказывается на прибыли с рекламы. Но подавляющее большинство публикуемых новостей и статей итак слишком компактны, чтобы быть еще и разбитыми на несколько страниц.</p> <p>Это очень раздражает читателей, поверьте…</p> <p>Если же статья действительно объемная, то лучше разбейте ее на несколько логических частей, каждой из которых присвойте свой подзаголовок и оптимизируйте под соответствующие ключевые фразы.</p> <h3>О принудительной регистрации</h3> <p>Несмотря на то, что таких новостных сайтов единицы, сам факт их существования подтолкнул меня на добавление этого пункта в данную статью.</p> <p>Никогда не требуйте от своих читателей обязательной регистрации и авторизации для получения возможности читать Ваш контент.</p> <h3>Оптимизация под Google News</h3> <p>Между новостными сайтами и обычными есть небольшая разница в плане SEO – если время индексации контента на обычных сайтах мы обычно измеряем в днях, то для новостных ресурсов это время измеряется в минутах.</p> <p>Очень важно оказаться первым с новостью, чтобы получить максимум посетителей. Что бы ни говорили, а Google News приносит огромное количество посетителей, если новость действительно интересная или на горячую тему.</p> <h3>Google News & изображения</h3> <p>После одного из обновлений Google’a, он стал отображать новость, соответствующую запросу пользователя над результатами поиска.</p> <p><b>Выглядит это так: </b></p> <p>А теперь скажите мне, на какую область придется подавляющее большинство кликов… По статистике это изображение новости. Поэтому в Ваших интересах подбирать или создавать для новостей максимально привлекательные и цепляющие внимание изображения.</p> <h3>Заключение</h3> <p>Сегодня будем рассматривать <b>оптимизацию блога на WordPress. </b> Сюда входит настройка ЧПУ, работа с некоторыми плагинами для оптимизации страниц на блоге и файлами.</p> <p><i><b>Настройка ЧПУ </b> </i></p> <p>Изначально url-адреса CMS WordPress имеют весьма непонятное для нас содержимое.<br><img src='https://i0.wp.com/wmcorporation.ru/wp-content/uploads/2013/11/117073346.png' height="61" width="288" loading=lazy><br> Как видим, из данного адреса невозможно понять, что находится на странице. Так вот, такие адреса следует заменить на ЧПУ (человекоподобные урлы), не только чтобы создать ясную картину посетителям о содержимом на странице, но и чтобы понравится дяде Яндексу. Именно по рекомендациям поисковика многие вебмастеры и прибегают к установке ЧПУ.</p> <p>Переходим в административную панель своего блога, затем «Параметры» — «Постоянные ссылки». Ставим отметку напротив «Произвольно» и вставляем данный код, который создаст человекоподобные адреса на блоге — <b>/%postname%.html </b>:<br><br><img src='https://i2.wp.com/wmcorporation.ru/wp-content/uploads/2013/11/117073347.png' width="100%" loading=lazy><br> После этого, мы можем наблюдать на блоге человеческие url-адреса, которые и смотрятся красивее и которые помимо всего содержат ключевое слово (title записи), что немаловажно:<br><img src='https://i1.wp.com/wmcorporation.ru/wp-content/uploads/2013/11/117073348.png' height="65" width="369" loading=lazy></p> <h2>Дубли страниц</h2> <p>Самая первая проблема, возникающая при работе с CMS WordPress, это копии страниц, которые создает движок. Дублирование контента очень негативно сказывается на ранжировании сайта, потому как дубли сами по себе делают уникальные статьи не уникальными. Вдаваться в подробности я не буду, а только покажу, как не заболеть дублями.</p> <p>Избавится от дублей на WordPress нам поможет файл <b>robots.txt </b> — файл, который выступает средством общения между владельцем сайта и поисковой машиной. В robots.txt вы можете запретить от индексации любые файлы своего блога, теги и страницы. Именно при помощи роботса можно ограничить дубли страниц на WordPress от индексации (что нам и необходимо).</p> <p>Нормальный файл роботс выглядит следующим образом (указываю основные моменты, которые мы закрыли от индекса, в т.ч. и дубли):</p> <p><img src='https://i2.wp.com/wmcorporation.ru/wp-content/uploads/2013/11/117073349.png' width="100%" loading=lazy></p> <p>Как вы можете видеть, мы закрываем необходимые нам элементы посредством <b>директивы Disallow </b>. Тоесть, к примеру, я захотел закрыть тэги от индексации. Для этого я написал — <b>Disallow: /tag </b>. Точно также закрываются все остальные элементы: плагины, темы, категории (Disallow: /category). <b>Примечание: </b> после двоеточия всех директив необходимо ставить пробел.</p> <p>Важно отметить и <b>директиву Allow </b>. Она используется для того, чтобы наоборот разрешить индексацию элемента поисковой машиной. Тоесть, к примеру, если я хочу чтобы картинки моего блога индексировались (находятся в папке wp-content), но при этом я не хочу, чтобы остальное содержимое папки wp-content (плагины, темы и т.п.) индексировалось, я прописываю в файле robots.txt следующее:</p> <p><img src='https://i2.wp.com/wmcorporation.ru/wp-content/uploads/2013/11/117073350.png' width="100%" loading=lazy></p> <p>Первым делом создайте у себя на компьютере обычный документ формата <b>.txt </b> при помощи программы Блокнот, задав ему имя <b>robots </b>. Дальше скачайте мной предложенный файл robots.txt, и по необходимости отрегулируйте его по своим прихотям. Скачать вариант вышеуказанного варианта роботса можете с Яндекс.Диска . Загруженный файл разместите в папку <b>public_html </b> своего блога..</p> <h2>Оптимизация страниц</h2> <p>Очень важно, чтобы каждая страница блога имела заголовок с ключевым запросом, прописанные ключи и качественное описание, иными словами <b>title </b> , <b>keywords </b> и <b>description </b>. Вспомните, мы ранее устанавливали на блог <b>плагин All In One SEO Pack. </b> Так вот, именно используя его мы сможем задать эти параметры каждой странице блога.</p> <p>Я на примере создам title, keywords, и description для одной записи своего блога (нужно же создавать абсолютно для всех). Допустим, я написал пост, посвященный обзору плагинов для CMS WordPress. Под формой вставки записи на блог будет расположен блок All In One SEO Pack, в котором я и задам необходимые параметры:<br><br><img src='https://i2.wp.com/wmcorporation.ru/wp-content/uploads/2013/11/117073353.png' width="100%" loading=lazy><br> Описания к записям блога должны вкратце описывать страницу и выглядеть разумно.</p> <p>Сегодня поговорим о <b>SEO вёрстке и оптимизации шаблона </b>. Для начала рассмотрим теги «H », а именно h1 , h2 , h3 и т. д. - это теги, которые обычно используются для вывода заголовков.</p> <p>Для тех пользователей, которые слабо разбираются в сайтостроении и для каковых теги h1 - h6 , strong и прочее ни о чём не говорят советую прочитать руководство по HTML , в противном случае неопытный пользователь не многое поймёт в этом уроке.</p> <h2>Теги h1, h2, h3, h4, h5, h6 на сайте</h2> <p>Первое чтобы я выделил - это то, что эти теги должны присутствовать только в контенте, то есть совершенно не допустимо использовать их, например в сайдбаре, футере или ещё где-либо. Многие шаблоны делаются далёкими от SEO оптимизации и такие люди могут выводить заголовки в виджетах, сайдбарах в виде тегов «h» , а также могут выводить текст в футере через данные теги, это не есть хорошо с точки зрения SEO, для поисковых систем эти теги имеют очень большое значение поэтому использовать их нужно с умом и применять только в той, части сайта, которую продвигаете, то есть в статьях.</p> <p>Данные теги изначально были придуманы для вывода текста статей и когда робот заходит на сайт, то по ним он понимает где та часть страницы которая является статьёй и если эти теги будут встречаться в footer, sidebar, header и т. д. то вы, говоря простым языком запутаете робота. Содержимое этих тегов имеет большое значение в глазах поисковиков, поэтому если через «h» вы будете выводить слова наподобие «рубрики», «комментарии», «поиск» притом что статья, например об инвестициях, то вы тем самым снижаете релевантность страницы, поскольку эти слова ни как не вяжутся с темой «инвестиции».</p> <p>В общем что я хочу сказать? Если у вас в сайдбаре, футере и прочем используются теги «h», то замените его, просто используйте css класс, который будет иметь те же свойства как h1 - h6 и выводите этот тег через div или если например в боковом меню информация выводится списком, то можно ипользовать первый элемент списка в качестве заголовка.</p><br> В результате этот текст для посетителя будет выглядеть как желаемый «h », но поисковые системы расценят его в виде простого текста. <p>Помимо прочего их нельзя ещё обрамлять такими тегами, как strong , b то есть делать их жирными. Если уж необходимо сделать заголовок жирным, то опять же делаем это через CSS.<br></p><p>Большая часть значимости текста заключается в тегах h , так что если вы сделаете их жирными, то поисковики расценят их как спам!</p><br> Тег h1 должен встречаться на странице только один раз, то есть в заголовке статьи, все подзаголовки выводятся в h2 , h3 , h4 и т. д. <p>На некоторых сайтах выводится название ресурса через h1 , это ошибка большинства, этот тег воспринимается поисковыми системами как заголовок статьи, поэтому именно в заголовке он и должен находится и нигде больше!</p> <p>Ну и последнее о тегах h . Они должны пропорционально уменьшаться в статье, от большего к меньшему.</p> <h3>Ссылка сама на себя</h3> <p><u>Ни одна страница вашего сайта не должна ссылаться сама на себя </u>. Например, на многих шаблонах используется заголовок в самой статье в качестве ссылки на саму себя, такая же беда может встречаться и в хлебных крошках.</p> <p>Хлебные крошки - это путь к конкретной странице сайта.</p> <ul><li>хорошо: главная -> рубрика;</li> <li>плохо: главная -> рубрика -> название статьи.</li> </ul><p>Таким образом вы убьёте двух зайцев.</p> <ol><li>Избавитесь от ссылки на страницу которая просматривается.</li> <li>Текст не будет переспамленым.</li> </ol><h3>Дубли в шаблоне сайта</h3> <p><u>С одной страницы вашего сайта должна идти только одна ссылка на другую страницу этого сайта </u>. Имеется в виду, что не должен быть переход со страницы «А» две ссылки на страницу «Б». С одной страницы может идти сколько угодно ссылок, но на разные страницы сайта, это и есть хорошая перелинковка . И ещё нельзя делать текст ссылкой заключённый в теги h1 , strong , b .</p> <h4>Ссылка на HTML карту</h4> <p><u>Со всех страниц сайта должна быть ссылка на карту сайта (всего содержимого) </u>. Это даст вашему сайту сразу несколько преимуществ. Во-первых, получаем равномерное распределение веса по всем страницам сайта. Во-вторых таким образом с главной можно будет добраться всего в два клика, таким образом вы уменьшите уровень вложенности страниц также это способствует лучшей индексации вашего сайта. Получается что все статьи будут третьего уровня вложенности.</p> <h4>Java скрипты в отдельный файл</h4> <p><u>Все имеющиеся скрипты нужно вынести в отдельный файл </u>. За исключением счётчиков, всё остальное что отвечает например, за вывод рекламы, кнопки, прокрутка и т. д. выносится в файл, это нужно для разгрузки HTML кода, так как роботы это не любят да и не понимают Java скрипты. Роботам нужно давать индексировать то, что является важным и ценным в плане поисковой оптимизации и Java скрипты сюда ни как ни вписываются.</p> <h4>Повторяющиеся отрывки текста</h4> <p>Где можно встретить такое? Данные дублирующиеся куски текста как правило, встречаются в подвале сайта. На многих сайтах можно встретить довольно большие футеры на которых много различной информации:</p> <ul><li>копирайты;</li> <li>условия содержимого сайта;</li> <li>сайты самоубийцы с ключевыми словами.</li> </ul><p>Есть люди, которые размещают в подвале ну очень большой текст, который выводится на всех без исключения страницах. Нафига?</p> <p>Робот не индексирует отдельно статью вашей страницы, отдельно футер и сайдбар, он индексирует весь текст на странице, включая footer и sidebar.</p> <p>Если вы разместите огромный текст в подвале сайта то тем самым снизите релевантность страницы, поскольку информация с запретом копирования никак не относится к основной статье.</p> <p><u>Проверим повторяющиеся нетематические куски текста, заодно покажу как Гугл понимает ваш сайт </u>. В Google Вебмастер во вкладке «индекс Google» перейдите по ссылке «ключевые слова в содержании».</p> <p>Здесь вы и увидите как Гугл распознаёт тематику вашего сайта, первая десятка слов самая важная и нужно чтоб она соответствовала тематике вашего сайта.</p> <p><img src='https://i1.wp.com/babosik.ru/uploads/posts/2016-02/1454412535_gugl-klyuchevye-slova.jpg' height="517" width="509" loading=lazy></p> <p>Как видите на сайте о знакомствах первая 10-ка отлично вписывается в эту тематику. Эти слова чаще всего встречаются на сайте, заметьте, ни на какой то отдельной странице, а абсолютно на всех.</p> <p>На тех сайтах, которые неправильно оптимизировали шаблон, здесь будут отображаться слова, которые не имеют отношения к конкретной тематике. Например, если в футере выводится текст на всех страницах о запрете копирования, то слова copyright, запрет, копирование и т. д. возможно будут в этом списке, это плохо, это же относится и к рубрикам, поискам, подписке.</p> <p>В общем нужно скрывать данные отрывки, иначе ваш сайт будет ни о чём, о рубриках, запрете копирования, о комментариях...</p> <h5>Закрытие внешних ссылок</h5> <p><u>Абсолютно все внешние ссылки нужно закрывать от индексации </u>. Не нужно ставить открытые ссылки на сторонние ресурсы, будь то социальные сети или поисковые системы. Закрываем всё без исключения как минимум через . Это нужно для того чтоб сайту на который вы ссылаетесь не передавала частичку веса, а это нам ни к чему, вес передавать нужно на те страницы, которые мы же и продвигаем!</p> <p>Привет всем в сети интернет за последнее время стало много мест, где можно приобрести бесплатные шаблоны на WordPress. Пользуются ими не только множество начинающих вебмастеров, но и даже опытные со стажем используют эти шаблоны. Сказать честно, то здесь ничего страшного нет, ведь они легко устанавливаются и сами по себе прописывают нужные настройки. Со временем, когда интернет-ресурс выходит на уровень хорошего дохода, встаёт вопрос по оптимизации шаблона.</p> <p>Под фразой «оптимизация шаблона» в первую очередь подразумевается адаптация его под SEO, для работы с посетителями, и ускорение загрузки. Ниже опубликована инструкция, не претендующая на обязательное пошаговое руководство, но в себе содержит те условия, которые выполнять рекомендуется, для достижения максимального результата.</p> <p><b>Оптимизация шаблона WordPress </b></p> <p><b>Кроссбраузерность. </b><b><i> </i> </b>Не каждому понятно это слово, но оно обозначает как правильное отображение WordPress (темы) в разных браузерах (с недавнего времени Яндекс, а также Mozilla FireFox, Opera, Google Chrome). В зависимости от среды, некоторые элементы дизайна, в которой мы его открываем могут или изменить свой вид, место положение, либо вообще исчезнуть.</p> <p>Проверка делается вручную или воспользоваться можно хорошим сервисом « », который даёт возможность сайт увидеть не только через какие-либо браузеры, но и операционные системы (Mac, Linux или Windows).</p> <p><img src='https://i0.wp.com/pressdev.ru/wp-content/uploads/2013/05/proverka-krossbrauzernosti.jpg' align="center" width="100%" loading=lazy></p> <p>Если отображение будет, выглядит не так как надо, тогда вам нужно приступить к самой оптимизации шаблона на WordPress, для того чтобы не потерять тех самых посетителей, которые применяют именно этот проводник, в котором были у вас проблемы.</p> <p><b>Мобильная версия сайта. </b>Из дня в день количество в сети интернет растет большими темпами, часть такой аудитории как раз таки может быть именно оттуда, значит не стоит ими пренебрегать.</p> <p><b>Хорошая структура. </b> После того как произошла смена шаблона, вам необходимо изменить структуру отображения статей, а именно должна изменится схема тегов постов и главной страницы. Как правило, данный пункт относится больше к поисковой оптимизации шаблона WordPress. В структуре темы стоит проверить схему отображения главных тегов.</p> <p><img src='https://i2.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress-300x139.jpg' align="center" height="139" width="300" loading=lazy></p> <p>Если у вас, получилось не так как надо, значит советую скорее всего исправить. В самом противном случае привести это может к резкому снижению позиций, падению трафика и прочего.</p> <p><b>Буфер вывода. </b> Во время открытия страницы для пользователей, сначала по очереди элементы дизайна загружаются, после различные заголовки и последним делом контент. Скорость сайта зависеть будет не только от скорости соединения с интернетом, хостинга и движка, но и от степени оптимизации WordPress шаблона. Для изменения такой очередности, мы назначим тот самый порядок, который начинается с контента и CSS файла. Применять будем мы специальную функцию, которую размещаем после закрывающего тега </head> в файле header.php. Вот она:</p> <p>Перед тем как внести изменения не нужно сделать резервную копию.</p> <p><b>Оптимизация файлов. </b> Javascript и CSS файлы свое место имеют в абсолютно любой теме WordPress или шаблоне. Для того чтобы снять дополнительную нагрузку и ускорить загрузку нужно эти файлы придать оптимизации. Есть различные инструменты онлайн, правда минус в том, что большинство из них на английском языке, среди которых хорошо выделяются — . Не забывайте и про .</p> <p>Стоит также избегать JavaScript размещения непосредственно в самом тексте. Всё это не только приведёт к медлительности, но и к появлению неких подозрений со стороны поисковой системы Яндекс, так как он будет считать их за какой-то вирус.</p> <p><b>Сжатие изображений. </b> Во время формирования шаблона или темы применяется огромное количество изображений, лежащие в специальной папке «images». Они почти что всегда грузится начинают первыми, поэтому к ним надо применить сжатие. Заострите внимание на том, что перед тем, как опубликовать пост, надо ко всем .</p> <p>Существует несколько правил, которых надо придерживаться.</p> <ul><li>Первое, не используйте фото ширина которых больше самого размера контента.</li> <li>Второе, вес их должен быть минимален и измеряться НЕ в мегабайтах, а в килобайтах или байтах.</li> <li>Третье, расширение файлов желательно быть должно «gif» или «png».</li> <li>Четвёртое, прогоните картинку перед его размещением через специально предназначенное программное обеспечение «Smush.it».</li> </ul><p><img src='https://i1.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress_1-300x188.jpg' align="center" height="188" width="300" loading=lazy></p> <p>Достаточно сделать щелчок по вкладке «Select Files and Smush» и «Uploader», выбрать нужную картинку и кликнуть «Открыть». Далее скачиваем ее и размещаем.</p> <p>Вы так же можете применять плагин «Wp-Smush.it», который делать будет сжатие в автоматическом режиме.</p> <p>В принципе всё, надеюсь, я ясно и понятно рассказал каким образом <b>оптимизировать шаблон WordPress </b>и не возникнет у вас вопросов по этому поводу. Спасибо за внимание!</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-otkryt-papku-v-komandnoi-stroke-na-windows-kak-otkryt-konsol-vypolnit-na/" class="date">2024-05-06 00:23:17</a> </div> <a href="/kak-otkryt-papku-v-komandnoi-stroke-na-windows-kak-otkryt-konsol-vypolnit-na/"> <div class="title"> Как открыть консоль выполнить на windows 10 </div> </a> <p class="text"> Очень многие проблемы и рабочие ситуации в Windows 10 требуют выполнения системных команд через командную строку. Большинство инструкций в интернете, посвященных «десятке», невозможны для выполнения без запуска этого системного инструмента, а их... </p> <a href="/category/tips-for-beginners/" class="catName">Советы начинающим</a> <div class="clr"></div> </li> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/peremeshchenie-profilya-polzovatelya-standartnymi-sredstvami-windows-kak-v-windows/" class="date">2024-04-29 00:23:15</a> </div> <a href="/peremeshchenie-profilya-polzovatelya-standartnymi-sredstvami-windows-kak-v-windows/"> <div class="title"> Как в Windows переместить папки пользователя на другой локальный диск? </div> </a> <p class="text"> Здравствуйте уважаемые читатели блога www.сайт. Сегодня мы завершим описание процесса переноса операционной системы Windows 7 с сохранением профилей пользователей, установленных программ, данных и настроек на два жестких диска. Один из дисков —... </p> <a href="/category/hardware-solutions/" class="catName">Аппаратные решения</a> <div class="clr"></div> </li> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/u-23-e-mail-elektronnaya-pochta-tema-elektronnaya-pochta-e-mail-komu-i-dlya-chego-neobhodim/" class="date">2024-04-28 00:21:37</a> </div> <a href="/u-23-e-mail-elektronnaya-pochta-tema-elektronnaya-pochta-e-mail-komu-i-dlya-chego-neobhodim/"> <div class="title"> Тема: электронная почта (e-mail) </div> </a> <p class="text"> Цель занятия. Изучение информационной технологии создания почтового ящика и работы с электронной почтой (или e-mail в английском варианте). Краткая справка. Чтобы работать с электронной почтой, вам нужны: почтовый ящик – место, куда будут... </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="/street-storm-skachat-obnovlenie-radar-detektory-street-storm-obnovlenie-po-obnovlenie/"> <img src="/uploads/e14c6670fc6579d8c6dd7b2528ba5b6e.jpg" alt="Радар детекторы Street Storm обновление ПО" loading=lazy> <div class="playBg"></div> <p> Радар детекторы Street Storm обновление ПО </p> </a> <a href="/category/solving-problems/" 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="/bolshaya-kolonka-jbl-perenosnaya-portativnaya-kolonka-jbl-xtreme-pochemu-vazhno/"> <img src="/uploads/55aaef5f4bd5a6ba7762845849da826f.jpg" width="100px" alt="Портативная колонка JBL Xtreme" loading=lazy> <div class="info"> <span class="date">Аппаратные решения</span> </div> <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="info"> <span class="date">Настройка Wi-Fi</span> </div> <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="info"> <span class="date">Компьютерная грамотность</span> </div> <div class="title"> Adobe premiere pro обзор программы </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="/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> <li> <a href="/kachestvennoe-uluchshenie-uluchshenie-kachestva-zhizni-effektivnye/"> <img src="/uploads/5601ebb84866ddfdf9d7ce0afa5fafd1.jpg" width="100px" alt="Улучшение качества жизни: эффективные советы" loading=lazy> <div class="title"> Улучшение качества жизни: эффективные советы </div> <div class="clr"></div> </a> </li> <li> <a href="/kak-besplatno-zaregistrirovatsya-v-socialnoi-set-odnoklassniki-odnoklassniki-socialnaya-set-r/"> <img src="/uploads/6deb3acea4fa78ef4d0984027b1b8009.jpg" width="100px" alt="Одноклассники – социальная сеть: регистрация нового пользователя через логин и пароль: правила регистрации" loading=lazy> <div class="title"> Одноклассники – социальная сеть: регистрация нового пользователя через логин и пароль: правила регистрации </div> <div class="clr"></div> </a> </li> <li> <a href="/algoritm-s-usloviem-vetvlenie-v-visual-basic-yazyk-programmirovaniya-visual-basic/"> <img src="/uploads/69c7d28a82e4a12ce193fed6b4f2ada7.jpg" width="100px" alt="Язык программирования Visual Basic" loading=lazy> <div class="title"> Язык программирования Visual Basic </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>