A- A A+
Изменения в коде для замены заголовков с h2 на h1
JOOMLA! 3.X+
ШАБЛОН

Тег h1 создает заголовки первого уровня, которые имеют наибольшую важность в статьях. Однако, ряд студий в своих шаблонах, выводят материалы с заголовками второго уровня - h2...

О заголовках h1-h6

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

Заголовок h1 имеет влияние на релевантность (соответствие документа поисковому запросу) и соответственно на ранжирование сайтов. Поэтому, данный тег должен обязательно присутствовать в каждом материале и дополнять смысл атрибута title.

Шаблоны с заголовками h2

Используя шаблоны от известных студий RocketTheme (шаблон Cerulean) и BonusThemes (шаблон Education) было установлено, что по умолчанию заголовки материалов заключены в теги h2.

На примере браузера Google Chrome, легко проверить в какие теги заключены заголовки. Для этого открываем любой материал, устанавливаем курсор на заголовке и правой кнопкой мыши активируем контекстное меню, где выбираем пункт Просмотр кода элемента.

Снизу появляется панель, где мы видим тег заголовка - h2.

Просмотр кода элемента

Шаг 1. Создание заголовка h1 вручную

В настройках материалов (МАТЕРИАЛЫ => МЕНЕДЖЕР МАТЕРИАЛОВ => НАСТРОЙКИ), на вкладке Материалы отключаем показ заголовков.

Просмотр кода элемента

Теперь можно прописывать заголовки в самих материалах, заключая их в желаемый тег.

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

Шаг 2. Меняем тег редактированием кода

В шаблоне Cerulean по адресу - components/com_content/views/article/tmpl/ открываем файл default.php.

На строке 36 находим код:

<h2>
<?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?>
<a href="/<?php echo $this->item->readmore_link; ?>">
<?php echo $this->escape($this->item->title); ?></a>
<?php else : ?>
<?php echo $this->escape($this->item->title); ?>
<?php endif; ?>
</h2>

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

Редактирование кода

В шаблоне Education по адресу - templates/bt_education/html/com_content/article/ открываем файл default.php и в строке 69 находим такой же код.

В других шаблонах предлагаем найти данный код путем поиска указанного текста в файлах с расширением .php.

Желаем успеха в SEO оптимизации заголовков.

 

Комментарии  

#17 0 Луговской 04.11.2016 05:19
Можно сделать общий заголовок для страницы или указать в слайдере, если в нем предусмотрена такая возможность. Либо просто не заморачиваться с этим вопросом. Это всего лишь СЕО-шные рекомендации.
Цитировать
#16 0 Руслан84 04.11.2016 05:12
Это понятно, а в H1 что выводить, лого?
Цитировать
#15 0 Луговской 04.11.2016 05:03
Цитирую Руслан84:
Если главная страница в виде блога, H1 где будет?..

Учитывая, что заголовок H1 должен быть один на странице, при выводе страниц в виде блога, заголовки могут быть H2-H6.
Цитировать
#14 0 Руслан84 04.11.2016 04:32
Если главная страница в виде блога, H1 где будет? Заголовки статей на главной в H2, а H1 ?
Цитировать
#13 0 dennis_tih 02.11.2016 10:30
Цитирую dennis_tih:
Всем привет. Виталий, нужна твоя инструкция. Стили Bootstrap G5 имеют приоритет над стилями Bootstrap Joomla Kassa, соответственно все кнопки в формах отображаются по сценарию шаблона. А в некоторых случаях поля (например, заполнение контактной информации покупателем) вообще криво, без иконок и т.д. Как это исправить? Как установить приоритет? Проверено на разных шаблона с фраемворком G5

Я нашел ответ: по адресу: /* line 172, templates/rt_ga latea/scss/gala tea-joomla/_for ms.scss */ удалил запись в строке 175: background: darken($base-ba ckground, 40%);
кнопки стали отражаться как надо. Сейчас борюсь с другими косяками в отображении. Правда еще не проверял как этот способ отразиться на других элементах шаблона
Цитировать
#12 0 dennis_tih 01.11.2016 17:58
Всем привет. Виталий, нужна твоя инструкция. Стили Bootstrap G5 имеют приоритет над стилями Bootstrap Joomla Kassa, соответственно все кнопки в формах отображаются по сценарию шаблона. А в некоторых случаях поля (например, заполнение контактной информации покупателем) вообще криво, без иконок и т.д. Как это исправить? Как установить приоритет? Проверено на разных шаблона с фраемворком G5
Цитировать
#11 0 dennis_tih 28.10.2016 16:56
Цитирую Валентин:
Я на своем сайте сделал проще! Просто установил плагин Header Tags. Очень классный плагин, у вас всегда будет в каждой статье один тег Н1, а также в блоге категорий или на главной странице как минимум один Н1 точно будет. В нем есть и другие настройки. И при обновлении Джумлы не нужно каждый раз ничего менять в файле default.php. по адресу components/com_content/views/article/tmpl/.

А по-подробнее можно об этом плагине. Еще хотелось бы мнение ГУРУ услышать. Виталий, прокомментируй!
Цитировать
#10 +1 Валентин 28.10.2016 16:44
Я на своем сайте сделал проще! Просто установил плагин Header Tags. Очень классный плагин, у вас всегда будет в каждой статье один тег Н1, а также в блоге категорий или на главной странице как минимум один Н1 точно будет. В нем есть и другие настройки. И при обновлении Джумлы не нужно каждый раз ничего менять в файле default.php. по адресу components/com_ content/views/a rticle/tmpl/.
Цитировать
#9 0 Виталий Куликов 28.10.2016 12:29
Всем привет! К статье добавил видео. Теперь есть поддержка Joomla! 3.x и Gantry 5. Если коротко, то изменять тег теперь нужно не в одном, а сразу в двух местах.
Напишите, пожалуйста, у кого как получилось?
Цитировать
#8 0 Денис Смирнов 12.06.2016 09:35
На шаблонах с G5. Все не так. Там надо после всего этого переопределение создать и в материалах выбрать альтернативный макет отображения/ И то что-то не меняется???? Может кэш, может с бубном надо побегать)))))
Цитировать

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

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!