Как сделать якорь ссылку или как побаловать посетителей удобной навигацией по статье

якорь ссылкаЗдравствуйте уважаемые посетители моего блога.

В этой статье речь пойдёт о таком термине как якорь ссылка, или другими словами создание краткого содержания статьи.

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

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

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

И так, больше не буду философствовать и размышлять, а приступлю сразу к делу.

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

Кстати, вот один из примеров использования якорей.

И так поехали.

Что такое якорь

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

Например, обратите внимание на содержание этой статьи.

Первым пунктом в содержании, фигурирует предложение «Что такое якорь». Это предложение выглядит как ссылка, но она не ведёт на другую статью или сайт, а она ведёт на подзаголовок этой же статьи. Как я это сделал?

В подзаголовке я вставил якорь, то есть этот специальный HTML тег, а в предложении «Что такое якорь», который находится в содержании, я поставил ссылку на этот самый тег. И теперь, кликая на это предложение вы перенесётесь конкретно на подзаголовок статьи. Запутались? Ну не страшно. Читайте дальше и вам станет всё понятно!

Зачем нужны якоря и в каких случаях их нужно использовать

Так зачем же нужны эти якоря?

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

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

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

В каких случаях использовать якорь ссылку

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

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

Очень тяжело написать объёмную статью, в которой вся информация будет считаться качественной и уникальной.

Например, даже эта статья, которую вы читаете сейчас:

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

Кстати, почитайте эту статью тоже:   Как вывести похожие записи в Wordpress внутри статьи, или автоматическая внутренняя перелинковка нового поколения. Обзор плагина Inline Related Posts

Именно в такой ситуации вам обязательно нужно будет использовать якоря.

И так, хватит теории и прямо сейчас перейдём к практике.

Как установить якорь в статье с помощью HTML тегов

Первый способ установки якоря мы будем делать вручную, вставляя html теги в самой статье, через текстовый редактор админки wordpress.

Для того чтобы стало более понятно, покажу вам как я это сделал в этой же статье.

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

Открываем нашу статью в текстовом редакторе и находим наш подзаголовок <h2> и через пробел вставляем наш этот тег – id=»1″ Получится так:

 h2 id="1" style="text-align: center;">Что такое якорь</h2>

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

Так это выглядит в визуальном редакторе:

установка якоря в статье

А так это выглядит в текстовом редакторе:

 

установка якоря в статье

 

Примечание: возможно вставить якорь только при наличие в тексте каких-либо тегов, например: <p> <li> <br> <strong> и так далее…

Если же вы хотите поставить якорь в слове, перед которым нет таких тегов, то вам в любом случае придется их добавить. Например, вы можете сделать это слово под наклоном (<em>) или жирным шрифтом (<strong>) и только тогда можете спокойно забрасывать свой якорь в него.

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

Как установить ссылку на якорь с помощью HTML тегов

Для начала, нам нужно определить какое словосочетание будет ссылкой.  В моём случае ссылкой будет первый пункт в содержании статьи, то есть «Что такое якорь».

И опять же открываем нашу статью в текстовом редакторе и находим наш первый пункт в содержании статьи <em> и рядом с ним добавляем ссылку на якорь, то есть так:

a href="#1"

и в конце предложения не забываем закрыть этот тег </a>. Получится так:

a href="#1">Что такое якорь.</a></em>

Обратите внимание на цифру 1. Она должна совпадать с цифрой, которую мы прописали в якоре, это и есть наш уникальный идентификатор.

Так это выглядит в визуальном редакторе:

ссылка на якорь

А так это выглядит в текстовом редакторе:

ссылка на якорь

 

Ну вот и всё. Теперь при переходе по ссылке в содержании статьи, вы сразу переместитесь в нужное месте на странице.

Как установить якорь и ссылку на него в статье с помощью плагина TinyMCE Advanced

Если вы дочитали статью до этого момента и у вас перекосились глаза от всех этих html тегов, кодов, текстовых редакторов и т.п. то сейчас вы увидите более простой способ забрасывания якорей в статьях. Поблагодарим за это отличный плагин TinyMCE Advanced.

Плагин TinyMSE Advanced предназначен для расширения визуального и текстового редактора в админке wordpress. Тем самым он предоставляет дополнительные возможности работы с текстом при написании новых статей.

