Как сделать содержание в статье блога
Привет, друзья! Сегодняшняя наша тема будет об одной полезности – как сделать содержание в статье блога,т.е. о такой фишке, которая дает блогерам целевых посетителей, а самим посетителям – удобное продвижение по тексту и страницам блога. Одним словом, улучшает юзабилити вашего проекта. И так, не буду долго ходить кругами, а перейду к делу.
Зачем содержание в статье блога
Думаю, вы не будете спорить, что многих блогеров и начинающих вебмастеров интересует, как сделать более привлекательным и полезным содержание для своих посетителей? Конечно же, нет.
Посмотрите на блоги, которые нас окружают. Многие не имеют содержания (оглавления) статей. И это выглядит как-то печально. Почему? Да потому, что большинство посетителей ищут определенную информацию. Заходят на страницу блога, видят большой текст с картинками, а вот где находится нужная информация, не понятно. Читать весь текст не всегда получается, у одних нет желания, у других нет времени. Да и где гарантия, что в контенте есть необходимый материал для посетителя. Очень часто бывает так, что автор оптимизирует ключевое слово (запрос) не всегда под нужную информацию. Поэтому, если нет содержания (оглавления) в статье блога, тогда посетитель может только пробежаться глазами по тексту, проскролить страницу вниз и, если его ничего не зацепит, уйдет к другому автору в поисках нужной для него информации. А это, как вы понимаете, не есть АЙС. Вы согласны? Тогда давайте этот печальный момент исправим и разберемся…
Как сделать содержание в статье блога
В начале напомню о том, что такое содержание (оглавление) в статье блога.
Содержание – это оглавление, опись разделов находящиеся в начале статьи, которые передают основную суть всего изложенного текста.
Уверен, что вы и без меня это прекрасно знаете. Но в нашем случае, благодаря кликабильному содержанию (оглавлению) статьи, читателя не переносит на другие страницы (как в книге), а он остается на той же странице, только попадает в ту часть текста, которая его интересует в содержании. С помощью такого рода перечня разделов, посетитель получает полное представление о содержимой информации в интересующей его статье.
Итак, давайте перейдем непосредственно к нашей цели – как сделать содержание в статье блога.
Код содержания в статье блога
Он довольно прост и выглядит таким образом:
<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>
И в заключение
Все довольно доступно и понятно. Думаю справиться с таким делом сможет любой желающий. Не забывайте устанавливать коды в режиме «Текст». Хотя и бытует мнение, что в «Визуальном» режиме это может не работать, но у меня все работает. Я всегда подкорректирую статью в визуалке, а лишь потом опубликовываю.
Друзья, вот мы с вами и разобрались, как сделать содержание в статье блога и этим принести своему проекту неоценимую помощь в получении целевых посетителей. Но, не будем забывать, что содержание создается в основном на большом контенте, поэтому пишите хорошие и качественные статьи и люди к вам потянутся. Если не трудно, оставьте свой отзыв в комментариях. Удачи вам и до следующих выпусков, только не забудьте на них подписаться. Пока, пока.
С Уважением, Геннадий Ольховский
Ой, совсем забыл, вот ещё интересное в блоге:
... и это тоже полезная информация:
Не получилось поймать? Не беда - начните сначала!

Давно было интересно, как сделать содержание внутри поста. Остается один вопрос: само содержание будет тоже индексироваться. Как тогда оптимизировать статьи?
[Ответить]
Геннадий Ольховский Reply:
Декабрь 16th, 2014 at 18:59
Надежда, индексация будет проходить как обычно, не думаю, что содержание может что-то изменить. Ведь ссылки-якоря ведут на ту же страницу с которой они и выходят. Это делается большей частью для удобства (юзабилити) блога, нежели для перелинковки страниц. А вот оптимизацию делайте как и раньше. Ну, как-то так…
[Ответить]