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

В данном посте мы разберем на живом, только что созданном сайте все эти нюансы.

Это могут быть всевозможные лишние div-ы, table-ы, теги <h1>, <h2> и др. там, где не надо, лишние стили и все такое прочее. Что же делать со всеми этими штуками? А вот что:

— Резать к чертовой матери! Не дожидаясь перитонитов. Единственно прогрессивный взгляд.
— Ты права, моя дорогая. С этим отростком пора кончать!

И так, начинаем. Открываем код (либо исходный код страницы, либо firebag, либо «просмотр кода элемента» в Chrome). И идем с самого начала.

Чистка <head>

В вордпрессе в теге <head> часто можно найти много мусорных строк кода, типа таких:

Я лично ни разу не использовал RSS-рассылку на своих сайтах, поэтому можно смело удалять эти строчки. Часть из них можно удалить в файле head.php, оставшиеся строки удалим через functions.php. Для этого добавим в этот файл следующее:

Чистка <body>

Первое, что видим:

Видимо тема такая, что в ее настройках можно установить ссылку на twitter, facebook и пр. Сейчас много таких тем. Но засорять мне тег body незачем, все иконки соц.сетей, если надо поставлю сам. Поэтому идем в header.php, index.php или template.php вашей темы.

Удаляем data-config из тега и идем дальше.

Редактируем «site-title» или название сайта

Это вообще беда. Если у вас название блога сверху оформлено тегом h1, то вы либо не в теме, либо вам плевать 🙂 Почему это так плохо? Потому что на любой странице теги h1 и title — основные для поисковых роботов.

В нашем случае, на каждой странице у нас будет одинаковый тег h1, а также будет второй тег h1 уже в тексте страницы, содержание которого может в корне отличаться от первого? Это грубейшая ошибка. Нужен только один тег h1 и один тег title.

Поэтому копируем класс этого тега h1 и создаем для него что-то типа этого:

Чтобы не изменился внешний вид этого title, нам нужен точно такой же стиль для этого span’a

Чистка <h1>

Так-с, теперь смотрим на наш h1.

По-хорошему у тега h1 не должно быть никаких стилей, прописанных в нем (если это конечно не элемент микроразметки). Все должно быть прописано в css файле, а сам тег выглядеть как <h1>. Также следует помнить, что внутри тега h1 не должны быть никаких других тегов. Ни <a>, ни <span> ни уж тем более <div>.

Поэтому убираем лишний стиль. А нужный стиль для h1 пописываем в css файле.

Далее по аналогии с вышеперечисленным можно так редактировать все ненужные стили. Уменьшая размер кода wordpress. На этом все.

Ставьте лайки, пишите письма, удачи 🙂

7 мыслей о “Код wordpress на операционном столе: оптимизируем код

  1. Добрый день. Спасибо за статью. Просьба может подскажете, как сделать чтобы логотип сайта все-таки был в теге H1 только на главной, а на других страницах просто ссылкой, просьба поподробнее если можно. Спасибо!

    1. JSB:

      Есть такое решение:

      <?php
      if ( is_home() ) {
      <h1>ваше лого</h1> //на главной
      } else {
      <a href=»url»>ваше лого</a> //на других страницах
      }
      ?>

  2. Здравствуйте! Искала другое , зашла случайно, показалось интересным, но только я на это не решусь. Я не программист, кодов побаиваюсь. Может быть знаете что означает в коде &raquo у меня это указано как ошибка сайта. Вся строчка выглядит следующим образом: <link rel="alternate" type="application/rss+xml" title="moylubimiblog.ru » Лента". Зарание спасибо.

    1. JSB:

      Доброго дня, &raquo — это кавычки, направленные в правую сторону. Вот такие »

      Строчка — это rss трансляция записей. Я ее убрал)

      Про ошибку не совсем понял, что вы имели ввиду.

  3. Доброго времени суток! у меня новостной шаблон (не стандартный) смогу ли я Вашим способом изменить заголовки? На сайте заголовок выводится в H1 а все статьи начинаются с H2 я понимаю что это плохо и ни как не могу изменить. Хотел поменять шаблон.. но уж очень понравился он мне((
    Так выглядит тот самый отрывок отвечающий за заголовок в моей теме Glades: (header.php)

    Голова уже дымит что делать???

    1. Seva:

      Я могу вам помочь, как сможем списаться?

  4. Здравствуйте. Интересно бы было узнать как вообще убирать теги или назначать другие, а то столько времени потратил на поиск приятного и функционального шаблона магазина и на его переделку, что не охота опять искать новый. В других темах не замечал таких проблем: переношу название товара над картинкой — присваивается тег h1, у названия сайта тег h1 только на главной — для чего это? У похожих товаров тег h2, но я в тексте использую этот тег, а он у меня с бордером… бррр)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *