Люди заходят на наши сайты и блоги обычно с целью поиска какой-то конкретной информации, конкретных ответов на свои вопросы. У многих блоггеров есть привычка писать всяческие вступления по полметра для своих статей. Допустим, человек ищет информацию о том, как закачать видео на YouTube и попадает вот на эту статью.
У него простой вопрос, на который есть ответ в моей статье, но он находится в самом ее конце. И если не будет оглавления, то но полистает немного, ничего не найдет, закроет мою страницу и пойдет искать информацию на других сайтах. Все, я потерял посетителя, да еще он вернулся в поисковую выдачу и продолжил поиск. А это очень плохо, это ухудшение поведенческих факторов, поисковые системы это видят и понизят мой сайт по вышеуказанному запросу.
Бывают и другие ситуации, они также актуальны для объемных постов. Например, заходит человек и ищет ответ на вопрос, а его нет в статье. Он смотрит оглавление, закрывает страницу и продолжает поиск. Поисковые системы опять понижают наш сайт по этому запросу.
Как сделать сторис вк — АКТУАЛЬНОЕ ВКОНТАКТЕ сообщества
Допустим, вы разбили статью на подзаголовки h2, как у меня в этой статье и хотите сделать содержания, пункты которого будут перебрасывать к этим подзаголовкам. Для этого, нужно сначала назначить им какие-нибудь идентификаторы (id), например, так:
В моем случае я подставил «id=»a1″», соответственно, подставляем идентификаторы к остальным подзаголовкам нашей статьи, «id=»a2″», «id=»a3″» и так далее. Ну я думаю, что вы поняли.
Назначать идентификаторы (id) можно к любым тэгам, не только , но также, например,
, и т.п. Думаю, вы с этим разберетесь. Например, нажмите эту ссылку, и вы снова увидите мое приветствие в начале поста
Это приветствие я заключил в тэг
и назначил ему идентификатор, все просто!
Кстати, если вы не хотите вручную расставлять ссылки, то это очень просто сделать стандартной кнопкой добавления ссылок, только в качестве ссылки указывайте, например, «#a1», выглядит это так:
Галочку «Открывать в новом окне» ставить не нужно! В общем, я думаю что вы разберетесь, ничего сложного здесь нет.
На этом у меня все. Спасибо что читаете мой блог!
С уважением, Александр Бобрин
Источник: asbseo.ru
Активные ссылки содержания работают только внутри статьи (поста) вашего блога. Место, куда должно перебросить пользователя вы определяете сами, вставляя анкор (или якорь) в нужное место статьи.
Итак, оглавление в блоге:
- Улучшает навигацию по статье
- Помогает вашему посетителю быстро найти нужную информацию
- Улучшает поведенческие факторы сайта
Делаем оглавление в статье вручную, с помощью html-кода
Естественно, нужно поменять текст в содержании и в якорной ссылке, которая ведет в саму статью. Строчек кода нужно добавить столько, сколько пунктов вы хотите чтобы у вас было в содержании.
Как сделать оглавление | Автособираемое оглавление
Так же можно обойтись без правки кода статьи блога в текстовом режиме. Существует множество плагинов для создания Содержания в статьях. Я расскажу о небольшом, но действенном плагине, который мне понравился. Называется он Easy Table of Contents. Плагин регулярно обновляется, не заброшен. На момент написания статьи, для установки была доступна версия 1.6.1.
Так же хочу заметить, что плагин бесплатен.
Установка достаточно тривиальна для WordPress плагинов. Переходим по ссылке, скачиваем, устанавливаем и активируем.
Затем нужно его немного настроить под свои требования — смотрите скриншоты ниже. (Кликните по картинке для увеличения)
Настройки довольно гибкие и позволяют менять все что душе угодно — начиная от заголовка, заканчивая цветом, анимацией прокрутки и тем, какие типы заголовков будут подхватываться, для создания содержания в статье.
Заключение
На этом на сегодня всё, подписывайтесь на обновления блога, поделитесь записью в соцсетях и следите за новыми обзорами и статьями! Всем добра!
Источник: pingmeup.ru
Как сделать оглавление к статье на сайте в html
Когда мы выбираем книгу в книжном магазине, смотрим в каком переплете книга, удобно ли будет ее читать, какой типографический шрифт и обязательно просматриваем в начале описание, о чем пишется в книге, суть произведения, в каком жанре написан. И конечно смотрим на оглавление, сколько глав в издании, сколько страниц. Это дает нам понять нужна нам эта книга, будем ли мы её читать или после покупки будет пылиться на полочке в библиотеке.
Так же и в интернете, по моему мнению, к каждой длинной статье с множеством ключевых запросов должно быть оглавление. Посетитель зайдя по запросу в считанные минуты глазами обязан найти то за чем он пришел.
Как известно скрипты, виджеты, гаджеты и плагины очень грузят сайт, и html страницы открываются медленно. Всего должно быть по минимуму, особенно в самом начале ведения сайта и если ваш сайт на https. Любой сторонний виджет или скрипт может нарушать безопасное соединение.
Пример подсмотрела у любимого мною блоггера Дмитрия, за что ему огромное спасибо за доступные и хорошие уроки. Его сайт у меня в панели закладок вверху браузера:)
К примеру на сайте статья про бегущую строку в html, я знаю как вставить бегущую строку на сайт и какой тег создает бегущую строку, но совсем не ведаю как вставить картинку в бегущую строку. Когда я захожу на такую длинную запись, нет надобности читать весь текст, я зашла по конкретному вопросу. В содержании я нажимаю на тот пункт который меня интересует и получаю быстрый ответ на свой запрос. Безусловно это уменьшает время посещения посетителя на сайте, но поисковики, особенно Яндекс любит, когда запись имеет оглавление к статье с красивыми и понятными ЧПУ.
Или же мне задали вопрос по конкретному запросу и я могу смело найти статью и кинуть ссылку на нужный раздел в статье.
Как делаю я cсылки внутри страницы. Для примера использую статью «Как закрепить запись вверху ленты».
Собрала ключевые слова в Яндекс вордстат или в условно платном сервисе Мутаген. Вставила все ключи и хвосты в запись, обязательно в html редакторе как список. Перед публикацией подготавливаю и редактирую статьи в программе Notepad++ или WordPad.
Беру список ключей
И чуточку ниже вставляю те же ключи, но обрамляю их в заголовки, открывающими и закрывающими тегами h2 — h6. Возможно у вас заголовки и подзаголовки в статье прописываются одним тегом.
Заголовки и подзаголовки.
Закрепить запись на WordPress
Как закрепить запись в фейсбук
Как закрепить запись в вк в группе
Как закрепить чужую запись на стене вконтакте
Как закрепить твит вверху ленты в Твиттере
Человеческий мозг мощнее любого компьютера, вот воистину божественное создание, но и он дает иногда сбои и что бы его не перегружать я всегда держу на компьютере в отдельном файлике такую вот конструкцию:
Название ключа
Первый код это якорь, то-есть ссылка с якорем, которая содержит символ # (решетка) или еще его называют хештег с английского hashtag. После хеш-тэга прописывается идентификатор (атрибут id).
При щелчке по такой ссылке браузер прокрутит окно страницы к нужному месту где находится элемент с атрибутом id, перезагрузка страницы и текста не произойдет.
Второй код это закладка с уникальным именем идентификатором, куда после нажатия на раздел в статье вас перебросит.
Вот так должно выглядеть в записи:
Список ссылок вставляем в начало записи после первого абзаца или после первого заголовка. Там уж сами решите какой список у вас будет маркированный или нумерованный. Можно вставить список в красивую рамочку или в таблицу.
Еще очень интересный и быстрый способ создать оглавление статьи на сайте без плагина.
В записи открываем вкладку Визуально, вставляем все ключевые слова списком в то место где будет оглавление, в статье эти же ключи выделяем заголовками и подзаголовками.
Далее редактируем список, выделяем первый пункт списка и на панели инструментов нажимаем на скрепку (икона вставки ссылок). В открывшемся окошке жмем на шестеренку и настраиваем ссылку. В следующем окне Введите адрес назначения (URL) в графу URL вставляем якорь ссылки-хештег и идентификатор.
#soderzhanie-stati-vordpress-po-zagolovkam
Или запись может быть такая:
#1, #2, #3 и так далее.
Не обязательно после решетки должен быть ключ на латинице, в уроке описываю как это делаю я. Ключи могут быть короткими или вообще после хеш-тэга можно прописывать META-тег Keywords.
К примеру основной адрес этой статьи
https://yablogger.info/kak-sdelat-soderzhanie-stati-na-sajte.html
А если мы добавим после хэш-тега мета тег keywords, что в переводе значат ключевые слова, то ЧПУ будет выглядеть так:
Или например еще так:
https://yablogger.info/belye-tapochki.html#kupit
На мой взгляд — для поисковых роботов это намного привлекательнее и понятнее чем просто циферки в конце.
Далее переходим в html редактор на вкладку текст, находим в статье подзаголовки и перед каждым вставляем такой код.
Источник: yablogger.info