Заголовки статей H1, H2, H3 в Вордпресс, а так же способы отображения категорий (the_content, the_excerpt и другие)

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

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

Оптимизация WordPress для улучшения его продвижения

Получается, что практически любые действия, совершаемые вами для повышения функциональности и удобства пользования вашим проектом, в конечном счете могут довольно существенно повлиять на его позиции в выдачах Яндекса или Гугла, что приведет к увеличению посещаемости за счет трафика с поисковиков («большой брат» следит за нами). Да и сами пользователи, оценив ваши труды, будут чаще заходить на огонек.

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

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

Вам, наверное, известно, что по общепринятому мнению заголовок статьи должен быть заключен в тег H1 и, что немаловажно, он должен быть «голым», т.е. его Html тег не должен включать в себя различные CSS классы или ID, а так же не должен быть и ссылкой, что довольно часто встречается в WordPress блогах.

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

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

Делается это во избежание замусоривания индекса неполными дублями контента. Ведь поисковики могут обидеться и понизить ваш ресурс в выдаче, тем самым уменьшив трафик и общую посещаемость блога. А ведь нам совсем не хочется этого, поэтому аккуратненько ставим себе незаменимый SEO плагин под названием All in One SEO Pack и внимательно читаем тут инструкцию по его настройке.

Именно All in One SEO Pack позволит вам сделать самые основные и судьбоносные SEO настройки WordPress, позволяющие существенно улучшить внутреннюю оптимизацию вашего блога и тем самым заслужить расположение поисковиков (они во всяком случае от вас не отвернутся).

Ну, а если вы при написании каждой новой статьи будете еще и добавлять уникальное и релевантное контенту содержимое мета тегов Title и Description (окно с этими полями добавит упомянутый плагин в админку), то и вообще у вас все здорово будет в плане внутренней поисковой оптимизации блога.

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

Настройка правильных заголовков H1, H2, H3 в Вордпрессе

Есть очень удобный в использовании плагин для браузера Firefox под названием Web Developer, описанный здесь. Он может сильно облегчить вам работу, ибо включает в себя массу инструментов на все случаи жизни верстальщика.

Есть в Web Developer так же возможность выделить все заголовки на открытой в браузере вебстранице с указанием их уровня. Для этого вам, после установки плагина, нужно будет найти на его панели пункты «Контуры» — «Контуры заголовков», и если в это время у вас была открыта страничка вашего же блога в браузере, то вы наглядно увидите в каком месте вашей темы какие уровни заголовков используются.

У меня, как вы можете видеть, все не совсем так, как я вам только что рассказывал. H1 у меня является одинаковым для всех страниц, а заголовки статей заключены в H2. Но сам тег H2 у меня «голый» и не является ссылкой, хотя изначально был ею, что довольно часто встречается во многих темах для Вордпресса.

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

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

Для большинства оптимизация под НЧ является вполне логичным и, главное, практически бесплатным способом продвижения. Для этого вам нужно будет поработать со статьями вашего блога, создать разветвленную внутреннюю перелинковку, ну, и получить тут некоторое количество бесплатных обратных ссылок.

Все, этого будет достаточно для попадания в топ по НЧ. Да, конечно же, трафик по ним будет не велик, но ведь и статей у вас на проекте будет не одна штука.

Так вот, все, что я говорил про настройку заголовков в теме WordPress, в первую очередь относится к страницам со статьями. Именно для них нам нужно будет убрать ссылку с заголовка статьи и сделать его H1 в случае, если это не так.

Настроить уровни довольно просто. Для этого вам потребуется подключиться по FTP к блогу и открыть на редактирование файл из темы оформления WordPress (здесь подробно описано их устройство, так что в случае непоняток не примените ознакомиться), отвечающий за формирование страниц со статьями — single.php, который вы сможете найти в каталоге:

/wp-content/themes/папка с темой/

В оригинальном single.php используемом мною были прописаны для заголовков материалов теги H3, что было совсем не хорошо для оптимизации моего блога. Кроме этого, внутри H3 был еще прописан код ссылки, ведущей на эту же самую статью:

<h3 class="title" id="post-<?php the_ID(); ?>"><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Постоянная ссылка: <?php the_title(); ?>">
 <?php the_title(); ?>
 </a></h3>

Было достаточно всего лишь заменить H3 на H1 и убрать Html код гиперссылки, описанный тут, и получилось все как надо:

<h2>
 <?php the_title(); ?>
 </h2>

Не смотрите, что у меня стоят теги H2 вместо разрекламированных H1 — это я просто ступил в самом начале работы над своим блогом, а исправлять сейчас сложившуюся ситуацию стремно, ибо не знаю как отреагируют на это поисковые системы и в особенности Google, т.к. очень уж он капризно ведет себя в последнее время.

