Заголовок материала в тегах . Часть 1

Оптимизируем Joomla Хочу развить тему, начатую в статье «Сколько тегов H1 можно ставить на одной странице?». Не буду повторять о значимости тегов для поисковой оптимизации. Давайте разберемся, как реализовано обрамление заголовков материалов тегами <H1> в Joomla.  Если честно, то никак!

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

Начнем по порядку:

  • Единицей контента сайта считается материал;
  • CMS Joomla для организации иерархии контента, использует разделы и категории;
  • Разделы разделены на категории;
  • Категории включают в себя статьи;
  • Заголовки разделов и категорий оформляются в таблицах стилей CSS при помощи класса componentheading;
  • Заголовки статей оформляются при помощи класса contentheading.

Возникает естественный вопрос – а где наш любимый H1…? Да нигде! Такая вот оптимизация! Обрамление заголовков разделов и категорий тегами <H1> в большинстве случаев не имеет смысла, т.к. они мало информативны, и как правило не показываются на сайте. Для нас важно, чтобы  заголовки статей обрамляли теги  <H1>.

Решаем эту проблему просто, но весьма эффективно:

  • Шаг 1 : заходим в менеджер материалов и в глобальных настройках отключаем  «Показывать текст заголовка»;
  • Шаг 2: при создании статьи вы прописываете полный или краткий заголовок статьи в поле «Заголовок». Помните, что этот заголовок выводится не будет, поэтому он может быть кратким, на ваше усмотрение;
  • Шаг 3: в блоке, где вы будете вводить текст статьи, первым делом, напишите полный заголовок статьи, включите в него необходимые вам ключевые слова;
  • Шаг 4: выделяем весь заголовок, идем в панель инструментов редактора и вместо «Формат» выбираем «Заголовок 1», теперь ваш заголовок будет обрамлен тегами <H1>.

Теперь разукрасим наш заголовок. Ищем самый главный файл таблиц стилей нашего шаблона сайта. Как правило, он находится \имя сайта\templates\активный шаблон сайта\css\template.css. В файле template.css находим h1 и прописываем стиль оформления.

Привожу пример оформления заголовков моего блога:

h1 {

font:bold 20px Arial, Helvetica, sans-serif ;

color: #fe1919;

text-align:center; }

Мне захотелось внести разнообразие в оформление заголовков, поэтому я добавила еще два дополнительных стиля для заголовков.

Заголовок на голубом фоне:

h1. heading {

background-color:#ace1fb;

padding:5px; }

Заголовок на сиреневом фоне с рамкой:

h1.rum_heading {

border:1px solid #6666fd;

background-color:#bebefd;

padding:5px;}

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

При данном методе стандартный стиль оформления заголовков статей contentheading используемый Joomla, совсем не нужен.

Если вы будете выводить статьи, используя шаблон блога раздела или шаблон блога категории, то на одной веб-странице может быть несколько тегов <H1>, равное числу статей опубликованных на странице.

Пусть вас не смущает этот факт, не верьте в сказки о том, что на одной странице должен быть только один тег <H1>. Прочтите статью  «Сколько тегов H1 можно ставить на одной странице?» и ничего не бойтесь.

Подведем итог. Вышеописанный метод весьма прост и позволяет настроить вывод заголовков не изменяя системных файлов Joomla. Также он позволяет весьма гибко настраивать и изменять оформление заголовков из админпанели.

Для любителей вскрывать мозги есть альтернативный метод. О нем мы поговорим во второй части статьи.


 
Каталог@Mail.ru - каталог ресурсов интернет

Рейтинг@Mail.ru