Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте

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

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

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

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

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

Как вставить в статью блога на WordPress ссылку «Читать далее» с помощью тега MORE и задать уникальный анкор для этой ссылки

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

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

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

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

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

Только а счет правильной и обширной внутренней перелинковки, а так же за счет поисковой оптимизации текстов статей, можно попасть в топ поисковой выдачи по низкочастотным запросам — Внутренняя поисковая оптимизация сайта (SEO): внутренняя перелинковка под низкочастотные поисковые запросы

Как вывести на главной в WordPress анонс статьи с ссылкой «Читать далее» (тег MORE) с помощью визуального и HTML редакторов Вордпресс

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

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

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

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

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

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

и ссылка:

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

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

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

Естественно, что прописывать вручную тег CANONICAL в WordPress вам будет не удобно, да и не нужно — достаточно будет установить плагин для WordPress All in One SEO Pack и активировать в его настройках «Canonical URLs» (Новый тег CANONICAL, предназначенный для удаления дубликатов страниц из индекса поисковиков).

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

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

Дополнительные теги WordPress для разделения текста статьи (тег NOTEASER) и для разбиения текста поста на страницы (тег NEXTPAGE)

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

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

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

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

<!--nextpage-->

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

<?php wp_link_pages(); ?>

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

 the_content

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

Как задать уникальный для каждой статьи WordPress текст ссылки (кнопки) «Читать далее» (more), тем самым улучшив поисковую оптимизацию WP блога

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

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

Т.е. вставлять требуемый текст вебссылки «Читать далее» нужно сразу после слова MORE в конструкции тега <!--more-->, без пробелов до и после вставляемого анкора, что очень важно, ибо при добавлении пробелов этот финт ушами работать не будет. Создание уникальных анкоров, вместо стандартного текста ссылки «Читать далее», позволяет немного улучшить поисковую оптимизацию WP блога.

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

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

Заменяем в WordPress текст ссылки (кнопки) «Читать далее» на другой и делаем кнопку MORE более заметной

Но если вас по каким либо причинам не устраивает вариант создания уникальных анкоров для ссылки «Читать далее» в WordPress (описанный выше), то вы можете при желании, просто заменить текст всех этих вебссылок в вашем WP блоге на другой, который вам больше нравится или просто, чтобы выделиться в общей массе блогов на WordPress. Как я уже говорил ранее, для этого нам нужно будет подключиться к своему сайту по протоколу FTP и открыть на редактирование файл INDEX из папки с используемой вами темы оформления WordPress:

wp-content/themes/Название папки с используемой вами темой оформления

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

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

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

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

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

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

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

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

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

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

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

 .more-link

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

.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:12px !important;

задается размер шрифта для «Читать далее» (MORE), а свойство

text-transform:uppercase;

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

background:url(images/i_continue.png) no-repeat right;

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

Опять же, сам я следующий вариант оформления «Читать далее» (MORE) не использовал, но мне кажется, что вполне возможно создать кнопку «Читать далее» (MORE) оставив код функции в таком виде:

<?php the_content(' '); ?>

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

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

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

При написании статьи или комментария в блоге у вас есть возможность выражать свои эмоции с помощью смайликов в WordPress. Для этого, в то место, где должен будет размещаться смайл, нужно будет вставить простой код. Например, всем известный код улыбающегося смайла «:-)» будет выглядеть на странице WordPress так — (код смайлов надо вводить без кавычек, которые я использовал лишь с той целью, чтобы в WordPress отобразился код смайлика, а не его картинка). Или подмигивающий смайл «;-)» — .

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

	«:grin:»
	«:idea:»
	«:oops:»
	«:razz:»
	«:roll:»
	«:wink:»
	«:cry:»
	«:eek:»
	«:lol:»
	«:mad:»
	«:sad:»
	«:mrgreen:»
	«:arrow:»
	«:neutral:»
	«:shock:»
	":("
	«:twisted:»
	«:smile:»
	«:???:»
	«:cool:»
	«:evil:»
	«8-)»
	«8-O»
	«:-)»
	«:-?»
	«:-D»
	«:-P»
	«:-o»
	«:-x»
	«:-|»
	«;-)»
	«8)»
	«8O»
	":("
	«:?:»
	«:!:»

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

wp-includes/images/smilies

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

У Евгения Попова имеется видекурс по WordPress, который стоит того, чтобы с ним ознакомиться.

Вы так же можете ознакомиться с другими материалами по WordPress:

• Уроки WordPress
  • Что такое интернет и WWW (всемирная паутина)
  • Что такое блог и как его создать бесплатно
  • CMS - движок для сайта
  • ЧПУ в Вордпресс
  • Страница ошибки 404
  • Настройки WordPress
  • Снижаем нагрузку на сервер
  • Темы и шаблоны для WordPress
  • Работа в WordPress
• Плагины WordPress на моем блоге
  • Установка плагинов
  • Карта сайта для WordPress
  • Hyper Cache - кэширование в Вордпресс
  • All in One SEO Pack - поисковая оптимизация блога
  • Искореняем спам в комментариях
  • Подписка на новые комментарии
  • WP-PageNavi - постраничная навигация
  • Хлебные крошки для блога
  • Внутренняя перелинковка и создание списка похожих материалов

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Очень обяжете, если воспользуетесь этим блоком кнопок:

Рубрика : WordPress для чайников

Наверх