В общем, девиз SEO настроек темы WordPress таков — долой ссылки из заголовка статьи и да здравствует H1 в заголовках. Ура, товарищи. Давайте теперь плавно перейдем ко второй теме сегодняшней статьи — настройка вывода категорий.

Настройка вывода статей в категория WordPress (the_excerpt)

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

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

Давайте сначала вспомним устройство темы и посмотрим, какие файлы могут отвечать за вывод рубрик на страницы блога.

Для этого вам нужно будет ознакомиться с этим в приведенной чуть выше ссылке. В моей теме за вывод категорий отвечает файл archive.php.

По умолчанию, в этом файле за вывод статей из определенной рубрики отвечала функция (это всего лишь слово такое устрашающее, а на самом деле ничего сложного) the_content ():

 <?php the_content('Подробнее'); ?> 

В результате чего, материалы в категориях выводились точно в таком же виде, как и на главной. Т.е. обрезаясь по самый тег MORE отображались бы только вступительные части статьей, но с картинками и всеми прочими атрибутами Html кода.

Получалось в результате не очень информативно и удобно (особенно, если тег MORE вы не использовали), а самое главное, такой способ вывода рубрик в WordPress приводил к неполному дублированию контента на главной и в категориях (а так же в архивах).

Поэтому я, во-первых, закрыл от индексации страницы с временными и теговыми архивами через упомянутый выше плагин All in One SEO Pack:

Ну, и сделал вывод статей в категориях более компактным, добившись тем самым не только удобства в навигации по WP блогу, но и значительно уменьшив степень неполного дублирования контента. Причем, сделать эту настройку очень просто — достаточно заменить в файле archive.php код функции the_content () на the_excerpt ():

 <?php the_excerpt(); ?>

В результате после внесенных изменений, категории будут выводиться в виде кликабельных заголовков статей с небольшим текстом (55 первых слов статьи) с вырезанными картинками и Html тегами. В конце будет стоять многоточие, как символ неоконченности текста [...].

Но это будет справедливо только в том случае, если при написании статьи вы не заполняли поле «Цитата» в админке WordPress. У меня как-то случайно скопировалась пара слов в «Цитате» и я не мог понять, почему для этой статьи в категории выводится такой короткий и не понятно откуда взятый фрагмент.

Т.е., при желании, вы можете сами управлять тем текстом, что будет отображаться под заголовками статей при просмотре рубрик, регулярно прописывая этот текст в поле «Цитата» для каждой статьи при ее написании или редактировании. Лично я с этим не заморачивался, но таким образом вы полностью уникализируйте содержимое категорий.

Да, если вы вдруг в админке не обнаружите поля для ввода цитаты, то вам нужно будет щелкнуть по кнопке «Настройки экрана», расположенной в верхнем правом углу, и поставить галочку напротив «Цитата» в выпавшем окне:

Если с написанием цитат для каждой статьи вы заморачиваться так же как и я не хотите, то все равно существует возможность задать если уж не сам текст, то хотя бы определить количество слов, которое будет браться из начала статьи. По умолчанию их 55, но можно задать столько, сколько будет нужно именно вам.

Для этого вам потребуется открыть на редактирование functions.php из папки с вашей темой (если этого файла нет, то создайте его и закиньте на сервер) и добавить в его конце следующий код:

<?php
function new_excerpt_length($length) {
	return 30;
}
add_filter('excerpt_length', 'new_excerpt_length');
?>

где вместо 30 вы можете поставить нужно вам число слов, отображаемое на страницах рубрик WordPress под заголовками статей.

Ну и, наконец, вы можете заменить окончание вида [...] на привычную ссылку «Читать далее». Оно вам надо? Тогда добавьте в файл functions.php следующий код:

<?php
function new_excerpt_more($more) {
return '<a href="'. get_permalink($post->ID) . '">' . ' Читать далее ..' . '</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');
?>

Если заголовки статей у вас такие же длинные, как и меня, то в категориях можно ограничиться определенным количество первых слов заголовка. Для этого вместо the_excerpt () вставьте:

<?php do_excerpt(get_the_title(), 7); ?>

А в файл functions.php добавьте следующую функцию:

function do_excerpt($string, $word_limit) {
	$words = explode(' ', $string, ($word_limit + 1));
	if (count($words) > $word_limit)
	array_pop($words);
	echo implode(' ', $words).' ...';
}

Остальные прибамбасы, которые можно прикрутить к функции the_excerpt (), вы можете посмотреть на соответствующей странице кодекса WordPress. На сегодня все, удачного вам продвижения и благодарных читателей.