Сайт от А до, ТОП 10. Часть 3 «Правильное отображение заголовков h1».

шагаем дальше и вышеВсем привет, продолжим нашу беседу на тему правильного создания сайтов. Еще раз повторюсь, что все примеры работ с кодом сайта и решения имеют отношение к CMS Joomla. Многие сталкиваются с проблемой отображения *h* заголовков на страницах своего сайта при выборе структуры сайта в виде блога.

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

С одной стороны здесь нет ничего страшного, Псы посчитают, это не Н1 а Н2 заголовки, как например на сайте http://shakin.ru, но такому трастовому блогу позволительна эта роскошь, а нам молодым, строящим свой сайт, желательно сделать все по канонам SEO. Приведенные ниже способы не претендуют на единственно верные и никому не навязываются, но они проделаны мною лично и работают.

Как правильно оформить заголовки h1, h2 и другие на сайте?

Как оказывается решение этого вопроса лежит на поверхности, нужно просто немного поработать с кодом и будет все как надо, 1 (основной) — h1 и анонсы статей — h2. Все операции надо проделать пройдя в domen.ru/components/com_content/views

структура каталогов

Как видите на рисунке, в папке views есть еще несколько папок. Нас интересуют article, frontpage, category. В каждой из этих папок есть файлы отвечающие за отображение *h* заголовков.

ПРЕЖДЕ ЧЕМ СОВЕРШАТЬ ЛЮБЫЕ МАНИПУЛЯЦИИ С КОДОМ, НЕ ЗАБУДЬТЕ СДЕЛАТЬ БЭКАП САЙТА!!!

Начнем с article/tmpl/default.php (работа с материалом). Первое что мы делаем, это убираем код ссылки в заголовке материала, это что бы при открытии материала полностью, в заголовке h1 не было ссылки на эту же страницу. Находим:

<a href=»<?php echo $this->article->readmore_link; ?>» class=»contentpagetitle<?php echo $this->escape($this->params->get(‘pageclass_sfx’)); ?>»>
<h1><?php echo $this->escape($this->article->title); ?></h1></a>

и удаляем следущее:

<a href=»<?php echo $this->article->readmore_link; ?>» class=»contentpagetitle<?php echo $this->escape($this->params->get(‘pageclass_sfx’)); ?>»>
</a>

У вас останется лишь:

<h1><?php echo $this->escape($this->article->title); ?></h1>

После такой процедуры материал на сайте при открытии будет иметь правильный Н1 без ссылки на самого себя (к примеру как статьи у меня на сайте).

Далее в файле frontpage/tmpl/default.php (работа с ) ищем строки, они в самом начале:

<div class=»componentheading<?php echo $this->escape($this->params->get(‘pageclass_sfx’)); ?>»>
<h1><?php echo $this->escape($this->params->get(‘page_title’)); ?></h1>
</div>

Здесь по умолчанию должен быть прописан заголовок в h1, если нет то пропишите (и такое бывает). Идем в другой файл frontpage/tmpl/default_item.php, тут находим (16-17 строка):

<a href=»<?php echo $this->item->readmore_link; ?>» class=»contentpagetitle<?php echo $this->escape($this->item->params->get( ‘pageclass_sfx’ )); ?>»>
<h1><?php echo $this->escape($this->item->title); ?></h1></a>

и меняем h1 на h2 (ссылку не трогаем)

После проделанной процедуры, все заголовки на главной странице сайта при выводе анонсов статей, будут отображаться в виде Н2.

Осталось наладить категории, ведь если вы правильно структурировали сайт, то у вас будут категории в которых выведены анонсы материалов данной категории.

Открываем category/tmpl/blog_item.php и ищем строки (у меня 14-15 строки):

<a href=»<?php echo $this->item->readmore_link; ?>» class=»contentpagetitle<?php echo $this->escape($this->item->params->get( ‘pageclass_sfx’ )); ?>»>
<h1><?php echo $this->escape($this->item->title); ?></h1></a>

и аналогично уже проделанному с главной страницей, просто меняем h1 на h2. В результате получаем:

<a href=»<?php echo $this->item->readmore_link; ?>» class=»contentpagetitle<?php echo $this->escape($this->item->params->get( ‘pageclass_sfx’ )); ?>»>
<h2><?php echo $this->escape($this->item->title); ?></h2></a>

Проделав эту операцию мы в категориях получаем 1 (основной) — h1 и анонсы статей — h2. Все как положено.

Если вдруг получилось так, что вы проделав всю эту работу не видите изменений, то скорее всего заданные параметры сидят в используемом вами шаблоне templates/шаблон/html/com_content/views

и все правки нужно делать там.

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

Продолжение следует…

Вы еще это не читали? Очень напрасно!

Сайт с момента написания до, ТОП 10. Часть 4

Сайт с момента написания до, ТОП 10. Часть 1

Сайт с момента написания до, ТОП 10. Часть 2

{jcomments on}

Поделиться ссылкой

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

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