mobile ico

Как сделать содержание для статьи С и БЕЗ помощи плагина

Рубрика:Блоговедение
Как сделать содержание статьи в wordpress

Здравствуйте, мои дорогие читатели. Рад вас видеть. В одной из своих предыдущих статей я говорил, что не лишним будет сделать оглавление, если объем статьи от 6000 символов и более.

Но, как это осуществить, не поделился. Сегодня я всё-таки расскажу вам, как сделать содержание для статьи в wordpress. Хотя эта информация будет полезна не только тем, кто создал сайт на CMS Вордпресс. Просто редактор вордпресса существенно упрощает задачу правки кода статьи.

Небольшая новость блога. Помните, в своем предыдущем отчете я писал, что заказал прогон своего блога по профилям сайтов на feedsite. Только сегодня, спустя примерно две недели, мне на почту пришло письмо с отчетом о проделанной работе. Надеюсь, что эти дополнительные ссылки на мой сайт принесут пользу.

отчет feedsite

С помощью плагина

Я являюсь сторонником того, что на блоге нужно использовать минимальное количество плагинов. Они грузят блог, усложняют код и так далее. У меня сейчас активировано 17 плагинов и есть еще 7 неактивных. Я считаю, что это много. А у вас сколько?

Для нашей задачи тоже существует решение в виде специального плагина.

Хоть я и не сторонник этого подхода, но хотя бы упомянуть о нем я обязан. Есть такой плагин Table of Contents Plus.

table-of-content-plus

Можете установить его, если моя инструкция вам не понравится =) В его настройках задается расположение оглавления и внешний вид. Я ради эксперимента ставил себе на блог это расширение, но мне не понравилось, у меня получается лучше =)

В качестве его недостатков хочу отметить следующее:

  1. Он будет выводить оглавление каждый раз, когда достигнуто минимальное количество заголовков. Меня это не устраивает. По-моему содержание не всегда уместно
  2. Внешний вид может не подойти под конкретный дизайн блога
  3. Возможен конфликт со стилями темы

Без плагина

После того как статья полностью готова и уже ждет, когда я ее опубликую или запланирую на будущее, я приступаю к этому интересному процессу. А процесс этот можно разбить на три маленьких действия:

  1. Создаю нумерованный список из всех заголовков в начале статьи. Место можете выбрать абсолютно любое
  2. Вставляю ссылки в каждый пункт. Для первого пункта – ссылка #1, для второго — #2, для третьего — #3 и так далее.
    Вставка ссылки с #
  3. Перехожу в режим «текст». Перед первым заголовком вставляю код <a name = “1”></a>. Для следующих заголовков меняется только цифра.
    Вставка якорей в код перед заголовками

Чтобы быстрее находить заголовки в коде, я пользуюсь поиском. Нажимаю Ctrl+F и в строке поиска ввожу h2. У меня, как правило, заголовки находятся в теге h2.

Якорь

Если вернуться в визуальный режим, то в тексте будут видны так называемые якоря.

Кстати для тех, кто понимает хоть немножко в коде, показываю, как выглядит оглавление в режиме «текст»:

<strong>Оглавление:</strong>
<ol>
<li><a href="#1">Шрифт</a></li>
<li><a href="#2">Абзацы и подзаголовки</a></li>
<li><a href="#3">Списки и цитаты</a></li>
<li><a href="#4">Картинки и видео</a></li>
<li><a href="#5">Как оживить статью</a></li>
<li><a href="#6">Требования поисковых систем</a></li>
<li><a href="#7">Уникальность</a></li>
<li><a href="#8">Тошнота</a></li>
<li><a href="#9">Правописание</a></li>
<li><a href="#10">Советы для оптимизации</a></li>
</ol>

О том, как также выводить код статьях, я расскажу в следующих публикациях. Если интересно, не пропустите =)

Сохраните изменения. Перейдите на страницу в браузере, чтобы проверить, правильно ли всё работает. Покликайте по всем ссылкам, не спешите. Если всё Окей, то смело публикуйте статью.

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

