Пт

13

сен

2013

Вопрос недели: как добавить ссылку-якорь на страничку сайта

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

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

Якорь – это невидимая ссылка с уникальным названием, например <a id="top"></a>. С помощью якоря вы позволите вашим пользователям быстро перейти к нужному разделу страницы. Для этого необходимо добавить специальный тег к ссылке, нажав на которую, вы будете перенаправлены на отмеченное якорем место. В этой статье мы подробно расскажем о том, как это сделать.

Шаг 1: добавляем якорь

Первым делом добавьте ваш текст в текстовой модуль. Затем зайдите в HTML редактор, кликнув на раздел HTML на панели текстового модуля, и добавьте тег <a id="top"></a> к месту, на которое хотите перенаправлять ваших пользователей. Лучше всего поместить якорь перед текстом, как показано на картинке, или в модуль "Widget/Html" над вашим текстовым модулем.

Шаг 2: добавляем ссылку

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

Зайдите в HTML редактор текстового модуля и добавьте тег <a href="#top">текст ссылки</a>, в котором вместо "текст ссылки" введите нужный вам текст. Сохраните изменения! Теперь, кликнув на ссылку вы перейдете в место, отмеченное якорем.

Сколько якорей можно поместить на одну страницу?

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

 

для <a id="top1"></a> ссылка <a href="#top1">Текст</a>,

для <a id="top2"></a> ссылка <a href="#top2">Текст</a>,

для <a id="top3"></a> ссылка <a href="#top3">Текст</a>.

Можно ли добавить якорь на другую страницу сайта?

Конечно! Для того, чтобы направить посетителей по ссылке на якорь, находящийся на другой странице вашего сайта, необходимо в теге для ссылки прописать адрес страницы, добавив к нему символ # и название якоря.

В нашем примере адрес страницы это: http://yoursite.jimdo.com/loremipsum

 

 Например: <a href="http://yoursite.jimdo.com/loremipsum#top1">Название вашей ссылки</a>. 

Не забудьте также добавить якорь <a id="top1"></a> на ту страницу, на которую отправляете посетителей.

Можно ли добавить якорь непосредственно к заголовку или тексту?

Безусловно! Вы можете установить якорь на сам заголовок или нужный вам абзац. Для этого вы можете вставить ваш текст в модуль Widget/HTML и следовать инструкциям по установке якоря.

Обратите внимание! Для создания текстового абзаца, окружите ваш текст тегом <p> </p>. Для создания заголовка вокруг текста должны стоять теги заголовков, например: <h1> </h1>, <h2> </h2>, <h3> </h3>.

Например, если вы хотите добавить якорь к заголовку Новая статья, вы должны вставить в модуль Widget/HTML следующее: 

 

<h1>

Новая статья

<a id="new"></a>

</h1>

Все должно получится!

Для наглядности мы создали список часто задаваемых вопросов по теме якорь.

Проверьте как это работает, кликнув на интересующий вас вопрос. 

Часто задаваемые вопросы:

У вас есть вопросы по Jimdo? В комментариях к записи напишите, о чём вам было бы интересно прочитать в следующий раз!

Всего хорошего!

Команда Jimdo

