Как сделать содержание в статье блога

Как сделать содержание в статье блога

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

Зачем содержание в статье блога

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

Посмотрите на блоги, которые нас окружают. Многие не имеют содержания (оглавления) статей. И это выглядит как-то печально. Почему? Да потому, что большинство посетителей ищут определенную информацию. Заходят на страницу блога, видят большой текст с картинками, а вот где находится нужная информация, не понятно. Читать весь текст не всегда получается, у одних нет желания, у других нет времени. Да и где гарантия, что в контенте есть необходимый материал для посетителя. Очень часто бывает так, что автор оптимизирует ключевое слово (запрос) не всегда под нужную информацию. Поэтому, если нет содержания (оглавления) в статье блога, тогда посетитель может только пробежаться глазами по тексту, проскролить страницу вниз и, если его ничего не зацепит, уйдет к другому автору в поисках нужной для него информации. А это, как вы понимаете, не есть АЙС. Вы согласны? Тогда давайте этот печальный момент исправим и разберемся…

Как сделать содержание в статье блога

В начале напомню о том, что такое содержание (оглавление) в статье блога.

Содержание – это оглавление, опись разделов находящиеся в начале статьи, которые передают  основную суть всего изложенного текста.

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

Итак, давайте перейдем непосредственно к нашей цели – как сделать содержание в статье блога.

Код содержания в статье блога

Он довольно прост и выглядит таким образом:

<strong>Содержание:</strong>

<a href="#a1"><li>Ваш первый пункт оглавления</a><br>
<a href="#a2"><li> Ваш второй пункт оглавления</a><br>
<a href="#a3"><li> Ваш третий пункт оглавления</a><br>
<a href="#a4"><li> Ваш четвертый пункт оглавления</a><br>
<a href="#a5"><li> Ваш пятый пункт оглавления</a>

А перебрасывает его вот на такой код:

<a2 id="a1">Перебрасывает на заголовок первой ссылки-якоря</a2>
<a2 id="a2">Перебрасывает на заголовок второй ссылки-якоря</a2>
<a2 id="a3">Перебрасывает на заголовок третей ссылки-якоря</a2>
<a2 id="a4">Перебрасывает на заголовок четвертой ссылки-якоря</a2>
<a2 id="a5">Перебрасывает на заголовок пятой ссылки-якоря</a2>

Но код может выглядеть и другим образом, это зависит от шаблона вашей темы:

<h3>Содержание:</h3> 

<ol>
<li><ahref="#snoska1">Ваш первый пункт оглавления</a></li>
<li><ahref="#snoska2">Ваш второй пункт оглавления</a></li>
<li><ahref="#snoska3">Ваш третий пункт оглавления</a></li>
<li><ahref="#snoska4">Ваш четвертый пункт оглавления</a></li>
<li><ahref="#snoska5">Ваш пятый пункт оглавления</a></li>
</ol>

Сюда перебрасывает из содержания на ссылку-якорь, это заголовок вашего раздела:

<h3><aid="snoska1"></a> А здесь у нас уже идет заглавие раздела 1</h3> 
<h3><aid="snoska2"></a> А здесь у нас уже идет заглавие раздела 2</h3>
<h3><aid="snoska3"></a> А здесь у нас уже идет заглавие раздела 3</h3> 
<h3><aid="snoska4"></a> А здесь у нас уже идет заглавие раздела 4</h3>
<h3><aid="snoska5"></a> А здесь у нас уже идет заглавие раздела 5</h3>

Теперь давайте более детально разберем наши действия:

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

<li><ahref="#snoska1">Зачем содержание в статье блога</a></li>

 В режиме «Текст»

Теперь, чтобы читателя переносило в необходимый раздел статьи для получения нужной информации, необходимо найти в содержании текста заголовок «Зачем содержание в статье блога» и заключить этот заголовок в теги:

<h3><aid="snoska1"></a>Зачем содержание в статье блога</h3>

И в заключение

Все довольно доступно и понятно. Думаю справиться с таким делом сможет любой желающий. Не забывайте устанавливать коды в режиме «Текст». Хотя и бытует мнение, что в «Визуальном» режиме это может не работать, но у меня все работает. Я всегда подкорректирую статью в визуалке, а лишь потом опубликовываю. 

В «Визуальном» режиме

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

С Уважением, Геннадий Ольховский

 

... и это тоже полезная информация:

Устали? Отдохните и сыграйте - ПОЙМАТЬ КОШКУ.
Не получилось поймать? Не беда - начните сначала!

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" bgcolor="#E6E5E5">

Поиграл сам? Расскажи своим друзьям!



2 комментария: Как сделать содержание в статье блога

Страница 1 из 11
  • Надежда Давыдова:

    Давно было интересно, как сделать содержание внутри поста. Остается один вопрос: само содержание будет тоже индексироваться. Как тогда оптимизировать статьи?

    [Ответить]

    Геннадий Ольховский Reply:

    Надежда, индексация будет проходить как обычно, не думаю, что содержание может что-то изменить. Ведь ссылки-якоря ведут на ту же страницу с которой они и выходят. Это делается большей частью для удобства (юзабилити) блога, нежели для перелинковки страниц. А вот оптимизацию делайте как и раньше. Ну, как-то так… *yes*

    [Ответить]

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

ПОИСК ПО РУНЕТУ

РЕКЛАМНОЕ МЕСТО

РЕКЛАМА — двигатель прогресса

СОЦИАЛЬНАЯ КАРУСЕЛЬ

Загрузка карусели...

ОБРАТИТЕ ВНИМАНИЕ!

ПОДПИСКА НА RSS

Введите Ваш e-mail:

Подписка на мой RSS канал