Видео по теме:

На этом статья подходит к завершению. Теперь мои читатели знают, как сделать оглавление как при помощи плагина, так и без него.

Надеюсь, информация вам понравилась, оставляйте комментарии, не держите всё в себе =)

Поделитесь со своими друзьями в социальных сетях и подписывайтесь на обновления.

До скорых встреч! Пока!

С уважением! Абдуллин Руслан

13.11.2015 (обновлено 26.04.2020)
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Пока оценок нет)
Загрузка...
автор

Меня зовут Абдуллин Руслан, и я автор блога abdullinru.ru

Уверен, что каждый должен стремиться к созданию нескольких источников дохода. Легче всего это сделать в интернете. И это миссия моего блога

Я в социальных сетях
Понравился блог? Подпишись, чтобы получать новые статьи на почту и быть в курсе всех событий!

Комментарии пользователей (73)

  1. Виталий

    Как раз то что надо для моего сайта, а то я пользуюсь стандартными инструментами WordPress.

    • Абдуллин Руслан

      Рад помочь =)

  2. Игорь Самарский

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

    Первый раз получилось, всё работало. Действительно, не так сложно.

    Потом не в какую: стало форматирование давать сбои, текст прыгать, пытаешься подправить — всё прекращает работать. Промучился весь день, делая одно и то же. Плюнул в конце концов.

    А когда нашёл плагин для этого и установил — рад до пяток. Сейчас им пользуюсь. Table of Contents Plus. Сам делает оглавление автоматически. Мне нравится. Что думаешь?

    Интересно, что там будет с прогоном. Напиши обязательно. Говорят, что это может быть опасно. За такие методы фильтр можно получить. Или я не прав?

    • Абдуллин Руслан

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

      Про прогон по профилям. Сомневаюсь, что здесь можно получить фильтр. Здесь ссылки на мой сайт индексируется очень постепенно. Это может занять несколько месяцев. Также я сам переходил на некоторые профили, в которых поставили ссылку на меня — там всё довольно естественно сделано, то есть не просто ссылку кинули, а внутри тематического текста .

    • Валентина

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

      • Надежда Введенская

        Это другой вопрос. Деление текста на абзацы и части — правильное юзобилити. Это действие создает удобство для читателя.

  3. Игорь Самарский

    Извини, название смотрел у себя позже, не обратил внимание, что говоришь про тот же плагин.

    Но почему у меня получился конфликт без плагина? А с плагином всё хорошо?

    И в плагине можно задать количество заголовков, после которого можно выводить оглавление.

    • Абдуллин Руслан

      У всех разные блоги. У тебя на блоге плагин хорошо отображается, на моем ужасно =)

      А как может получиться конфликт без плагина — это для меня загадка. Наверно ты не по моей инструкции делал без плагина =) Я использую стандартные средства: нумерованный список и ссылки. Скорей всего ты вставлял какой-то код в свою тему.

      • Надежда Введенская

        Мне тоже кажется, что стандартные HTML-теги не должны были давать такого полета. Тем более, что пользоваться ими достаточно легко. Скорее всего, что-то было сделано не то.

  4. Анна Апрельская

    Я сейчас использую второй вариант — вручную проставляю содержания в нужных статьях. Но если статья до 5000 знаков, не вижу смысла проставлять оглавление. Заголовки выделяются, люди могут пролистать и все нужное найти быстро. А пока что ищут нужное место может быть их что-то еще заинтересует)

    • Абдуллин Руслан

      Я делаю примерно также. Если чувствую, что статье необходимо содержание, то делаю его.

      А если статья 3000—4000 символов, то однозначно нет смысла в содержании.

      • Надежда Введенская

        Тем более, что чаще всего статью нужно читать последовательно. Иначе человек может что-то упустить и не понять в данном разделе.

        • Валентина

          Я часто читаю статьи по диагонали. Но, зато, в заинтересовавшем меня месте могу остановиться надолго.

          • Надежда Введенская

            Тоже хороший подход. Значительно экономит время. Многие тексты как раз и нужно читать :-D

      • Александр

        Не все статьи нуждаются в последовательном чтении, зависит от запроса пользователя. Мне часто требуется узнать какую-нибудь деталь, дополнение.

        • Надежда Введенская

          Тогда еще вопрос — будет ли такая статья в выдаче по вашему запросу.

        • Александр

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

          • Надежда Введенская

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

          • Александр

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

          • Надежда Введенская

            А не проще вообще набрать запрос «Куликовская битва дата» и прочитать дату в самом сниппете

    • Валентина

      Возможно, содержание статьи в самом начале нужно просто для того, чтобы знать — о чем будет эта статья?

      • Надежда Введенская

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

  5. Вадим

    Руслан, спасибо за варианты! =) А то когда смотришь на свою очередную статью на 6-11 тысяч знаков, понимаешь, что содержание будет к месту. Оно просто облегчит навигацию. Пока конкретный вариант еще не выбрал. Все думаю, как сделать лучше.

    • Абдуллин Руслан

      Для себя я выбрал вручную добавлять содержание.

      Но также знаю, что многие используют плагин и им нравится

  6. Yulia

    Руслан, большое спасибо за видео и объяснения! Воспользуюсь вашими рекомендациями.

    • Абдуллин Руслан

      Юлия, не за что. Надеюсь всё получится.

    • Александр

      Видео не смотрел, пытался понять по тексту статьи. Не понимаю значения «сделать содержание для статьи», и при чём тут нумерованный список. Пока сложно для меня.

      • Александр

        Разобрался. Сделать содержание для статьи — составить оглавление для текста статьи.

  7. Надежда Введенская

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

    • Александр

      Не нравится мне слово «содержание» в таком контексте. Оно запутывает начинающего, как запутало меня. Содержание здесь значит план или оглавление статьи.

    • Анютка Незабудка

      Содержание с переходами очень удобно. Сразу видно что в статье, и можно перейти именно туда, куда надо.

      • Надежда Введенская

        Конечно удобно, если сделано с толком. Сейчас же часто наблюдаешь, что авторы делаю содержание статьи совсем не к месту.

    • Анютка Незабудка

      Без переходов содержание-не очень удобно. Название статьи достаточно объясняет о чем статья. А с переходами можно сразу попасть именно на нужную информацию.

      • Надежда Введенская

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

        • Валентина

          Это правильно. Если в начале статьи имеется перечень подзаголовков, отражающих содержание статьи, то становится понятно — читать статью или нет. возможно, что только часть вопросов заинтересует, и то уже уделишь этой статье внимание.

          • Надежда Введенская

            Я могу уделить внимание даже из-за одного вопроса =) Если в статье будет информация, которую я точно ищу в интернете.

  8. Надежда Введенская

    Претензии к тем, кто ввел этот термин. Как раз слово №план№ в данном контексте не используется. Хотя, по сути, оно более правильное.

    • Валентина

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

      • Надежда Введенская

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

        А вот статья — это другой формат. Посмотрите любую газету или журнал.

  9. Диля

    Соглашусь с Русланом — ручное составление переходов не такое уж и сложное занятие. И не всегда с плагином легче — для меня будет намного продуктивнее пробежаться по тексту и вставить теги, как раз и проверю статью еще раз.

    • Анютка Незабудка

      Для этого Руслан привел два способа — с плагином и без. Каждый воспользуется удобным для него способом.

      • Надежда Введенская

        Не забывайте, что это еще один плагин. А надо стремиться минимизировать их число.

  10. Надежда Введенская

    Тем более, что переходы делаются на название разделов.

    Однако стоит не забывать, что есть такие люди, что не дружат с тегами. Им с плагином будет проще.

  11. Анютка Незабудка

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

    • Надежда Введенская

      Естественно, опыт приходит с практикой ;) Чем больше ты что-то делаешь, тем оно тебе привычнее.

  12. Галина Яковенко

    Давно задумалась о содержании к статьям, но не знала как это осуществить, а здесь всё понятно, даже способ без плагина мне понятен, у кого-то недавно читала, но там всё длиннее и мне сложнее было разобраться. Спасибо Руслан, коротко и ясно разъяснил.

    • Абдуллин Руслан

      Не за что, Галина.

      Рад помочь

    • Надежда Введенская

      Галина, у Руслана вообще все статьи — подробное руководство. И бесплатное, заметьте :P Не знаю, сколько вы там платите за свои курсы, но здесь вы можете очень многое почерпнуть просто «за спасибо».

  13. Александр

    Руслан, спасибо за статью! Для себя выбрал второй вариант, да, чуть подольше придется делать, но мне так больше нравится =))

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

    • Абдуллин Руслан

      Привет, Александр.

      Я считаю, что это нужно только для удобства читателей. Это конечно может повлиять на поведенение читателей, но не думаю, что это существенно повлияет на отношение поисковиков к сайту

  14. Алина

    Спасибо огромное! =)

    • Абдуллин Руслан

      Рад помочь

  15. Айк

    ;) ;) ;) Давно искал подробную инструкцию. ;) ;) ;)

    Спасибо большое 8)

    • Абдуллин Руслан

      Рад помочь =)

  16. Orestos

    А как содержание обвести рамкой вручную?

    • Абдуллин Руслан

      Это уже сложнее. Придётся поковыряться в стилях.

  17. Евгений

    Большое спс! Давно искал как это сделать!

  18. Дмитрий

    Приветствую. Можете советом помочь?

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

    Текст подзаголовка

    Спросил у владельца бывшего, почему так, а не по стандартному

    Текст подзаголовка

    Отвечает, что правильнее с точки зрения SEO оформлять DIV-ами, потому что внутри лишнего ничего быть не должно.

    Серьёзно, что ли, или разницы никакой нет?

    • Абдуллин Руслан

      Привет. Не видно, что за конструкция...

  19. Дмитрий

    Сори, я не думал, что здесь здесь стили работать будут.

    Продублировал на пасте:

    pastebin.com/eNAfNu8Q

    • Абдуллин Руслан

      Понял. Я всё-таки считаю что div-ы здесь лишние.

  20. Дмитрий

    Спасибо

  21. Александр

    Спасибо Руслан, я тоже не люблю нагружать сайт плагинами.

    Плюс в том, что оглавление статьи можно отредактировать индивидуально...

  22. Лидия (tytvkysno.ru)

    Спасибо, Руслан. Я воспользовалась плагином для вывода содержания. Правда плагин странно нумерует заголовки в статье. Например:

    h2 — 1 Форель запеченная в тесте. Рецепт с фото

    h3 — 1.1 Ингредиенты для " Форель запеченная под шубой "

    h4 — 1.1.1 Пошаговый рецепт « Форель запеченная в тесте под шубой»

    Пробовала прописывать все заголовки h2, тогда получается нормальная нумерация пунктов: 1,2,3. Но у меня вопрос: можно ли в статье все подзаголовки делать h2 ?

    • Абдуллин Руслан

      Не за что. У меня практически всегда все заголовки именно h2. h3 пользуюсь редко, h4 так вообще никогда =)

      • Надежда Введенская

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

  23. Максим

    Благодарю за предоставленную информацию, получается если статьи небольшие, то можно не использовать содержание, просто я думал это хорошо сказывается на оптимизации в целом, или это заблуждение.

    • Абдуллин Руслан

      Я думаю, что в каждом случае это индивидуально.

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

  24. Sergey

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

    • Inwe

      Не понял в чём проблема. Я вот тут c-wd.ru/tools/html/ в два клика создаю содержание.

      • Абдуллин Руслан

        Спасибо за еще один способ

  25. Елена Никандрова

    Благодарю чза полезную информацию, которую вы еще и наглядно показали. То, что мне и было нужно. =)

  26. Жанна

    Полезная статья, спасибо.

Правила комментирования
author-photo
автор блога:
Я в социальных сетях
  • [sendpulse-form id="3774"]
    Adblock
    detector