Комментарии: 61 (Дискуссия закрыта)
  • #1

    Артур (Пятница, 13 Сентябрь 2013 12:55)

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

  • #2

    Lille (Пятница, 13 Сентябрь 2013 13:04)

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

  • #3

    Marco (Пятница, 13 Сентябрь 2013 13:17)

    Thank you Jimdo !

  • #4

    cbetjibie (Пятница, 13 Сентябрь 2013 13:26)

    Хотелось бы сделать что-нибудь с плеерами! Добовлять swf не всегда удобно ,особенно если размер файла большой,долго загружается.
    Неплохо было бы разместить плеер с возможностью добавлять в плейлист необходимое количество файлов,к примеру так как это сделано на юкоз.
    Медленная загрузка будет отпугивать посетителей.

  • #5

    alex (Пятница, 13 Сентябрь 2013 13:48)

    Jimdo команда, "спецальный якорь" - пишется через "И". Спасибо.

  • #6

    Ирина (Пятница, 13 Сентябрь 2013 14:03)

    Спасибо, думаю, что пригодится.

  • #7

    Наталья Семкова (Пятница, 13 Сентябрь 2013 17:48)

    СПАСИБО ЗА ПОЛЕЗНЫЕ СОВЕТЫ, ПОПРОБУЕМ.

  • #8

    matik (Пятница, 13 Сентябрь 2013 18:47)

    Очень нужная и полезная информация. Хотела бы узнать, как создать архив страниц?

  • #9

    red-card (Пятница, 13 Сентябрь 2013 20:24)

    Спасибо. Очень удобно.

  • #10

    dyukarev (Пятница, 13 Сентябрь 2013 21:17)

    не понял покажите видео

  • #11

    Amadeus (Пятница, 13 Сентябрь 2013 22:24)

    Пожалуйста видео что то не получаеться по написанному!

  • #12

    Amadeus (Пятница, 13 Сентябрь 2013 22:29)

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

  • #13

    salon7sky (Суббота, 14 Сентябрь 2013 11:41)

    cool

  • #14

    proizvodstvo (Суббота, 14 Сентябрь 2013 13:40)

    Действительно,очень полезный совет. Спасибо Jimdo!

  • #15

    gribki (Воскресенье, 15 Сентябрь 2013 12:39)

    Спасибо:)

  • #16

    Виктор (Воскресенье, 15 Сентябрь 2013 19:08)

    уже пригодилось

  • #17

    doorso (Понедельник, 16 Сентябрь 2013 07:16)

    не понял покажите видео

  • #18

    Максим (Понедельник, 16 Сентябрь 2013 11:13)

    Спасибо!

  • #19

    pchelka (Понедельник, 16 Сентябрь 2013 14:58)

    Давно пора было об этом написать. Пока ждал ответа на данный вопрос, ждал почти год :),сам всё и выяснил. Про работу с таблицей вопрос задавал 2 года назад, обещали сделать пояснения в начале 2013, но так и нет её. Опять самостоятельно изучил. Вывод: понял, что порой лучше самим "вгрызаться" в такие вопросы, чем вести переписку с командой Джимдо. Долго, муторно и результат неизвестен. Но, всё равно, спасибо!

  • #20

    Вадим wadich.net Квятковский (Вторник, 17 Сентябрь 2013 20:12)

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

  • #21

    gorodanapa (Четверг, 19 Сентябрь 2013 08:59)

    Спасибо за якоря!!! ...и присоединяюсь к выше написанному вопросу!

  • #22

    Ирина (Среда, 09 Октябрь 2013 21:46)

    Пригодилось таки, поставила в заголовок, спасибо!!!

  • #23

    Akram (Воскресенье, 13 Октябрь 2013 11:53)

    Не понимаю необходимость, проще устанавливать в тексте редактора необходимую ссылку на любое слово, с переходом на любую страницу, внешнюю, внутреннюю, неважно..

  • #24

    comsahar2002 (Четверг, 17 Октябрь 2013 10:56)

    Подскажите пожалуйста как подключить сервис статистики на саит

  • #25

    Jimdo-Team (Четверг, 17 Октябрь 2013 12:24)

    @comsahar2002, пожалуйста, прочитайте данную статью: http://ru-help.jimdo.com/основы/панель-управления-сайтом/статистика

  • #26

    Шушкова Валентина Васильевна (Четверг, 17 Октябрь 2013 13:26)

    Про таблицы мне тоже нужна информация- как вставлять в статьи.

  • #27

    Jimdo-Team (Четверг, 17 Октябрь 2013 13:49)

    @ Валентина, пожалуйста, поясните свой вопрос. В конструкторе Jimdo есть модуль "Таблица". Вы хотите побольше узнать о работе с данным модулем?

  • #28

    taxi-lvov (Пятница, 18 Октябрь 2013 14:43)

    Как сделать что бы по поисковому запросу "такси Львов Буковель" выдавалось "Такси Львов - Буковель. Легковое и т.д" а по запросу "такси Львов Трускавец" выдавалось "Такси Львов - Трускавец. Легковое и т.д", т.е. что бы в ответе на поисковый запрос выдавалась определенная фраза в которой присутствуют ключевые слова запроса и далее текст. Спасибо.

  • #29

    Админ (Понедельник, 21 Октябрь 2013 15:22)

    Спасибо, думаю пригодится.

  • #30

    Админ (Понедельник, 21 Октябрь 2013 15:23)

    Блин, здесь появился ник с моего сайта в комментарии, надеюсь ничего не нарушил, а то скажут, что я себя за админа jimdo выдаю))

  • #31

    oksuta-tort (Вторник, 22 Октябрь 2013 10:03)

    У меня якорь не сохраняется(((, хоть и нажимаю "Обновить", получается ссылка есть, а перехода не происходит(((

  • #32

    oksuta-tort (Вторник, 22 Октябрь 2013 10:29)

    Заработало!)))) Я просто адрес страницы не указала!)))))))))))))

  • #33

    forklub (Вторник, 29 Октябрь 2013 09:20)

    http://forklub.jimdo.com/ заходи на сайт и посмотри как можно заработать на форекс

  • #34

    pmc-ohta (Среда, 06 Ноябрь 2013 21:32)

    Вадим wadich.net Квятковский и др. Фотографы: зайдите на wix.com и сотворите кучу красивости там, затем скопируйте embed-код и вставте его на свой jimdo-сайт. Товарищей, плачущих по плеерам и плей-листам, это ТОЖЕ касается (хотя можно самостоятельно "слепить" плей-лист на ю-тюбе, скопировать там соответствующий embed-код и размещать, опять же САМОСТОЯТЕЛЬНО, где душе угодно, через модуль Widget/HTML).

    Для любителей таблиц отдельная ремарка: jimdo всего лишь сервис, позволяющий вам строить свои сайты легко и управлять ими с наименьшими издержками - специальные знания вроде гипертекстовой разметки (HTML) в ваши головы без вашего участия никто передавать не обещал, да и вряд ли такое вообще возможно.

  • #35

    kotmarian (Четверг, 07 Ноябрь 2013 09:49)

    что то я не поняла ничего! :(((

  • #36

    school5-lida (Суббота, 09 Ноябрь 2013 05:50)

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

  • #37

    tarasan2013 (Суббота, 09 Ноябрь 2013 15:04)

    Дякую.

  • #38

    otvet-sovet (Пятница, 29 Ноябрь 2013 08:50)

    Хм... даже не знала ни о каком якоре. Надо попробовать. Удобно )))

  • #39

    hv-dosaaf (Суббота, 30 Ноябрь 2013 11:26)

    Здравствуйте!!! Хочу узнать_ ваш сайт является лицензионным? Если организация размещет сайт, то должна платить? И сколько?

  • #40

    hv-dosaaf (Суббота, 30 Ноябрь 2013 11:28)

    Еще вопрос? Как сделать чтобы сайт поднялся в поисковой системе. Говорят нужно прописать Теги... Как это сделать?

  • #41

    Jimdo-Team (Суббота, 30 Ноябрь 2013 13:15)

    @hv-dosaaf Ознакомиться с ценами и сравнить версии можно здесь: http://ru.jimdo.com/цены/

    Все ответы на вопросы по поисковой оптимизации вы можете найти в этом разделе онлайн-помощи: http://ru-help.jimdo.com/продвижение/

    Также, в продвижении сайта вам могут помочь советы специалистов:
    http://ru.jimdo.com/блог/полезные-советы/продвижение-сайта/

  • #42

    detsad20 (Воскресенье, 08 Декабрь 2013)

    как в фотоальбоме сделать разделение категорий фотографий

  • #43

    Ирина (Суббота, 18 Январь 2014 22:32)

    Единственный сайт, который дал четкую и доступную информацию, спасибо за профессионализм!

  • #44

    dshi1-oskol (Суббота, 01 Февраль 2014 06:18)

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

  • #45

    Jimdo-Team (Суббота, 01 Февраль 2014 14:30)

    @dshi1-oskol, здравствуйте!
    Пожалуйста, попробуйте установить данную ссылку-якорь еще раз так, как это описано в нашей статье выше.
    Если ссылка все же не будет работать, пожалуйста, свяжитесь со службой технической поддержки: http://ru-help.jimdo.com/контакт и подробно опишите вашу проблему, приложив скриншот.

  • #46

    saratovauto (Четверг, 20 Февраль 2014 23:39)

    В принципе все понятно, только при установки якоря на заголовки пришлось немного смудрить, может кому-нибудь будет полезно?

    1) Заголовок делаем в текстовом редакторе, пишем нужный текст, выделяем, нажимаем Ctrl+1 (2,3 в зависмости от того, какой заголовок нужен, Ctrl+1=h1, Ctrl+2=h2)

    2) Открываем наш редактор в html, внутри будет примерно так <h2>Ваш заголовок</h2> и немного меняем код:
    <h2 id="top">Ваш заголовок</h2> Якорь готов.

    3) Ну а ссылка на якорь, как и написано в статье <a href="#top">Нужная ссылка</a></p>

  • #47

    shaft-garage (Вторник, 11 Март 2014 19:13)

    Спасибо большое - очень полезно :)
    Действительно не хватало.

  • #48

    taxi17rub (Понедельник, 17 Март 2014 02:49)

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

  • #49

    gorjanu-sergii777 (Среда, 23 Апрель 2014 13:59)

    Мені вдалося встановити тільки одну ссилку на сторінку в сайті. Інші ссилки, які я хочу встановити на інші сторінки не получається, оскільки у всіх сторінок однакова адреса!!! І кожна наступна ссилка відкриває ту сторінку, ссилку на яку я зробила перший раз. Яка причина, допоможіть будь-ласка підсказкою.

  • #50

    Команда Jimdo (Среда, 23 Апрель 2014 17:51)

    @gorjanu-sergii777, здравствуйте!
    Есть два варианта: либо вы установили неверный якорь, либо неверную ссылку.
    Пожалуйста, попробуйте установить ссылку-якорь на вашем сайте повторно, четко следуя нашей инструкции.
    Если у вас ничего не выйдет, пожалуйста, свяжитесь со службой технической поддержки и укажите на ваши ссылки: http://ru-help.jimdo.com/контакт
    Наши специалисты всегда рады вам помочь!

  • #51

    Артур (Суббота, 26 Апрель 2014 17:12)

    gorjanu-sergii777
    Мені вдалося встановити тільки одну ссилку на сторінку в сайті. Інші ссилки, які я хочу встановити на інші сторінки не получається, оскільки у всіх сторінок однакова адреса!!! І кожна наступна ссилка відкриває ту сторінку, ссилку на яку я зробила перший раз. Яка причина, допоможіть будь-ласка підсказкою.
    Та ж сама проблема, якщо робити посилання не в редакторі HTML , а через меню

  • #52

    amperion (Среда, 30 Апрель 2014 13:44)

    Якорь НЕ УСТАНАВЛИВАЕТСЯ!!!! Всё делаю как, сказано в ШАГе-1, ставлю перед текстом в редакторе HTML... Обновляю, сохраняю, а его при повторном просмотре HTML-кода - НЕТ! Не сохраняется!

  • #53

    amperion (Среда, 30 Апрель 2014 14:13)

    Господа АДМИНЫ! Мне кажется, Вы не правильно указываете - "Как ставить ЯКОРЬ"!!!
    Если устанавливать ЯКОРЬ по Вашему совету, а именно:

    <a id="top"></a><p>Любой текст, к которому в начале крепиться Якорь</p>

    При такой постановке кода, даже после нажатия в редакторе HTML "Обновить" и потом "Сохранить" - Якорь НЕ УСТАНАВЛИВАЕТСЯ!!!

    Попробовал сделать по аналогии, как у пользователя - saratovauto (комментарий от 20.02.2014г.):

    <p id="top">Любой текст, к которому в начале крепиться Якорь</p>

    и все сразу заработало!!!! Ура!!!

  • #54

    Евгений (Четверг, 01 Май 2014 21:42)

    Здравствуйте, а может кто подсказать как создать кнопку на сайте чтоб при нажатии открывалась ссылка на личные сообщения пользователя типа www.domen.ru/users/{тут переменная с id пользователя}/messages.html
    Как это оформить совсем не понимаю (

  • #55

    Oksana (Понедельник, 11 Август 2014 23:13)

    Поправьте мой код, пожалуйста,

    якорь
    <p><a id="expo" name="expo"></a></p>

    ссылка на якорь
    <p>Пожалуйста, посетите наш раздел <a href="#expo" name="expo">Выставки</a></p>

  • #56

    f (Пятница, 19 Сентябрь 2014 09:44)

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

  • #57

    Zara (Вторник, 23 Сентябрь 2014 12:47)

    Спасибо! все четко и понятно и во-время нашлось!

  • #58

    Ирина (Суббота, 10 Январь 2015 22:32)

    Подскажите, а можно ли сделать так, чтобы статьи в моём блоге на сайте были видны на страничке в контакте?

  • #59

    Команда Jimdo (Понедельник, 12 Январь 2015 07:30)

    @Ирина, для этого нужно опубликовать ссылки на ваши статьи на вашей странице ВКонтакте. О том, как подключить к вашему сайту виджет комментариев от социальной сети, рассказано здесь: http://ru.jimdo.com/2013/07/05/вопрос-недели-как-добавить-виджет-комментариев-от-социальных-сетей/

  • #60

    Павел Балыклов (Пятница, 20 Февраль 2015 11:35)

    Здравствуйте, помогите как сделать внешнюю ссылку на якорь. Директолог просит дать ссылку на определенный блок на странице сайта (например, преимущества товара или описание товара, вариант сделать отдельную страницу не подходит, тогда не писал бы сюда), ему это надо чтобы добавить ссылку в быструю ссылку в рекламное объявление. Как это сделать? Вообще возможно?

  • #61

    hronika (Пятница, 06 Март 2015 06:20)

    Как показать имена на групповом фото при наведении курсора.