! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета

Здравствуй всегда, читатель !
написано: — 
отредактировано: 2018-01-24
издатель:  в теме: Техническое SEO 2 комментария
 
Запросто с WordPress — ATs media fashion

Убираем нелогичные и вредные заголовки сайдбара h3-h4-h5 — заменим на div класс

Такой парадокс (гений зла) несут в себе теги h3 — h4 — h5, если на них взглянуть от разных углов (тем, которые читали статью о seo-догматике и пояснять не нужно, но я всё же несколько повторюсь…).

…если подсмотреть от угла правил SEO, то увидим следующее: например, тег h3 необходим для выделения подзаголовков статьи или, к примеру, каких-то ВАЖНЫХ админу тем блога в навигации сайта, но!! только с административно-тщательного дозволения, — иначе КАША ранжирования информации сайта…


 

 

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

 

 

Сегодня мы и займёмся техническим SEO нашего блога: поубираем эти теги, а заместо них обернём имена виджетов в ласковые для Поисковых Систем DIV классы.

 

 

Для этого придётся немного потрудится и нам понадобится:

Файл functions.php — решайте где и как станете править этот документ: я правлю прямо в online, а вам советую открыть нотепад++ например. О настройках программы здесь: http://complitra.ru/kak-nastroit-notepad/

 

 

 

ПАМЯТКА:

…напоминаю всякий раз: заведите какой-то документ «запоминалку» всех совершаемых эксов с блогом. Копируйте редактируемые файлы. Пригодится!

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

 

 

 

И далее…

 

Вообще, эта наша сегодняшняя правка достаточно интересна и принципиально схожа (в плане редакции) с многими преобразованиями наших блогов, а посему наш канал на днях выпустит в свет несколько видеороликов на подобные темы, в которых подробно мы всё и выясним.

 

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

…сегодняшний же лёгенький пост будет для любителей эпистолярного жанра.

 

 

Приступим к проверке

 

 

 

 

к оглавлению $

как проверить шаблон сайта на предмет валидности

 

 

 

 

Я буду показывать на примере инструментария для web-разработчиков браузера Mozilla Firefox, но тем кто пользуется иным обозревателями — ничего страшного: принцип одинаков.

 

 

Значит, наводим курсор на интересуемое ИМЯ виджета и щёлкаем правой кнопочкой «мышки»; во всплывшем окошке выбираем «исследовать элемент» — жмём!

 

Смотрите фото: (картинки кликабельны)

 

 

Нелогичные и вредные заголовки сайдбаров h3-h4-h5

 

 

 

 

1-я картинка для примера:

Посмотрите внимательнее — имя выделено div-классами — приблизительно таким макаром должен обозначаться widgettitle (имя виджета) и у вас.

НО, вероятно, в вашем открытии кода) всё иначе т.е имя обозначено h3 — это НЕ совсем ВЕРНО, шаблон не оптимизирован.

 

 

Приступаем к правке кода:

 

 

 

 

к оглавлению $

как изменить вредные теги h3 h4 в имени виджета на div-класс

 

 

 

 

 

Открываем свой файл functions.php и отыскиваем строки кода, показанного чуть ниже…

 

Путь таков:   ДОМЕН.ru/wp-content/themes/Ваш_шаблон  И functions.php

 

 

 

А я приведу ОБА варианта примеров в теме кода: верный и неверный!  которые отвечают (скажем так) за прописку и вывод сайдбаров —

у вас может что-то отличаться, но это не суть… вникайте в принцип).

 

 

 

Помните, в вашей теме могут быть выведены всевозможные варианты сайдбаров, а в том числе и в футере шаблона — вам предстоит изменить весь их НЕПРАВИЛЬНЫЙ КОД — на ПРАВИЛЬНЫЙ и соответствующий оптимальному интернету.

 

 

 

Теперь сравните вариации:

 

НЕВЕРНЫЙ ВАРИАНТ обозначения имени виджета !!

 

register_sidebar(array(
        'name' => __('Primary Sidebar', 'themater'),
        'id' => 'sidebar_primary',
        'description' => __('The primary sidebar widget area', 'themater'),
        'before_widget' => '<ul class="widget-container"><li id="%1$s" class="widget %2$s">',
        'after_widget' => '</li></ul>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>'
    ));

 

 

 

ВЕРНЫЙ ВАРИАНТ обозначения имени виджета!!

 

register_sidebar(array(
        'name' => __('Secondary Sidebar', 'themater'),
        'id' => 'sidebar_secondary',
        'description' => __('The secondary sidebar widget area', 'themater'),
        'before_widget' => '<ul class="widget-container"><li id="%1$s" class="widget %2$s">',
        'after_widget' => '</li></ul>',
        'before_title' => '<div class="widgettitle">',
        'after_title' => '</div>'
    ));

 

 

 

Обратите внимание на 7 и 8 строки: в первом случае у нас обозначено тегами h3 — а во втором — наше имя сайдбарного виджета обёрнуто в DIV-класс <div class="widgettitle"> КОД </div> с именем-селектором CSS widgettitle.

 

Что и требовалось доказать!

 

 

 

Итог:

