Использование тега More (NOTEASER и NEXTPAGE) в WordPress для улучшения оптимизации

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В этой публикации я хочу подробно рассказать о довольно простых и часто используемых пользователями WordPress возможностях этого движка, нюансы использования которых не всегда интуитивно понятны и прозрачны при первом знакомстве с ним (я имею ввиду ссылку «Читать далее», создаваемую с помощью тега MORE).

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

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

Как вставить в WordPress ссылку «Читать далее» (MORE)

Теперь пора перейти от словоблудия к объяснению того, о чем, собственно, сегодня пойдет речь. В первую очередь это будет все, что связано с организацией отображения в WordPress анонсов статей (начала текста поста).

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

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

Сегодня мы поговорим о простом способе создания анонса (разделение поста на вступление и остальное) с помощью тега MORE, об изменении текста ссылки «Читать далее» на другой более подходящий анкор (об их важности и принципах составления анкор листов, я уже писал тут), а так же о способе создания уникального анкора для каждого анонса вместо «Читать далее».

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

Кстати, разбиение на страницы, используемое по умолчанию, не очень удобно и наглядно, поэтому советую воспользоваться возможностями плагина WP-PageNavi для удобной постраничной навигации (пагинации).

Количество материалов, отображаемых на главной до разбиения ее на страницы, задается в настройках админки WordPress. Для этого вам нужно будет зайти в нее и выбрать из левого меню пункты «Настройки» — «Чтение» и поставить в поле «На страницах блога отображать не более» нужное количество материалов (постов).

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

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

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

Разбиваем пост с помощью MORE на части

Как получить в WordPress с помощью тега MORE вебссылку на статью с нужным нам анкором, мы рассмотрим чуть позже. А сейчас давайте рассмотрим способы, с помощью которых можно разбить любой пост в WordPress на части.

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

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

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

Как избежать неполного дублирования контента в WordPress из-за использования тега MORE (тег CANONICAL и плагин All in One SEO Pack)

Раньше у многих вебмастеров возникало опасение, что две разных вебссылки, ведущих на одну и ту же страницу, например:

https://ktonanovenkogo.ru/seo/search/kak-rabotayut-poiskovye-sistemy-snippet-index.html

и:

https://ktonanovenkogo.ru/seo/search/kak-rabotayut-poiskovye-sistemy-snippet-index.html#more-5357

могут быть восприняты поисковыми системами, как дублирование контента в WordPress и даже был создан специальный хак, позволяющий убрать у ссылки (или кнопки) «Читать далее» окончание #more-5357.

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

Другими словами, документ сообщает с помощью тега CANONICAL, что он является официальной копией основной версии с указанием его URL. В результате чего, поисковики не индексируют такие дубли и у вас не возникает из-за этого проблем.

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

Если вы так же, как и я, пользуетесь для написания статей HTML редактором Вордпресса, то для отображения на главной только анонсов, вам нужно поставить курсор мыши после очередного абзаца текста и нажать на панели инструментов на кнопку MORE:

В результате чего в тексте появится конструкция MORE. Какой текст будет у ссылки (кнопки) «Читать далее» на главной, можно настроить в файле INDEX, который находится в папке с используемой вами темой (шаблоном) WordPress (подробно об устройстве тем оформления вы можете почитать здесь).

Как разбить пост в Вордпресс с помощью NOTEASER и NEXTPAGE

Кстати, если вам понадобится сделать так, чтобы на главной отображалась только та часть статьи, которая находится перед анонсом, а на странице самого поста анонс не отображался вовсе, (только текст идущий за MORE), то вам нужно будет добавить сразу за ним еще один тег — NOTEASER.

В результате получится такая конструкция:

<!--more--><!--noteaser-->

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

Тег NEXTPAGE используется для добавления пагинации в большие статьи. Для разбивки текста достаточно просто вставить в нужные места:

<!--nextpage-->

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

<?php wp_link_pages(); ?>

сразу после функции:

 the_content

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

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

Делаем текст ссылки MORE уникальным для каждой статьи

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

Не банальное «Читать далее» или «Подробнее», которое ничего не дает вам в плане поисковой оптимизации, а именно анкор, содержащий ключевые слова из данной статьи, который будет отличен от заголовка поста.

Все до обидного просто. Делается это в HTML редакторе Вордпресса, поэтому если вы пользуетесь визуальным, то вам на время придется перейти в упрощенную версию.

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

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

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

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

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

Ну, а если придумывать для каждой публикации свой уникальный анкор для МОРЕ вам лень, то можете поменять общий текст, на что-нибудь выдающееся. Как я уже говорил ранее, для этого нам нужно будет подключиться по протоколу FTP и открыть на редактирование файл INDEX из папки с используемой вами темой оформления:

wp-content/themes/Название темы

Поищите в коде похожий участок, который часто начинается с комментария, подсказывающего его назначение:

 <!--read more-->
 <?php the_content('Читать далее'); ?>

Вот именно вместо фразы «Читать далее» и можете вставить свой вариант.

Вообще, синтаксис и возможности функции выводящей more гораздо богаче, и полный вариант будет выглядеть так:

<?php the_content( $more_link_text, $strip_teaser, $more_file ); ?>

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

Хотя все же приведу один из вариантов, который может помочь добавить к стандартной фразе текст заголовка данного поста, т.е. получить вариант типа «Читать полностью статью 'Ее название'»:

<?php the_content("Читать полностью статью " . the_title('', '', false)); ?>

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

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

Для этого вам нужно открыть на редактирование файл STYLE.CSS из папки с используемой вами темой и поискать там CSS правило для MORE, которое будет выглядеть как:

 .more-link

Если такого правила не обнаружится, то можете сами дописать его в любое место STYLE.CSS. Например, для моего блога оно выглядят так:

.more-link {

	float:left;
	font-size:12px !important;
	text-transform:uppercase;
	background:url(images/i_continue.png) no-repeat right;
	padding-right:20px;
	margin-bottom:10px;
	margin-top:15px;
	text-decoration: none !important;
}

С помощью CSS свойства font-size задается размер шрифта, а свойство text-transform заставляет выводить текст этой надписи заглавными буквами, чтобы выделить его на фоне других.

В свойствах используется !important, чтобы подавить другие CSS свойства, которые будут влиять на внешний вид MORE.

Свойство background позволяет задать в качестве фона для MORE картинку (), которая будет выводиться справа от надписи.

Переходим к гораздо более простому — вставке смайликов в статьи и комментарии блога на WordPress.