Профессиональное обучение
блоггингу от А до Я

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

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

Всем привет! На связи пропащий Александр Борисов. В сегодняшней статье я хотел бы рассказать вам о том, как можно сделать удобное для посетителя содержание (оглавление) в статье блога. Итак!

Из этой статьи вы узнаете:

  • Что такое содержание (оглавление) и зачем оно нужно
  • Как сделать содержание (оглавление) в статье блога
  • Когда же мне наконец-то поставят дверь в офис
  • Что будет со мной если мне не поставят дверь
  • Что будет с теми, кто должен поставить дверь, но не поставит ее

  • Не буду долго разглагольствовать и перейду к делу.

    Что такое содержание (оглавление) и зачем оно нужно?

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

    Это ссылки, которые перебрасывают посетителя при нажатии на эту как бы ссылку, в какое-то определенное место на странице. Это место вы определяете сами, вставив соответствующий ЯКОРЬ в соответствующее место в статье. Зачем это все нужно?

    Во-первых... Я уже как-то говорил в одном из своих курсов о том, как посетители блога, попав с поисковика на какую-то статью, обычно просматривают ее. У большинства это происходит следующим образом. Зашел, прочитал 1-2 предложения и задал себе вопрос, — «Нашел ли я тут то, что искал или нет?» Если нет, то посетитель уходит. Ну может быть еще вниз вверх проскролит пару раз и уйдет.

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

    Но не думайте конечно же, что это очень плохо и что это чисто ваша вина (хотя возможно и ваша). Почему такой большой % уходов?

    а) Потому что приходящий посетитель пришел, например, по запросу «как сварить борщ», а попал на статью «Как сварить уху»... Бывает такое? Бывает... У меня сотни посетителей в сутки находят блог по странным запросам и не найдя, то что искали, уходят сразу. Пример:

    Как сделать якорь на блоге

    У меня нет статьи на тему «как удалить файл рекламы», а люди приходят. Смотрят в заголовке статьи например «Плагины защиты wordpress от спама» и зачем им что-то ту искать, читать и скролить даже? Крестик тыц. Ушел. % растет!

    Кстати тут винить автора статьи не стоит, всякое бывает, но вот многие все таки косячат с тем, что пытаются оптимизировать свои статьи сразу под много поисковых запросов. Моя практика показывает, что не стоит этого делать. Один запрос — одна статья. Это вам посоветует любой сеошник.

    б) Потому что постоянные читатели блога ждут новые статьи, заходят постоянно на блог, чтобы посмотреть вышел ли новый пост и если не вышел, то уходят. 1-10 секунд и все.

    в) Прочие факторы (алгоритмы ПС, покупные ссылки с анкорами не соответствующие теме статьи и т.д.)

    Ок. Отвлекся. Итак, зачем же нам нужно содержание в статье (оглавление)?

    а) Это удобно для посетителя («клац» и ты уже читаешь то-то нужно).

    б) Это дает посетителю с первых строк чтения контента, понять, есть ли в статье то, что он ищет или нет.

    Таким образом мы улучшаем поведенческие факторы блога. Что это такое можете почитать тут. Гут. Дальше...

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

    Делается все довольно просто. Даю готовый код. Вот он:

    1
    2
    3
    4
    5
    6
    7
    
    <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>
    1
    2
    3
    4
    5
    
    <a2 id="a1">Сюда будет перебрасывать первая ссылка</a2>
    <a2 id="a2">Сюда будет перебрасывать вторая ссылка</a2>
    <a2 id="a3">Сюда будет перебрасывать третья ссылка</a2>
    <a2 id="a4">Сюда будет перебрасывать четвертая ссылка</a2>
    <a2 id="a5">Сюда будет перебрасывать пятая ссылка</a2>

    Я думаю разберетесь. Хотя объясню по подробнее. Вот у меня первый пункт в содержании: Что такое содержание (оглавление) и зачем оно нужно?

    Чтобы сделать его в виде ссылки нужно в текстовом редакторе блога в режиме «Текст» заключить наш текст вот в такие теги:

    1
    
    <a href="#a1"><li>Что такое содержание (оглавление) и зачем оно нужно?</a><br>

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

    1
    
    <a2 id="a1">Сюда будет перебрасывать первая ссылка</a2>

    И все будет у вас работать! Только жмите кнопку «Опубликовать» только в режиме «Текст»:

    Текст

    Все просто! Пунктов можете ставить сколько угодно, главное к каждому пункту присваивать свой якорь. У меня как видите a1, a2, a3 и т.д. Якоря можно делать не только в статьях но и на страницах блога. В общем действуйте и улучшайте поведенческие факторы своих статей.

    Когда же мне наконец-то поставят дверь в офис

    Сегодня вот 2 часа назад звонили аж с Питера и приносили свои извинения. Сегодня снова не могут привезти. Только завтра в субботу ее доделают и наверное в среду-четверг привезут в наш город. Вот в пятницу думаю поставят. Это капец.

    Уже многие ждут курса по созданию блога, а я все его никак не могу закончить из-за этой двери. Если только 7-го числа мне ее поставят, то вот тогда ждите курс к концу марта. Ни чего не поделать.

    Что будет со мной если мне не поставят дверь

    Со мной ничего не будет, просто мое терпение лопнет, а когда мое терпение лопается, то начинают происходить чудеса. =)

    Что будет с теми, кто должен поставить дверь, но не поставит ее

    Им придется выслушать мои комплименты. Дверь должна была стоять еще в конце января, начале февраля. А по факту будет стоять в середине марта. И то будет ли стоять я еще не знаю. В общем комплиментов будет много!

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

    Потихонечку делают мне сайты, обложки, дизайн, Прорабатываю структуру курсов, обновляю имеющиеся, в общем без дела не сижу. Кто-то там написал в комментах, «Разбудите Александра, он наверное заснул»... Я засыпаю в 4 ночи, а встаю в 7 утра, потом до 8-9 ворочаюсь и подъем.

    Когда все будет доделано я покажу результат трудов. А там посмотрим кто спал. =) Ну все всем поки! Надеюсь статья была полезна для вас. Используйте однозначно содержания в статьях.

    P.S. Кстати совсем скоро я выпущу прикольную мини программку для блоггеров. Клевая штука. Я сейчас без нее как без рук. Не пропустите.

    P.S.S. И еще ко мне друг приехал в Костомукшу. Антон Фирюлин. Вот мы с ним в штабе на фото:

    Я и Антон Иванович

    С уважением, Александр Борисов


    Как заработать продавая баннеры

    5 000 000 за 2 года в интернете...

    150 000 рублей в месяц с БЛОГа
    Этот блог читают уже более 6000 человек
    - читай и ТЫ!
    комментариев 186
    1. Дмитрий

      Давненько уже не было статей по технической части. Все новости да новости ;-) И на тебе! Такая полезная инфа! Содержание для объемных статей — вещь незаменимая. Спасибо, Александр!

      в 13:51 | Ответить
      • Александр

        Ну тут статьи слов 900-2000 должны быть :)

        в 16:15 | Ответить
        • Александр Быкадоров

          2000 ? Хотя да, если слов то да ))) Не доглядел )))

          в 11:52 | Ответить
    2. Максим

      Как раз это искал. Спасибо за статью Александр :)

      в 13:56 | Ответить
    3. Максим

      Александр ты другими сайтами занялся

      в 14:04 | Ответить
      • Александр

        Он курсы делает :-D

        в 16:15 | Ответить
        • Максим

          Понял

          в 17:49 | Ответить
      • Александр Борисов

        Нет. У меня только один! Ну еще один есть, но он секретный!

        в 21:48 | Ответить
        • Александр Быкадоров

          Саша — пожарный сайт?

          в 12:16 | Ответить
          • Елена

            Нет, не пожарный. :)

            в 20:21 | Ответить
          • Павел

            Пожарный сайт не такой уж и секретный, ведь Александр о нём сам не раз упоминал! :)

            в 12:34 | Ответить
          • Александр

            Я знаю какой такой секретный сайт =) [:-))]

            в 07:49 | Ответить
        • Ольга

          Я имела ввиду, что там специальная кнопка — якорь, ничего самой не нужно прописывать в коде ;-)

          в 23:22 | Ответить
        • Дмитрий

          и это hiterbober.ru в точку, да!

          в 21:13 | Ответить
    4. Ольга

      Спасибо, Александр [good] !

      Давно искала, как сделать такое содержание на вордпрес. На платформе джумла немного проще, там ставятся так называемые якоря. Приходилось публиковать огромные статьи на этой платформе, а без содержания сложно понять, о чем статья и что именно в ней может заинтересовать читателя. Теперь этот вопрос решен и на вордпрес, ура! [flower]

      в 14:20 | Ответить
      • Александр

        Так здесь тоже вся фишка в якорях.

        в 18:04 | Ответить
        • Александр Борисов

          Да Ольга. Тут тоже якоря, я написал в статье!

          в 21:49 | Ответить
        • Александр Быкадоров

          Совершенно верно, это они и есть!

          в 12:17 | Ответить
    5. Данила

      Первый!

      в 14:24 | Ответить
    6. Данила

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

      в 14:31 | Ответить
      • Лара

        Данила! Иногда и в «воде» бывает прелесть. :)

        в 18:18 | Ответить
      • Александр Борисов

        Данила этот плагин не нужен!

        в 21:49 | Ответить
      • valdemar

        К ПФ якоря никакого отношения не имеют :facepalm:

        в 03:59 | Ответить
    7. Александр

      Прикольно, но это для огромных статей

      в 14:35 | Ответить
    8. Александр

      Что там с дверью?

      в 14:39 | Ответить
      • Александр

        Проходят по ходу ручные работы по изготовлению :)

        в 18:00 | Ответить
        • Александр Борисов

          Я все таки думаю, что там золотая.

          в 21:50 | Ответить
          • Александр Быкадоров

            Саша, уже можно целый курс выпустить, что то типа: Особенности народного двеределания. Улучшаем поведенческие факторы )))

            в 12:18 | Ответить
    9. Denis

      Спасибо Александр за полезную информацию.

      в 15:14 | Ответить
    10. Дмитрий

      Если прилаживать содержание к каждой статье, на индексацию эта никак не влияет(поисковикам всё равно есть ли у тебя содержание или нету?)

      в 16:33 | Ответить
      • Александр Борисов

        Речь в статье не о пользе содержания для индексации. Влияет ли на индексацию или нет не знаю, но по идее должно, так как улучшаются поведенческие факторы!

        в 21:51 | Ответить
        • valdemar

          На индексацию ни как не может влиять — страница ссылается сама на себя.

          в 04:10 | Ответить
    11. Сергей большой

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

      в 16:39 | Ответить
      • Людмила

        Я петрозаводчанка, не знаю что эта за фирма, но фирм, которые могут качественно поставить двери, в Петрозаводске хватает. Дачу строила, нанимала разные фирмы, все делалось в срок. Хотелось бы посмотреть этой загадочной фирме в глаза? К тому же сама бывший строитель, рынок услуг у нас небольшой и все дорожат своей честью.

        в 21:48 | Ответить
      • Александр Борисов

        А у нас тут не мегаполис. У нас монополия. Всего 2 фирмы в городе. У одной дермодвери, у другой норм. Вот где норм там и заказал, а будешь ругаться, то скажут иди в ту фирму за дерьмодверью. Вот и приходится пока улыбаться.

        в 21:53 | Ответить
        • Александр Быкадоров

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

          Так вот и с дверью...

          в 12:20 | Ответить
    12. Дима

      а новая программма будет платная или нет?

      в 17:23 | Ответить
      • Александр Борисов

        Платная. Возможно с правами перепродажи. Думаю в марте сделаем.

        в 21:54 | Ответить
        • Александр

          Интересно, что за программа.

          в 09:11 | Ответить
          • Александр Быкадоров

            Да к то ж сразу скажет )))

            в 12:21 | Ответить
    13. Дмитрий

      Хм... Интересный способ, надо будет, применить его и на своём блоге!

      но он больше подойдет. к большим статьям!

      а мы привыкли, делить их на не сколько статей! :)

      Насчёт конкурса для блоггеров «О конкурсе вашем замолвите слово», действительно интересный, я уже принял в нём Участие, на данный момент там всего три работы. от участников, одна из них Моя! Самая Первая! :) Можете, почитать!

      В последнее время, стал Активно принимать. участие во всех. интересных. конкурсах! :)

      в 17:26 | Ответить
    14. Лара

      А я по Гугл+ прогуливалась и своим глазам не поверила — новая статья! Интересно и приятно :)

      в 17:38 | Ответить
      • Дима

        я сам ни разу не видел как александр публикует статьи не новостные

        в 19:48 | Ответить
    15. Лара

      У меня всегда один запрос — одна статья. Но, иногда читаю поисковые запросы, по которым приходили — смешные, и странные.

      Кстати, мне понравилась фраза: «Со мной ничего не будет, просто мое терпение лопнет, а когда мое терпение лопается, то начинают происходить чудеса.» ... И я тогда сажусь и пишу интересные посты :)

      Просто сначала я не совсем внимательно отнеслась к статье — ну содержание и содержание! Ну сделать и сделать!

      А потом, поняла, в чём фишка — класс! Как раз для моих больших статей. Давно не удивлялась — вроде бы просто, но... приятно. СПАСИБО! :-D

      в 18:02 | Ответить
      • Сергей

        Да, для больших статей, действительно, очень удобная вещь :)

        в 08:05 | Ответить
    16. Александр

      Да, содержание нужно делать для объёмных статей, а то посетитель зайдёт и запутается в огромном потоке информации :)

      в 18:02 | Ответить
    17. Рамазан

      Ребят, подскажите, как Александр делает такие фото с откусаными краями?

      в 19:26 | Ответить
      • Александр Быкадоров

        Рамазан, привет. Есть прога — FastStone Capture. Ищите на русском языке, там есть функция «Края»... Там разберетесь.

        в 19:37 | Ответить
        • Александр Борисов

          Рамазан это программа snagit. Открываешь в редакторе картинку, в меню images и нажми на обрезанные края. Там разберешься.

          в 22:02 | Ответить
          • Рамазан

            Спасибо братец)

            в 22:09 | Ответить
          • Александр Быкадоров

            Во, как вариант можно и ее использовать.

            в 12:21 | Ответить
        • Рамазан

          Александр, благодарю вас)

          в 22:24 | Ответить
          • Александр Быкадоров

            Рамазан, да не за что. Отвечая, сам учишься ))) Я например, давненько юзаю СнегИт, но вот края резал другой.

            в 12:22 | Ответить
            • Павел

              В целом всё равно одно и то же выходит :) Хотя сам, как и Александр, пользуюсь snagit

              в 08:55 | Ответить
            • Рамазан

              Я вообще все на фотошопе распробовал, чтобы эти края вырезать. А оказывается тут прога нужна [:-))]

              в 22:20 | Ответить
      • Наташа

        Какие проги такие..., — Просто берет и кусает! [:-))]

        в 21:44 | Ответить
        • Александр Быкадоров

          Наташа, точно — как вариант, распечатать — ножницами почикать, а потом снова на сканер и все готово :)

          в 12:24 | Ответить
      • Александр

        Еще, Рамазан, есть FastStone Image Viewer. В ней и рамочки и трафареты ВСЯКИХ краёв. Трафаретов только 95!

        Если будет желание, почитай здесь

        opartnerke.ru/kak_oformit_fotografii_dlya_sajta/

        как оформить фото для блога.

        в 10:46 | Ответить
    18. Александр Быкадоров

      Всем привет друзья. Техническая статья от Саши — это здорово. Секрет мне известный, но все равно приятно. Спасибо, Саша.

      в 19:35 | Ответить
    19. Лара

      Рамазан, я же написала у себя на блоге ответ вам на этот вопрос:

      «Рамазан, картинку с рваными краями сделала в программе «FastStone Capture».

      Там можно и скриншоты делать и обрабатывать их и видео с экрана записывать.

      Рваные края получаются так — после того, как обрезали фотографию- там можно в пункте сверху: „КРАЙ“ — уже делать всё, что угодно: и рваные края и тень и рамку и всё остальное»

      в 19:41 | Ответить
      • Рамазан

        Лара, Блин, я даже не заметил((( Простите, и огромное спасибо вам за ответ))

        в 22:18 | Ответить
    20. Лара

      Кстати, заинтересовала тема: По такому запросу сегодня: «прочитайте слова по стрелочкам:к,г,и,ан»

      Попали ко мне на статью с названием: «Как установить тему (шаблон) на сайт WordPress?»

      Просто там было в Гугле ещё продолжение : «18 февр. 2014 г. — Если вы вдруг забыли пароль – на стрелочке указано, как вернуть себе доступ ... Прочитайте ещё очень интересные статьи из рубрик:.»

      Не знаю почему Гугл «выхватывает» этот текст. Может кто подскажет?

      в 19:47 | Ответить
      • Павел

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

        в 08:57 | Ответить
    21. Дима

      кстати, таким же способом можно реолизовать кнопку вверх или вниз

      в 19:52 | Ответить
      • Александр Быкадоров

        Т.е. к кнопке вверх, сделать якорь? А куда поведет он (якорь)? Хотя стрелку уже сделал себе )))

        в 12:26 | Ответить
        • Дима

          можно в самом конце сделать блок div id="foot", а ссылка тогда будет такого типа href="#foot"

          в 18:50 | Ответить
          • Дима

            вот типа того — Вверх

            в 19:35 | Ответить
    22. Виталик

      Александр, Я вчера смотрел молодежный американский фильм, и там подростки, как у них там заведено, постоянно заказывают пиццу на дом, и при этом пицца должна быть доставлена за определенное время, если же поставщик опоздал на минуту, пицца достается за бесплатно. Я думаю ты понял о чем я [:-))]

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

      Заяви тем кто будет ставить тебе дверь, что она тебе без пиццы и бокала холодного пива не нужна [:-))]

      в 19:55 | Ответить
      • Александр x3m

        Кто то рассказывал, что у него папа был ГАИшник города... так им всегда эта пицца доставалась бесплатно! Надеюсь, объяснять как все происходило не надо 😉

        в 21:05 | Ответить
      • Александр Борисов

        Это не для нашего города!

        в 22:07 | Ответить
      • Александр Быкадоров

        К сожалению, у нас, это не реально. Пошлют + дверь по любому заберешь )))

        в 12:27 | Ответить
      • Павел

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

        в 08:58 | Ответить
    23. Лара

      А про ответы на вопросы уже никто и не спрашивает :) Как в политике: Александр увёл наше внимание :)

      в 20:24 | Ответить
    24. Александр x3m

      Привет, Александр! :) Ппц они тормоза! У меня бабушка быстрее сайт научиться делать по твоим курсам, чем они тебе «ПРОФЕССИОНАЛЫ» дверь поставят! :)

      Кстати, статья полезная... хочу спросить как сделать переход по ссылки не резким, а плавным?

      в 21:03 | Ответить
      • Александр Борисов

        Это надо скрипты подключать, а это уже к верстакам :)

        в 22:08 | Ответить
      • Дима

        это делается на jquery.

        в 08:55 | Ответить
    25. Александр

      Спасибо, принял на вооруженик.

      в 21:13 | Ответить
    26. Галина

      Ко мне тоже приходят по странным запросам, которых- нет в моих ключевиках.

      Фишка с оглавлением понравилась! Особенно удобно для тех, кто пишет длинные статьи. Для статей на кулинарную тему, не знаю, насколько это нужно.

      в 21:21 | Ответить
    27. Дмитрий

      Легче обойтись функцией...

      в 21:29 | Ответить
    28. Александр Рычко

      Господа делайте ставки — когда же поставят дверь)))) будем на этом зарабатывать...! Кстати все сейчас на Майдане и поэтому нет времени делать дверь!!! ;-) [good]

      в 21:29 | Ответить
      • Александр Борисов

        Ага я вот тоже подумал, может конкурс замутить как с рождением ребенка. Угадай дату поставки двери!

        в 22:12 | Ответить
        • Дима

          21.03.2020

          в 22:20 | Ответить
          • Дима

            надеюсь я с годом ошибся))

            в 09:09 | Ответить
        • Александр Быкадоров

          Нормальная идея для конкурса, кстати...

          в 11:37 | Ответить
        • Павел

          Да в марте поставят :) 17.03.14 — не позже.

          в 09:01 | Ответить
          • Дима

            хах, конкурс даже наверно и начинаться не стал, как появились участники :-D

            в 19:31 | Ответить
    29. Вячеслав

      А где результаты конкурса?

      в 21:42 | Ответить
      • Александр Борисов

        Какого?

        в 22:12 | Ответить
        • Лара

          Спасибо. Уже не ждём!

          в 23:02 | Ответить
        • Вячеслав

          Вопрос на 2000 рублей и то что там сказал друг Роберта Кийосаки, может я что то упустил?

          в 18:02 | Ответить
      • Виолетта Марич

        Виа Артмане в фильме «Театр» сказала что-то вроде: чем круче актер — тем длиннее пауза. Учитесь у Борисова. ;-) Ай-ай-ай... двери не поставили... 2000 зажал — и весь ответ на конкурс! :-|

        в 22:27 | Ответить
        • Александр Борисов

          [:-))]

          в 22:55 | Ответить
    30. Нелли

      Спасибо, удобная штука. Воспользуюсь для больших текстов.

      Если не затруднит, Александр, подскажите как в текстах отражать в таком виде, как у Вас, коды скриптов. Давно ищу эту информацию и не могу найти. Если у Вас уже есть статья по этому вопросу — дайте, пожалуйста, ссылку.

      в 21:54 | Ответить
    31. Ольга

      Да, статья полезная на самом деле. Я бы оглавление не на каждый пост устанавливала, а именно на длинные и где разноплановая информация освещается. Спасибо, Александр.

      в 21:55 | Ответить
    32. Данил

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

      в 22:09 | Ответить
    33. Алексей

      Я не много не так делаю: Текст для перехода;. Попробовал твой способ, работает, по моему даже одинаково.

      Наверное, чтобы не запутаться, надо ставить перед # кусок ссылки. Александр, а ты как думаешь будет лучше.

      в 22:10 | Ответить
      • Александр Борисов

        Не знаю, главное чтобы работало!

        в 22:57 | Ответить
    34. Алексей

      Забыл, что в комментариях работают теги. Там надо открывать код элемента, чтобы увидеть ссылку для якоря. ;-)

      в 22:12 | Ответить
    35. Сергей

      Я как раз недавно заходил на один сайт и увидел такую фишку) А тут ваша статья, как все совпало :) [good]

      в 22:27 | Ответить
    36. Мария

      Саша, спасибо, эта статья — то что мне нужно. Давно собиралась найти понятно написанную информацию по тому, как делать удобное оглавление на странице с помощью якоря, и тут все понятно и буквально на пальцах разъяснено. Спасибки.

      в 22:36 | Ответить
    37. Тимур

      Давненько небыло полезных статей. Несмотря на то, что статья относится к разряду Работа с html, все равно спасибо.

      в 22:46 | Ответить
    38. Рамазан

      Ребят последний вопрос! Когда я публикую статью и оставляю внутренние ссылки на другие мои статьи, эти ссылки идут в комментарии. Как от этого избавиться? [:-|]

      в 22:56 | Ответить
    39. Дмитрий

      Александр, спасибо. Полезная статья, приму на вооружение.

      в 23:08 | Ответить
    40. Виталий Калинин

      Как раз статью опубликовал, сейчас и попробую. ;-)

      в 23:43 | Ответить
      • Дмитрий

        Да действительно полезная статья. надо будет и мне как то опробовать! :)

        в 06:01 | Ответить
    41. Андрей

      Да, способ с якорем давно известен, но редко кто применяет, именно для содержания. Спасибо.

      Александр, а поисковики будут расценивать это содержание, как первый абзац? Рекомендуется же вставлять в первый абзац ключ, при оптимизации статьи. Или ключ надо вставлять в текст после содержания (блока ссылок)?

      в 23:44 | Ответить
      • Александр Борисов

        Не знаю как они будут это расценивать.

        в 12:05 | Ответить
    42. геннадий

      Очень приятно что-то делать приятное для читателей статтей. Код очень полезный для содежания статьи!

      в 00:40 | Ответить
    43. Екатерина

      Спасибо, Александр, за статью! Не знала, как это делается с помощью кода, поэтому пользуюсь плагином. Очень советую всем делать содержание к статьям. Заметила, что когда установила плагин, читатели стали дольше задерживаться на сайте и показатель отказов значительно снизился.

      в 00:50 | Ответить
    44. Юрий

      Прикольная фишка, давно читал про якоря, но видел их в действии только на сайтах-справочниках, как нибудь опробую.

      в 00:56 | Ответить
      • Александр

        Они много где используются, в том числе и на блогах, где статьи объёмные.

        в 09:05 | Ответить
    45. Артём Черкасов

      Хорошая статья, уже давно давно использую оглавления в статьях :-|

      в 00:57 | Ответить
    46. Валерия

      Привет пропащий ;-) ты же вроде раннее говорил, что тебя уволить хотят, а уже дверь ждешь.

      Ну да ладно. Сашь, а я в тему поставила скрипт наподобие твоего, и при написание статьи в самом начале выводиться содержание статьи, но только то, что заключено в теги Н2 и Н3, по желанию конечно можно и усовершенствовать.

      И кстати, а ты не знаешь скриптик, хочу чтобы в начале статьи, т.е. после разрыва тега «морэ» выводились предыдущии статьи по категории? Плагин не нужен.

      в 00:57 | Ответить
      • Александр Борисов

        Валерия вы наверное плохо следите за моим блогом! :)

        Про плагин не слышал.

        в 12:06 | Ответить
    47. Артём Черкасов

      Да не обязательно 1 статью под один запрос, можно 3-5 спокойно использовать, это конечно больше зависит от объёма и полезности материала, но всё же.

      в 01:01 | Ответить
    48. Артём Черкасов

      А зачем так мало спать???

      в 01:06 | Ответить
      • Александр

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

        в 09:08 | Ответить
        • Александр Борисов

          Ну если так спиться. :) У меня питание необычное [:-))]

          в 12:07 | Ответить
          • Артём Черкасов

            А питание каким боком ко сну? Я это не особо понимаю походу [:-|]

            в 20:33 | Ответить
            • Александр Борисов

              Я потом как-нибудь напишу все. Пока что лучше не стоит. Не поймут. :)

              в 21:04 | Ответить
            • Лара

              Артём, например, когда пьёшь кислородные коктейли, то спать меньше хочется! Это как комплексный подход к питанию:))

              в 22:48 | Ответить
            • Павел

              Ну ведь это же очевидно. Можно даже на банальном примере — я, когда голоден, не усну ни под одну колыбельную :)

              в 09:02 | Ответить
          • Александр

            Интересно было бы узнать про это :)

            в 12:09 | Ответить
    49. Николай Чернов

      Александр, а ответа на на вопрос так и нет?

      Или я что то пропустил?

      в 06:42 | Ответить
      • Александр

        Как дверь поставят — так всё и будет (в статье написано).

        в 09:08 | Ответить
    50. Евгений

      Спасибо за статью! Ахах про дверь можно уже писать целые статьи :)

      в 09:02 | Ответить
      • Александр x3m

        Я думаю, уже пора курс про двери сделать! 😉

        в 10:09 | Ответить
    51. Виктор

      Да, действительно данный код отлично поможет посетителю найти нужную строку информации за считанные секунды.

      Спасибо Александр! [good]

      в 09:45 | Ответить
    52. Александр

      Посмотрел, обложки почти всех курсов обновились, классные обложки получились.

      в 10:05 | Ответить
      • Александр Борисов

        Да, самому нравятся, скоро будут все сайты красавцы.

        в 12:08 | Ответить
    53. Геннадий Ольховский

      Александр, спасибо за полезный материал. Твои статьи как всегда с пользой для нас читателей. На счет дверей, разве поближе не было где заказать?

      в 11:36 | Ответить
      • Александр Борисов

        Я в городе и заказал, они мне не сказали просто, что везут с Питера.

        в 12:08 | Ответить
    54. Роман

      Я в свое время тоже ставил подобное содержание и раскидывал якоря по странице... Но. В один прекрасный момент прочитал в учебном материале ( ММ3) что если ссылки на другие страницы сайта дают + ( не помню сколько было написано в таблице) то ссылки внутри страницы наоборот снижают внутреннюю оптимизацию сайта -6. Больше я не ставлю якорей. ваше мнение Александр.

      в 11:41 | Ответить
      • Александр Борисов

        А это не ссылки. Это якоря. Это не вредно, а полезно, так как улучшаются ПФ.

        в 12:09 | Ответить
    55. Сеорубль

      Странное какое-то решение с тегом a2 (вообще что-то не помню, чтобы такой был в html).

      У себя на блоге с помощью якорей сделал страничку со списком партнёрских программ. По аналогии можно и содержание в статьях сделать.

      Соответственно ссылки в статьях на конкретную партнёрскую программу вставляю через тег «а» с атрибутом href, в который записывается url с якорем. А цель ссылки на странице партнёрских программ задаю с помощью того же тега «a», но с атрибутом name, например name="beget".

      Откуда этот тег а2 взялся? Погуглил и что-то его описание не нашёл.

      в 14:05 | Ответить
      • Сергей

        Я про такой тег тоже не слышал, но верю, что он есть [:))]

        в 19:13 | Ответить
        • Сергей

          Увы, но такого тэга нет)) Так что, чтобы код не портить лучше замените «a2» на «span». Эффект тот же, и валидность кода будет.

          в 14:04 | Ответить
    56. Игорь

      Кстати, в блогах эту фишку мало кто использует, а ведь удобно, особенно если статья длинная. Спасибо, Саша, что напомнил. :)

      в 14:49 | Ответить
    57. Дима

      на фотке как настоящий инфобизнес мен! И диски набор + фон ещё.

      в 16:18 | Ответить
      • Александр

        Так, Александр, и есть, настоящий инфобизнесмен :)

        в 15:53 | Ответить
        • Дима

          :) :)

          в 19:27 | Ответить
    58. Сергей

      Интересная штука. Надо будет опробовать. Спасибо. :)

      в 19:12 | Ответить
    59. Артём Черкасов

      Прикольное фото с другом 😉

      в 20:35 | Ответить
    60. Дмитрий

      Да, интересное. такое чувство. вроде недавно только начал :) а тут, смотришь, и уже сколько полезных. курсов Сделал! [good]

      в 23:43 | Ответить
    61. Андрей

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

      <!-- --> как и небыло. Кушает вордпресс их. Не подскажешь, что можно сделать?

      в 01:19 | Ответить
      • Александр Борисов

        Надо в html режиме все сохранять и редактировать потом тоже.

        в 10:53 | Ответить
        • Василий

          Спасибо за такую полезную инструкцию. Но у меня вот такая же проблема. Когда создаешь меню в режиме html все хорошо но после того как переключился в визуальный режим то всё «слетает» якоря вовсе пропадают а меню всё переформатируется и соответственно не работает. Могу показать пример, скажите куда прислать скриншот. Может есть какой-то вариант заставить вордпресс не переделывать при переходе в визуальный режим код?

          в 22:57 | Ответить
    62. Андрей

      Вот и у тебя в комментариях скушал якорь

      . Хоть я его и закомментировал.

      в 01:23 | Ответить
    63. Инна

      Полезный материал, спасибо! Я тут себе плагин один скачала, настроила все, а вот якорь никак не подключить, буду пользовать Вашим способом, спасибо!

      в 14:42 | Ответить
    64. Александр Жук

      Спасибо Александр. Весьма интересная мысль насчет меню в статье. Думаю стоит попробовать и мне так сделать, удобно же получается !

      в 16:10 | Ответить
    65. Андрей

      Саша ну наконец-то. Я частенько вспоминал тебя, думал « Что-то давно от Борисова не было на почту новостей». И тут на тебе. Статья да еще и очень полещная в плане технической части, таких давно не было. За статью спасибо. Ждем новостей. :)

      в 22:04 | Ответить
    66. Григорий

      Здравствуйте! Скажите когда вы выпустите свой курс по созданию блога?

      в 16:01 | Ответить
      • Александр Борисов

        Когда поставят дверь в офис и доделаю его!

        в 16:52 | Ответить
    67. Юрий

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

      в 22:07 | Ответить
    68. marinavarvashenia

      Александр, спасибо большое! Только недавно подумывала, что нужно поискать, как это сделать содержание статьи. Но Вы словно мысли прочитали :-| Кроме того, что сэкономили мое время, так еще и все подробно описали)) Уже попробовала, все получилось)) [good]

      в 11:09 | Ответить
    69. Диана

      Спасибо) Пригодится!

      в 11:09 | Ответить
    70. Философ

      Александр заинтриговал прикольной мини программкой :) Ждем-с :)

      в 13:00 | Ответить
    71. Сергей

      Здравствуйте, Александр. Писал сюда комментарий 2 дня назад, но почему-то он модерацию не прошел… Повторюсь, что ...

      Комментарий уделен автором блога.

      * Примечание: Сергей спасибо, но весь ваш код в комментариях все равно не отбражается.

      в 14:37 | Ответить
      • Сергей

        это правильно не люблю всякие коды в статьях [:))]

        в 07:11 | Ответить
    72. Павел

      Людям гораздо проще ориентироваться в статье с такой штукой

      в 19:03 | Ответить
    73. Павел

      Встречал на одном сайте такую вещь: подразделы статьи раскидывают по спрайтам и легко можно перейти к нужному подразделу.

      в 10:58 | Ответить
    74. Александр Борисов

      Всем спасибо за комментарии!

      в 12:27 | Ответить
    75. Дима

      Я тут обложки посмотрел на фотке. А курс тысячник 1 тоже обновляться будет или только обложка?

      в 15:56 | Ответить
    76. 4elovek_futbolist

      Полезная статья, возьму на заметку [star] [good] [:-))]

      в 23:57 | Ответить
    77. Сергей

      отличная статья мне понравилась!

      в 07:09 | Ответить
    78. Алексей

      Шикарно!

      Ей-богу с каждой статьей все новые и новые фишки узнаю для себя!

      Спасибо вам большое, Александр! [good]

      в 10:00 | Ответить
    79. Мария

      Хорошая информация, пригодится.

      в 12:14 | Ответить
    80. Denys

      Спасибо за статью! Интересная задумка! Интересно повлияет оно как-то на ранжирование???? [:-|]

      в 19:44 | Ответить
    81. Василий Николаевич

      Спасибо!

      В моем проекте все статьи небольшого объема, а вот в новом будет много информации.

      Ваша публикация вовремя! Буду применять обязательно.

      Жду Ваш новый курс о создании блога с нетерпением. Оно ведь как бывает: знаешь много, но структурировать не хватает времени :), или лень :).

      Ваш блог это клондайк структурированой информации.

      Спасибо!

      в 10:53 | Ответить
    82. Елена

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

      в 19:40 | Ответить
    83. Гена

      Давно мечтал сделать такое оглавление для своих статей, но не знал как это делается. Спасибо большое Александр, очень помогли!!!

      в 21:31 | Ответить
    84. Игорь

      Обычный HTML код

      в 19:14 | Ответить
    85. Максим Зборовский

      Полезная вещь, когда пишешь большие посты! Когда-то изучал HTML по видео курсу и не понимал, для чего можно применить данную функцию, а теперь стало ясно

      в 14:39 | Ответить
    86. Константин

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

      в 22:51 | Ответить
    87. Диана

      Спит не спит, а обновлений очень много, это радует.)

      Содержание статьи, это хорошо, но стоит ли ее делать на каждый пост? Или выбирать какие-то особенные? Мне это не очень понятно. У тебя на блоге, тоже не во всех статьях есть содержание.

      в 15:20 | Ответить
    88. Александр Крылов

      Спасибо за статью. Пошёл делать себе содержание ))

      в 14:22 | Ответить
    89. Надежда

      Скажите, пожалуйста, а в следующей статье надо использовать уже другие якоря, скажем, b1,b2... или же можно те же?

      в 18:44 | Ответить
    90. Джек Хелпер

      Каждый раз публикуя у себя статью, захожу и беру этот код содержания wordpress. Ну никак запомнить его не могу... [:-|]

      в 16:39 | Ответить
    91. MIx

      Как сделать что-бы в анонсе не выводилось содержание?

      в 00:24 | Ответить
    92. Андрей Зимин

      Ваши коды не работают в визуальном режиме админ панели! Как можно это исправить?

      в 09:01 | Ответить
    93. Александр

      Добрый день, нужно или нет добавлять к ссылкам содержания статьи тег rel="nofollow". Спасибо за ответ.

      в 04:07 | Ответить
    94. Юра Ванян

      Огромное спасибо за статью, Александр! Не думал, что все так просто! Думал, что опять придется коды всякие добавлять в футер, а тут, оказывается, раз плюнуть! [good]

      в 21:16 | Ответить
    95. Лидия (tytvkysno.ru)

      Спасибо, искала информацию о том, как сделать содержание в статьях со ссылками и через поисковик и попала к Вам, Александр.

      в 12:38 | Ответить
    96. Лидия (tytvkysno.ru)

      Спасибо, Александр, только, как я поняла, проверить в режиме редактирования записи не получится, посмотреть будет возможно лишь после публикации статьи.

      в 12:58 | Ответить
    Оставить комментарий: (ПРОЧТИ ЭТО!!!)
    :) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]