Использование тега More (NOTEASER и NEXTPAGE) в 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.