На имя виджета в тегах h3 будет обращать внимание поисковик, ибо эти теги призваны же обращать внимание поисковых ботов. Это для нас не совсем правильно, или совсем не правильно, — в большинстве случаев этот приём продвижения сайдбарной информации с h3 - h4 мало кто использует.

 

На мой взгляд, правильнее все второстепенные фразы сайта скрывать от БОТОВ, обёртывая в див-классы. Иначе фальшивая важность имён вашего блога неизбежна — (назовём и это — сопли).

 

 

С теорией разобрались!

 

И теперь вам предстоит подобно примерам выше, всё изменить и у себя в документе functions.php, чтобы при случае, открыв страничку блога «инструментом вебразработчика» ваш код сайдбара был завёрнут в ДИВ.

 

 

<div class="widgettitle"> КОД </div> — не забываем о закрывающем теге — косая черта — слэш.

 

 

 

Всё просто!

Для этого в строках 7 и 8 замените вручную, соблюдая пунктуацию, h3 на div =class

 

 

 

 

к оглавлению $

подстройка стилистики заглавий сайдбаров в селекторах CSS

 

 

 

 

И как тольче всё и везде аккуратненько поправите (обычно бывает 3 подобных примера в файле функций, настройте величину шрифта заглавий сайдбара соответственно стилистике шаблона (вашего сайта).

Например, вот такой код CSS в помощь. Прилагаю полный вариант (мож кому потрэбу), — а в общем можете ненужные свойства убрать.

 

 

Вся эта цветовая-размерная операция правки кода совершается в файле темы style.css.

 

.widgettitle{
font-weight:700;/*яркость текста, насыщенность*/
color:#544F3F;/*цвет текста*/
font-size:16px;/*размер шрифта*/
line-height:16px;
font-family:'Oswald',sans-serif;
text-decoration:none;
text-align:center;
text-transform:none;
font-style:italic;/*курсив-наклонный*/
}

 

 

.widgettitle a,.widgettitle a:hover — эти селекторы (смена св-св ссылки при прикосновении курсора — если link используются в виджете) обозначаются соответственно желаниям админа.

 

 

Внимание: не забудьте что в вашем шаблоне могут быть виджеты, коды которых расположены в иных папках, например, кто использует плагин Shortcodes Ultimate,  код виджета Siloed Categories — для отображения дочерних записей… скрывается в корневой папке плагина, там и следует искать (но это так: знаний для. Код плагинов править не рекомендую, ибо они частенько обновляются, а значит после обнов ваш «правильный» код затрётся).

 

 

Или, скажем, некоторые темы содержат какие-то скрипты, отвечающие за вывод уникальных «темных» виджетов — нужно редактировать и в них.

 

 

Возникнут трудности, пишите, разберёмся.

 

А пока, думаю, вам будет полезны статьи необходимые НАЧАЛЬНЫЕ настройки свежего сайта на WordPress

И…

Как убрать тег h3 фразы перед формой комментирования

 

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

 

А вот и видео о монетизации обновлений сайта))

 

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы...разработка...


Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
   Как выбрать хостинг — пошаговые инструкции (обзор 4 хостингов) — нюансы модного ssl сертифицирования   Кнопка обратного звонка — анимация css плюс JS   Новые изменения в правилах AdSense вступили в силу!..   Подборка полезного кода (сниппеты) для работы магазина на WooCommerce   Подключение jQuery библиотеки от CDN Google — рационально!..   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Подборка вариантов Redirect 301 — на все случаи жизни сайта   Что такое Open Graph? как подключить протокол Open Graph к WordPress   Как самостоятельно установить в Notepad++ плагин Compare   Включаем обслуживание gzip сжатия файлов на хостинге и в htaccess   Woocommerce шорткоды и их применение   Условные теги woocommerce — наиболее полная подборка, пояснения   Добавим на сайт карту Google Maps с поиском указанных адресов…   Как создать на хостинге тестовый сайт за 5 10 минут..?
↔ перетаскивайте ленту ↔

смотреть ещё статьи в теме Техническое SEO
меточная навигация:


Комментарии © 2 к статье: Убираем нелогичные и вредные заголовки сайдбара h3-h4-h5 — заменим на div класс

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

 необходимо принять правила конфиденциальности и пользовательского соглашения

  1. Здравствуйте, вы привели очень простенький вариант, это каждый сделает. Что делать , если вся тема записана скриптами и напрямую заголовки не указаны в файлах редактора, а в коде они есть.

    Ответить - Ксенья

    • Я бы не сказал, что это простенький вариант: это обычная сайдбарная вариация темы без заморочек (заморочки — я имею в виду темы где эти ховалки тегов неоправданны!).
      А относительно, как Вы выразились, скриптов… которые есть в коде что делать..? ))
      Менять теги, и всего делоф!
      Принцип — один!
      Вы тему-то покажите…
      p/s
      …а если бы этот способ был для всех простым (как изволили выразиться), тогда бы Вы и не задавались вопросом h «Вашего шаблона»… ибо и там просто/ясно как яичко облупленное к празднику))

      Ответить - Михаил
Яндекс.Метрика
? стартовая линейка услугSkype консультацияЕсли вы выбрали для своего сайта WordPress и только-только начинаете изучать панель управления контентом, то этот вариант оnline консультаций — практически по любым вопросам — для вас! вопросы сюдаSkype онлайн