Честно говоря, я и сам воспользовался возможностями этого плагина для вставки якорей в статьях.

Те, кто сейчас будут доказывать, что не стоит устанавливать плагины из-за нагрузки на сервер, я не буду с ними спорить, а просто пошлю их…на две гениальные статьи, которые написал Александр Каратаев. Первая статья, про скорость загрузки сайта, а вторая статья про плагины и коды. Так что спорте с ним smile Лично я с ним согласен.

Итак, сразу к делу.

Скачиваем плагин здесь или находим его прямо в поиске новых плагинов в админ панели WordPress. Устанавливаем, активируем. Заходим в левом столбце в «Настройки», потом в плагин «TinyMCE Advanced».

Кстати, почитайте эту статью тоже:   Что такое движок сайта - CMS. И какой движок для сайта лучше выбрать. Давайте разбираться

 

Установка плагина TinyMCE Advanced

После этого мы увидим настройки плагина и его внешний вид.

плагин TinyMCE Advanced

 

В принципе, то что вы увидите, это внешний вид вашего стандартного редактора, а под ним все расширения для него, которые предлагает наш плагин.

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

расширенный редактор админ панели wordpress

 

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

Нажмём на ярлык «якорь», который мы перенесли в прошлом пункте и перед вами появится окошко, в котором вы должны вписать его название. Помните, в начале я писал об уникальном идентификаторе? Так и здесь, пишем в этот раз цифру 2 или любое другое слово и жмём на OK.якорь с помощью плагина TinyMCE Advanced

 

После этих действий вы увидите значок якоря перед подзаголовком. Так это выглядит:

вид якоря через плагин TinyMCE Advanced

 

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

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

ссылка на якорь плагин TinyMCE Advanced

 

Здесь в выпадающем меню рядом с пунктом «якоря», нам нужно будет выбрать наш якорь. Помните, я назвал его цифрой 2. И после этого в строке URL появится ссылка, которая выглядит так — #2. Кстати, именно такое будет окончание на якорных ссылках в браузере. После этого жмём на OK. Так это выглядит:

идентификатор якоря в статье

Вот и всё! Согласитесь со мной, что этот способ намного легче, чем прописывать всякие теги вручную.  Хотя каждому своё, так что делайте так, как вам будет угодно.

Как установить якорь ссылку на другую статью блога

Иногда вам потребуется поставить якорь в определённый текст, который находится абсолютно в другой статье блога.

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

Как это делается? Очень просто!

Вы должны повторить все действия, которые я описывал в этой статье, но с маленьким отличием.

Как поставить в нужном месте якорь, объяснять заново не нужно. Поэтому ставим его в тексте с обзором на блогера, например цифру 5 ( id=»5″), а в другой статье, там где должна стоять ссылка на этот якорь, прописываем такой тег:
<ahref="адрес">статья про блогера</а>
Я знаю, что это выглядит непонятно и закручено, поэтому без всяких стеснений и неудобств, задавайте мне любые вопросы в комментариях!

Как установить якорь ссылку на другую статью блога с помощью плагина TinyMCE Advanced

Здесь всё намного проще. После того как установили якорь, открываете статью, в которой должна стоять ссылка на него, обозначаете слово или предложение, которое станет ссылкой и нажимаете на ярлык «вставить ссылку». В окошке, которое увидите, в поле URL вписываете ссылку на статью и в самом конце дописываете вручную #5

ссылка якорь на другую статью

На этом всё! Я хочу повторить вам ещё раз. Если вам что-то было не совсем понятно, то обязательно обращайтесь ко мне с любыми вопросами в комментариях. Ох, и загрузил же я вас скриншотами и разными иероглифами виде HTML кодов и т.п smile

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

С уважением, Игорь Черноморец

Если вам понравилась статья - поделитесь ею в социальных сетях с друзьями!

Подпишитесь на обновления блога!

Введите свой e-mail адрес

К записи "Как сделать якорь ссылку или как побаловать посетителей удобной навигацией по статье" оставлено 87 коммент.
  1. Сегодня читаю уже вторую статью на эту тему. Для длинных статей это действительно необходимо. А во короткие статьи и так достаточно просто охватить взглядом. Надо взять на заметку, спасибо, Игорь!

    • Привет Надежда! Ну это как закон подлости.За последние полгода я не встречал ни одной статьи на эту тему, у блогеров, которых я читаю на постоянной основе, а их…более 50-и 13Именно поэтому я и решил написать эту статью, как бы предоставить забытую информацию и более или менее новую(для некоторых)

      Ну если ты взяла эту статью на заметку, значит я добился того, чего хотел 18

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

      • У меня только остается вопрос оптимизации: ссылки будут дублировать слова в статье, плотность ключевых увеличится. Как в этом случае оптимизировать статью? Это неисслдованная территория для меня 43

        • Надежда, я согласен, что ссылки дублируют слова в статье, но…сколько их уже там? Ну так увеличится плотность ключей с 5% до 5,5%, это же не значительно! Кстати в этой статье плотность ключей супер большая(я даже нервничаю сейчас) но, главное это то, чтобы все ключи не были с точным вхождением и разбросаны нелинеарно по статье, это то что я пытался здесь сделать! Почему то уверен в том, что моя статья ворвется в топ уже в ближайшее время, так как я анализировал похожие статьи конкурентов и действовал соответственно!

          Или же, я поплачусь за свои эксперименты и получу по шапке от ПС 11

        • Во-первых, якорь — это не совсем ссылка… Это всё-же якорь. Идентификатор…
          Во-вторых, существует правило оптимизации внутренних ссылок — текст ссылки не должен повторять заголовок или текст куда ссылается. Только при необходимости. А обычно текст такой ссылки можно прописывать другими словами. В этом случае плотностью ключевых слов легко варьировать как нужно. Вот и вся премудрость.

          • Так вы предлагаете изменить текст ссылок в содержании? И тогда нечего волноваться?

            •  Так вы предлагаете изменить текст ссылок в содержании?

               Конечно-же нет, Игорь! Как раз-таки в содержании (оглавлении) вполне логично и правильно, когда текст ссылки совпадает с название раздела, на который указывает. Я думал, это понятно…
              Тут вот в чём фишка. Допустим, одна из ключевых фраз Вашей статьи — это «Что такое якорь«. Допустим, так-же, что для достижения 100% релевантности Вам необходимо иметь 4 точных вхождения этой фразы.
              Расклад такой — один раз — это название раздела и три раза фраза в тексте.
              Теперь Вы создаёте оглавление, где эта фраза присутствует. Значит просто из текста одну фразу меняете на подходящую по смыслу, но другими словами. Таким образом, у Вас остаётся требуемых четыре точных вхождения ключевой фразы с учётом оглавления.
              А я говорю о том, что ведь ссылок на раздел «Что такое якорь» может быть несколько, как в этой-же статье, так и в других… Вот в этом случае рекомендуется текст ссылки изменять на похожий по смыслу… Но строго привязано к смысловому контексту текста. Например: «В чём суть якоря?«, «Поговорим об анкорах«… и т.д. Вот к такому подходу ко внутренней перелинуовки ПС относятся более радостно.
              Неправильно вставлять везде один и тот-же текст ссылки. Я вот о чём говорил…

            • По моему,более понятней объяснения чем ваше, никто и никогда не сможет повторить!  03

              Спасибо

            • Что-то ответы на комментарии не приходят…

            • Ну вот, опять 2513

              Что же это за беда такая 01

          • Юрий:

            Только весь фокус в том, что 100% релевантность не нужна, этой ерундой можно не забивать голову.
            Четыре раза повторять ключевую фразу не обязательно, в ТОП статья выйдет по другим параметрам.

        • Надежда, не забивайте голову оптимизацией. Пишите то, что люди хотят читать. Как правильно оптимизировать знают только поисковые роботы. Вообще сео-оптимизация — выкачка бабла из людей

  2. Игорь, честно, супер!28 Я именно вот этого момента и не знал, так что спасибо. Теперь будем кидать якоря18в статьях. Ну а для перехода на обзор блогера, это наверное лишнее. Думаю достаточно будет ссылки на статью. Хотя, поживем увидим.16

    • Андрей, как я рад, что тебе оказалась полезная эта статья 18

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

      По моему, это круто!

      • Ну ты же знаешь, я на столько символов не пишу14 у меня статьи коротенькие16 А лишний раз прочитать про хорошего человека и не грех18

        • Да, я знаю Андрей! Тебе скорей всего не потребуется использовать якоря,но…иди знай что будет в будущем? Может быть в тебе проснется такая муза, что не сможешь остановится писать какую-то новую статью и она побъет все твои и мои рекорды и по количеству символов вместе взятые07

          Как раз в такой момент ты вспомнишь меня и эту статью! А я буду очень счастлив из-за этого 18

          • Это че я тебе плохого сделал?

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

              Например эта статья…для того, чтобы посетителю стало все понятно без вопросов, короче нереально было ее написать!!! 

              Может быть из-за этого я так редко пишу?

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

    • Привет Людмила! 

      доступно даже чайникам, как это умеешь делать только ты

      Ну не только я, но мне очень приятно было это слышать,спасибо!

      Во-первых, я очень рад, что для тебя эта информация была в новинку и полезна.

      Во-вторых, ты меня извини, но я не совсем понял причем здесь комментарии 04

      Ведь речь идет о длине статей, а не комментариев! Или ты имела ввиду что-то другое, а я туплю 11

      • Да, похоже это я ступилаsmile. Думала так же можно легко опуститься с конца статьи вниз к пустой форме комментариев 11. Всё вопросов нет, поняла, что я не поняла09

        • Людмила, да ничего ты не ступила! Эта статья мне тоже показалась немного запутанной, так что это вполне логично, что будут недоумения, именно поэтому я настоял в ней, чтобы без стеснения спрашивали меня любые вопросы в комментах!

          А если хочешь быстро спуститься к форме комментариев, то просто нажми на стрелку вниз, которая находится справа! Там есть четыре разных кнопочки — вниз, вверх, пауза и читать

  4. Привет, учитель! Не  так давно я обратила внимание на эту фишку, только не знала, что это якорь. Удобная вещь для длинных статей, которыми я грешу. Не знаю, поставлю ли плагин, подумаю над этим, но ежели что — знаю куда идти теперь за советом.
    Игорь, мне очень понравилось, как подробно и обстоятельно ты рассказал. Так и нужно для тех, кто придет за информацией на эту тему. И не сомневаюсь, что статья выйдет в ТОП, она достойна этого. Так держать!16

  5. Игорь, на такую большую статью будет мой небольшой комментарий!)
    Мне якорь явно не скоро понадобится, у меня нет такой гиперписанины!!))) Но буду знать!)

    • Азик, не загадывай заранее! Ты не знаешь какие у тебя будут статьи в будущем! 08

      В любом случае, буду рад, если тебе поможет именно моя статья, когда это тебе понадобится 07

  6. Игорь, отличная статья! Всё очень доступно и понятно описал.

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

     Вот я как раз из этой категории 06 Вот знаю, на корпоративном сайте просто ручками якорей понатыкано… море, а вот на собственном блоге… Сколько раз уже думал — буду писать статью, обязательно сделаю содержание и якорями ссылки. Так нет-же. Начинаю писать, творческий процесс, блин, и забываю про это.
    Кстати, якоря могут только повысить релевантность страницы. С умом-же надо пользоваться… И на другие статьи в нужные места очень полезно и удобно.
    Короче говоря, здорово всё тут описано. Поздравляю — профессиональная статья!
    12

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

      Спасибо большое за этот комментарий, вы мне повышаете самооценку 28

  7. Игорь, ошибки исправь, плизз «зделаю»…

  8. Статья удалась28. Правда вот я например никогда якорями не пользуюсь)))

  9. Есть более простой способ собирать содержание. Я ж ленивый жутко, а потому использую автоматический способ сбора содержания. Код взял у Камы http://wp-kama.ru/id_1513/kak-byistro-sozdat-soderzhanie-dlya-bolshih-postov.html
    Больше года пользуюсь и доволен

    ПС. Так и не понял, отправил я комент или нет… Если что, удалите дубликат

  10. Игорь, поставь плагин WordPress Rainbow Hilite, чтобы код в статьях выводить корректно.
    Удобная штука — якорь. Я добавила в одну статью, когда поняла, что она такая огромная, что я сама в ней теряюсь )) Не знала об этом плагине, я все по-старинке, вручную ставлю smile

    • Привет Жанна! У меня установлен этот плагин уже несколько месяцев, но так как до сих пор у меня не было статей, в которых я прописывал коды, то я его не использовал и соответственно напрочь про него забыл!!13Спасибо тебе за то, что напомнила о нем! Обязательно отредактирую статью с его помощью.

  11. Недавно искал информацию про них, так как забыл как якоря ставить smileСпасибо!Пригодится как раз в моей следующей статье.

  12. В дополнение: якорь, можно бросить и на другую веб страницу:[code]<a href=»http://адрес сайта/страница.html#1″>Ссылка</a>[/code]
    http://адрес сайта/страница.html — это адрес сайта и страницы, на которой будет закидываться якорь
    #1 — это название якоря.
    Теперь переходим на «http://адрес сайта/страница.html», и вставляем вот такой код в нужный раздел:
    [code]<a name=»1″>Заголовок</a>[/code]

    • Привет Степан! Спасибо за дополнение, но по моему я это написал в статье!

      • Да, Игорь, написал! Но я не уверен, что так как ты написал, оно будет работать! Но я могу ошибаться! Во первых исправь в коде, у тебя скобка стоит:<a href=»#5″>а нужно закрывать #5 лапками. Хотя я смотрю в моем комментарии тоже лапки не поставились. Игорь, исправь! Для правильного отображения кода используй плагин «SyntaxHighlighter Evolved».Во вторых, где адрес сайта или другой страницы на которую закидывается якорь?Ты не написал до конца, как закидывается якорь в HTML.05

        • Степан, ты оказался абсолютно прав!!! я не правильно прописал код, а ты правильно!

          Установил я уже плагин для корректной подсветки кода! Так что, сейчас по идее всё ок!

          Спасибо тебе большое

  13. Надо взять себе не заметку. А то я писать короткие статьи разучился. Хочется всегда раскрыть тему максимально подробно. Донести до читателя какую-то интересную идею. А тут в рекомендуемые 2-3 тысячи символов ну никак не уложится. Так что надо взять себе на заметку такое вот содержание с якорями, чтобы посетителю было удобнее сразу опуститься на тот момент, который ему нужен и интересен. 

  14. Игорь, привет! Когда уже порадуешь новым постом? Хочу новостей!

    • Надежда, мне конечно очень льстит тот факт, что сама Надежда Давыдова ждёт от меня новостей 07, но эту статью я написал всего лишь 3 дня назад, а чаще чем одну статью в неделю у меня до сих пор ну никак не получалось написать 01 Но, ради тебя я постараюсь сделать всё возможное, что только от меня зависит!

      Спасибо тебе!

  15. Привет Игорь. Скажи, а в подвале блога «ВОЙТИ», это куда вход? в админку что ли?

    • В подвале блоге «Войти» это вход в админку, ты угадал! Эта опция была вшита в шаблон изначально. Я хотел попросить автора шаблона, чтобы он убрал ее, но потом передумал. Я пользуюсь этой опцией постоянно. Так что, очень удобная штука оказалась

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

  16. Кстати, Игорь, а ты заметил, что когда кликаешь по первой ссылке оглавления то осуществляется не переход к якорю, а открывается новая страница и там уже переходит к якорю. Остальные-же ссылки работают нормально.
    Я пробовал — у меня тоже самое. Причину пока так и не нашёл, правда сильно и не искал….

    • Да, Александр, я заметил! Скорей всего, причина этому один из плагинов, а конкретней…плагин котопый ссылки закрывант в nofollow(забыл как называется), но не точно, я еще не проверял. Ведь он единственный, который добавляет target blank во все ссылки, не так ли? Странно только то, что в данном случае он это делает только в первых ссылках. 

      У меня сегодня не будет времени проверить, может у вас сегодня найдется время проверить это дело?

      • Проверил. Это глючит wp-noexternal-links… Я его отключил, вернул свой старенький wp-noref и проблема ушла. Правда плагин, в отличие от wp-noexternal-links, не умеет добавлять target =»_blank», это плохо, но я влез в его код и научил… Теперь умеет…
        27

        • Значит мои предположения оказались верны!!! А я так привык к этому плагину, не хочется расставаться 04Ну хорошо, если меня эта первая ссылка начнет выводить, что оеа открывается в новом окне, то поменяю его на noref и сразу же обращусь к вам, для того, чтобы и у меня вы его научили открывать ссылочки в новом окне!

          Спасибо!

  17. Привет, Игорь! Во-первых, хочу сказать, что мне твой нынешний блог нравится больше, чем тот, что был 12
    В «старом» блоге мне нравилось, что у тебя был текст по ширине страницы, а здесь по правому краю. От этого ничему не хуже, просто мне нравится, когда по ширине smile 
    Во-вторых, я хотела прочитать все комментарии к этой статье, но, увы, их слишком много. Что хочу сказать… Статья очень полезная. Мне всегда было интересно, как это делается, теперь я знаю! Описано действительно очень подробно, как для «чайников», как кто-то написал уже. Я тоже также подробно всегда пишу, стиль у нас с тобой похожий 06 Я все поняла, единственное, не совсем понятно, по крайней мере не представить пока, как делать якорь-ссылку на другую статью блога, но, если надо будет сделать, думаю, что я разберусь и у меня получится. 
    У меня не большие статьи обычно, хотя есть одна статья про конкурс, где я сначала описывала все свои дела, которые мне надо сделать, а потом уже сам конкурс, так вот эту статью хорошо бы сделать с якорями-ссылками, поскольку многим не интересно читать все мои дела, хочется сразу перейти к конкурсу и читать его. Так что, если я решу написать что-то подобное и длинное, то я воспользуюсь якорями. Спасибо!
    Ты доволен своим новым шаблоном? Как тебе твой нынешний блог все устраивает, ты счастлив? smile
    У меня скоро тоже будет новый шаблон. У меня уже новый, но будет другой. Жду не дождусь… Очень хочется чтобы все работало хорошо, чтобы только писать статьи и радоваться!

    • Привет Анастасия! Ух, какой комментарий, зачитаться можно! 03
      Я очень рад, что эта статья оказалась тебе полезной и нужной. 
      Ты не совсем поняла  как устанавливать якорь на другую статью? Согласен, этот пункт немного непонятный с первого взгляда, нужно практиковаться немного и тогда получится.Но по моему, легче всего это сделать с помощью плагина.Прочитай еще раз этот пункт.В любом случае, если не справишся, то я с радостью тебе помогу через e-mail или скайп или вконтакте или…короче, где тебе будет удобно!
      По поводу шаблона…я очень довольный 18Кроме того, разработчик шаблона Гудвин, мне всегда помогает с любой проблемой, хотя их совсем немного было.
      Жду твоего нового шаблона, интересно будет посмотреть!
      Спасибо тебе за этот комментарий.Я получил от него удовольствие 28

  18. Штука прикольная, но чтоб мне все по уму сделать, надо css править. А это ох как лень….

    • Здравствуй Андрей! Не совсем понял при чем здесь CSS.  Можете уточнить?

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

        • Андрей, я почти уверен, что это не проблема шаблона, а ошибка в прописании html тегов для якоря. У меня было абсолютно то же самое, как ты и описал потому что я не правильно прописал этот тег. 13
          Попробуй сделать якоря и ссылки на них с помощью плагина ( как я описал в статье) Лично я пользуюсь плагинов.
          Расскажи мне потом пожалуйста, получилось или нет.

  19. Игорь, спасибо за четкие инструкции! Я как раз нашла Вашу статью по поиску — искала информацию про якоря. Так что в топ Вы уже вышли! smile Когда-то ставила якоря в продающих страницах, но подзабыла уже, как это делается. Решила не мучиться и поставить плагин, описанный в статье. Все бы хорошо, но вот мне надо было сделать ссылку с картинки на якорь,  и там не выдает выбор якорей в табличке. Прописала руками, заработало. Вот не знаю в чем дело…

    • Здравствуй Елена! Ну вы меня обрадовали…я в топе, я в топе, ура 18
      Если серьезно, то очень рад, что именно моя статья оказалась вам полезна и благодаря ей вы решили свою проблему. От этого я рад на много больше, чем то, что статья вышла в топ.
      По поводу ссылки с картинки на якорь, пока что ничего не могу сказать. Как только проверю сам, обязательно отпишусь в комментариях или же пришлю вам на почту решение проблемы, договорились?
      Елена, спасибо вам большое за этот комментарий.17

      • Игорь, я ещё поэкспериментирую на собственном сайте (описанная проблема была на другом). Как раз готовлю статью, где якоря могут понадобиться. И отпишусь о результатах!

        • Хорошо Елена, договорились.

          • Игорь, покажу результат: первую статью на сайте с якорями http://elramd.com/otche-nash-na-grecheskom/. Сделала кодом, без плагина. Только вот при переходе по якорю в строке браузера к ссылке прибавляется #3 — номер якоря. не создает ли это нам лишних дублей?

            • Елена, посмотрел, вышло очень аккуратно и красиво!

              По поводу окончания #, так это не создаёт никаких проблем и дублей! Обрати внимание на все комментарии, так во всех есть тоже это окончание, так что всё нормально!

              А что по поводу ссылки с картинки на якорь, ты проверила, или ещё не успела? Так как у меня до сих пор не было времени с этим заниматься.

            • К тому же, поисковики якори от остальных ссылок умеют отличать

            • Настя, абсолютно точно! Мало того, ведь поисковики ценят удобства для пользователя на сайтах, а якоря как раз это реализуют(в некотопых случаях)

              Так что, ссылка якорь сайту хуже точно не сделает, а только лучше!

  20. Нет, с картинкой больше не пробовала. Тоже руки не дошли))

  21. Игорь, спасибо за понятную статью. Думала- думала, решила без плагина обойтись. Поставила теги, это оказалось просто, да и цифры для якоря — проще не бывает! И вот мой результат: если Вы откроете мою статью, то в ней в месте, где упоминается Сытин,  стоит якорь, ведущий на другую статью как раз в место, где про него рассказано.Очень рада познакомиться с Вами и Вашим блогом.С уважением, Алина Таранец, автор блога ПУТИ К ЗДОРОВЬЮ

    • Здравствуйте Алина! Я рад, что моя статья оказалась вам полезна и вы справились с настройками якорей.

      Только что перешёл на вашу статью, но так и не увидел якорь, ведущий на другую статью как раз в место, где рассказано про Сытина. Вы всё правильно сделали?

  22. Спасибо за статью! Перелопатил с 10-ок статей на тему якорь в статье, пока нашел что-то дельное. Сделал по инструкции, все работает. Установил плагин, приятное упрощение работы 07 . Скажите, как якорные ссылки влияют на продвижение? Они же тоже передают вес или же поисковики понимают эту схему?

    • Здравствуйте, Сергей!
      Я очень рад, что именно моя статья из всех оказалась вам полезна и дельная!
      Якорные ссылки влияют превосходно на продвижение! Пример — Википедия!
      Якорные ссылки никак не передают вес и поисковики прекрасно понимаю и даже ценят такую схему! 

  23. Здравствуйте, Игорь. Несколько лет назад, когда изучала верстку, умела ставить эти якоря, но подзабыла. Знаю, что где-то в конспектах есть, искать тетрадки, искать в тетрадках — лень, решила воспользоваться интернетом. Первой была ваша статья, настолько все понятно написано, что дальше ходить по сайтам и не понадобилось, все вспомнилось в секунду. И хочу согласиться с вашим комментарием, что такой информации, как ставить якоря в статье, да еще с конкретными, по делу, примерами, мне не доводилось тоже встречать на сайтах. Так что спасибо, за ценную статью.

    • Здравствуйте Наталья! Ой как мне приятно было читать ваш комментарий smile
      Я очень рад, что именно моя статья оказалась для вас полезной и вам не пришлось искать дополнительной информации в интернете.
      Огромное вам спасибо за добрые слова и за комментарий.23

  24. Денис:

    Игорь, спасибо, помог!!!

Оставить свой комментарий

Поиск по сайту
Следите за новостями блога

Подпишитесь на обновление блогa и получайте первыми на ваш Email, новые статьи!


Реклама
© 2016    Блог Игоря Черноморца    //    Войти   //    Вверх
Яндекс.Метрика