Как разместить на сайте ссылку


Где бесплатно разместить ссылку своего сайта для повышения посещаемости?

Где можно бесплатно разместить ссылку на свой сайт для повышения посещаемости и увеличения трафика? 

Создание сайта - это полбеды, а важно то, какую раскрутку вы ему дадите.

Для того чтобы увеличить посещаемость сайта и его появление в первых строчках поисковых запросов, необходимо использовать такой метод продвижения сайтов, как создание ссылочной базы. Размещать ссылку вашего ресурса следует на сайтах с высоким ИКС от Яндекса и рейтингом от Google. На ресурсах с отрицательной репутацией или заспамленных каталогах не рекомендуется оставлять свою ссылку, поэтому мы собрали специальную подборку, чтобы Вы смогли самостоятельно продвинуть свой сайт не навредив ему. Плюс ко всему вам не придётся тратить свои средства. 

Как известно, в первую очередь вам необходимо размещать свою ссылку в сервисы поисковых систем, таких как Yandex Справочник и Google My Bussiness. Также ссылка лучше индексируется, когда подключена не только к метрике Яндекса, но и к метрикам каталогов, таких как LiveInternet или Mail.ru. А если необходимо закрепить конкретный поисковой запрос для своей странички, то нужно размещать анкорные ссылки на посещаемых ресурсах.

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

Поехали.

В статье присутсвует 67 основных площадок и трастовых сайтов для размещения ссылок.



Трастовые сайты и каталоги сайтов.

1.Яндекс Справочник - для индексации в Яндексе эта площадка является основной. Как только ссылка появляется там, то практически сразу появляется и в поисковых запросах. Заполняйте данные о своём ресурсе максимально на сколько это возможно.

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

3.Google Мой Бизнес - площадка аналогичная Я.Справочнику, для индексации в Google размещение здесь своей ссылки даже подходит к категории: необходимо. На этом ресурсе также заполняйте свой бизнес-профиль максимально точно и ёмко.

4.Google Search Console - инструмент аналогичный вебмастеру в Яндексе. Здесь свою ссылку также необходимо размещать. В отличии от Я.Вебмастера в данном инструменте вам потребуется отправлять sitemap. Для этого нужно потребутеся всего лишь указать ссылку сайтмапа http://вашсайт.рф/sitemap.xml

5.Рамблер.Топ 100 - 81500 ИКС. Рамблер это поисковая система, но если поместить свою ссылку в каталог Топ 100, то индексация поисковиками вашего сайта увеличиться как в Google, так и в Яндексе.

6.LiveInternet - 23300 ИКС. Площадка, которая также является поисковой системой и каталогом сайтов одновременно. Ссылка обязательна к размещению.

7.Top.Mail.ru - 2170 ИКС. Добавление в этот каталог сайтов необходим. Добавьте хорошее описание. 

8.Hit.ua - 420 ИКС. Древний каталог сайтов с высоким ИКС и PR у Google. Разместить свою ссылку здесь очень просто, к тому же есть возможность добавления невидимого счётчика.

9.HotLog.ru - 870 ИКС. Каталог сайтов + аналитика посещений. Регистрация очень простая. 18.11.19 выявлен небольшой баг счётчика. Для сайтов с https/ соединением скрипт аналитики не подходит, т.к. сам счётчик использует http/. Браузеры начнут показывать, что ваш сайт опасен для пользователя.

10.Povezlo.su - 140 ИКС. Хороший каталог сайтов. Можно сделать хорошее описание сайта, что отлично отразиться на поисковых запросах.

11.Top.ucoz - 200 ИКС. Отличный каталог сайтов, да и с хорошим ИКС-показателем. Один ньюанс. Добавить свою ссылку сюда возможно только если ваш сайт создан на ucoz платформе.

12.Cataloxy - 2860 ИКС. Очень хороший каталог сайтов с внушительным ИКС рейтингом. Описание заполняйте максимально ёмко. Если у вас сайт организации, то для верификации обязательно укажите ОГРН и ИНН.

13.Всего.ру - 280 ИКС. Каталог сайтов, где имеется возможность добавить ссылку на сайт или создать профиль фирмы.

14.Nofollow.ru - 1150 ИКС. Каталог сайтов с внушительным поисковым рейтингом. Разместить свою ссылку удастся без проблем. Единственный минус - это время ожидания модерации.

15.Все сайты рунета - 460 ИКС. Очень интересный каталог сайтов. Примечателен тем, что ссылка на ваш сайт может попасть и без вашего участия. Для достоверности проверьте ссылку на своём сайте через внутренний поиск.

16.4PDA -  23100 ИКС. Трастовый сайт. Оставить свою ссылку можно в двух местах как минимум. В профиле: графа - веб-сайт и подпись на форуме.

17.Baza-r.ru - 220 ИКС. Справочник и каталог предприятий. Если у вас бизнес-сайт, то размещение ссылки на данном ресурсе пойдет на пользу. 

18.Bonbone - 160 ИКС. Неплохой каталог сайтов, небольшой ИКС, но размещается довольно просто.

19.Cat.rusbic - 300 ИКС. Региональный каталог сайтов. Простая регистрация и интуитивное добавление сайта в белый каталог.

20.Edc.sale - 430 ИКС. Сервис бесплатных объявлений с нормальным ИКС. Конечно же, имеется возможность оставить бесплатное объявление. В личном кабинете указываете ссылку на свой сайт.

21.Zoon - 7150 ИКС. Каталог организаций. Здесь можно получить очень жирную ссылку. Плюс ко всему модераторы сервиса сами дополняют описание вашей организации. Must have для ссылки вашего сайта.

22.RegTorg - 2370 ИКС. Каталог организаций. Также можно получить неплохую ссылку в профиле организации, а возможно и обратную связь с сайта. Ссылок можно оставлять несколько в описании товара/услуги - после того как добавите организацию.

23.Gdefirmi - 170 ИКС. Каталог организаций. Оставить свою ссылку очень просто без всяких заморочек.

24.Yell - 2740 ИКС. Известный отзовичок и каталог организаций. Свою ссылку можно оставить бесплатно воспользовавшись функцией "добавить компанию".

25.Bing - 15800 ИКС. Поисковая система от Microsoft. В связи с тем, что этот поисковичок активно развивается последнее время, добавление ссылки в вебмастер бинга задача must have для вашего сайта. Сделать это очень просто. Типичное добавление ссылки и проверка принадлежности сайта через meta-тег.

26.Wydy - 60 ИКС. Каталог сайтов с небольшим рейтингом в яндексе, но страничку с это сайта неплохо принимаются поисковиками. Размещение ссылки очень простое.

27.Qwertynetworks - 50 ИКС. Сайт позиционирует себя как социальная сеть для веб-мастера. Штука по сути бесполезная, но лишняя ссылочка в заполненом профиле нам не помешает, так ведь?


Оставить свою ссылку в социальных сетях.

1.Facebook - 128000 ИКС. Создавайте группу для своего сайта и помещайте ссылку к себе в профиль. Очень хорошо индексируется системой Google.

2.Вконтакте - 342000 ИКС. Аналогично создаёте группу и помещаете ссылку к себе в профиль. Ссылки помещенные внутри этой сети лучше индексируются Яндексом. Подсказка: ищите региональные группы объявлений. К примеру: объявления Тамбова. Заходите и оставляете свою ссылку совершено бесплатно.

3.Instagram - 137000 ИКС. Если имеется возможность, то создайте аккаунт в инсте для своего сайта. В постах обязательно указывайте ссылки на разные страницы вашего ресурса.

4.Twitter - 63500 ИКС. Делайте твиты и не забывайте оставлять ссылку на свой сайт.

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

6.Pinterest - 19800 ИКС. Интернет-сервис фотохостинг. Становится всё популярнее. Оставить свою ссылку можно создав бизнес-профиль.

7.Одноклассники - 271000 ИКС. Легендарная социальная сеть в нашей стране. Если вам нужны покупатели или ценные посетители на ваш сайт, то продвигать свою ссылку в ок.ру просто необходимо. Оставленные ссылки в одноклассниках индексируется не сразу, но отдачу и ценность линка вы получите со временем получите.

8.WT.Social - 360 ИКС. Новая социальная сеть от создателя Википедии. Свою ссылку вы можете оставить опубликовав линк в своём посте. Ссылки от индексирования не закрыты.

Как оставить ссылку на государственных сайтах.

1.Rosminzdrav.ru - 11300 ИКС. Государственный сайт Министерства Здравохранения РФ. В связи с инфоповодом о короновирусе ИКС сайта в Яндексе значительно вырос, поэтому размещение здесь своей ссылки будет весьма значимым для создания ссылочного базы ресурса. Разместить ссылку простым холопам позволено в личном профиле. Для этого вам необходимо авторизоваться на сайте через гос.услуги, а далее заходите в свой профиль и добавляете ссылку(можно даже анкорную) в графу "О себе".

Где оставить свою ссылку в статьях или комментариях.

1.Яндекс.Дзен - оставить свою ссылку можете в написаниях статей, но также и в комментариях под статьями. Есть минус. Владелец канала может удалить ваш комментарий с ссылкой. Поэтому оставляю ссылку на статью почти 1к дочитываниями в которой вашу ссылку не удалят. Владелец - аз есмь.

2.Medium - 3940 ИКС. Аналогичный сервис для блогеров как Дзен. В своих статьях вы также можете оставлять ссылку для привлечения посетителей на свой сайт.

3.TheQuestion - 10900 ИКС.Подпольный сервис Яндекса. Есть возможность оставлять свою ссылку в комментариях + в профиле. Сервис очень кропотливо модерируется, поэтому оставляйте свою ссылку только в тех вопросах, где она будет тематична. Иначе ссылку просто удалят.

4.Youtube - 344000 ИКС, как бы так. Здесь принцип такой. Оставляете свою ссылку в комментариях под видео и желательно, чтобы тематика видео соответствовала тематике вашего сайта.

5.Ответы Mail.ru - 25700 ИКС. Очень неплохо, согласитесь? Находите категорию вопросов подходящую под ваш сайт и оставляете красивый комментарий, причём желательно использовать ключевые слова подходящие под seo настройки вашего сайта. К примеру, у вас интернет-магазин мёда. Значит в описании к ссылке используйте такие фразы как "купить мёд".

6.LiveJounal - 15300 ИКС. Это блоговый сервис с высокими рейтингом в Яндекс и Google. Здесь вы можете написать тематическую статью для своего сайта и оставить ссылку на свой ресурс. Также в личном профиле здесь можно добавить ссылку на свой сайт.

7.Доска объявлений Украины - 10 ИКС, имеется так сказать. Пусть и на маленьких ИКС будет жить ваша ссылочка. Размещать здесь очень легко и безпрепятственно. По опыту нашего бизнес-сайта, могу сказать, что помещение ссылки на данной ресурс быстрее всего заметилось Яндексом.

8.Passivniydohod - 6400 ИКС. Просто рекламный ресурс, даже домен не куплен. Этот сайт действительно находка для оставления своей ссылки, т.к. ИКС очень высокий. Кстати говоря, оставить ссылку в комментариях очень просто и без регистрации.

9.SPARK - 1350 ИКС. Площадка для общения малого и среднего бизнеса. Здесь можно на любой статье оставить свой комментарий и желательно, чтобы он был умным, чтобы его не подрезали со временем. 

10.Ucoz.ru - 3730 ИКС. Ещё один сайт юкоза в нашем списке. Если ваш сайт создан на ucoz или ukit, то вы можете задать умный вопрос и в нём оставить свою ссылку на сайт.

11.Яндекс.Знатоки - сервис вопросов/ответов, похож на TheQuestion. Если оставить грамотный комментарий с уместной ссылкой, то он пройдет и будет вам дополнительный трафик на сайт. 

12.Blogger - бесплатная платформа для создания блога. Как Яндекс.Дзен только от Google. В своих постах на блоге вы можете размещать индексируемые ссылки. 

Оставить свою ссылку в профилях.

1.Кинопоиск - 18000 ИКС. Всем известная платформа для киноманов. Оставить свою ссылку можно в профиле. Также можно добавить ссылки и на группы в соцсетях.

2.Biznet.ru - 2030 ИКС. Отличная площадка для бизнеса с форумом для обсуждений. Свою ссылку можно оставить в 3 местах: в профиле, в каталоге сайтов и каталоге предприятий.Чуть придётся повозиться.   

3.Disqus - 1720 ИКС. Платформа комментирования. Создаёте профиль и в двух графах: биография и веб-сайт оставляете свои ссылки. Есть возможность оставить анкорные ссылки в профилях. 

4.Limpa - 230 ИКС. Типичный сайт знакомств. Свою анкорную ссылку можно оставить в профиле(Заполнение анкеты).

5.Милосердие.ру - 4260 ИКС. Православный портал о благотворительности и социальной деятельности. Оставить свою ссылку можно в профиле и аж в нескольких местах. В том числе и анкор.

6.News2.ru - 2550 ИКС. Новостной сервис с хорошим Яндекс рейтингом. Оставить ссылку на свой сайт можно в профиле.

7.Muravlenko - 9500 ИКС. Сайт муниципального образования города Муравленко. Откуда такой ИКС не ясно, но оставить жирную и к тому же анкорную ссылку можно у себя в профиле, причём при регистрации.

8.Semrush - 750 ИКС. Сервис продвижения сайта с укладом на seo. Очень популярный в своих кругах. Свою ссылку можно оставить в личном профиле, перед этим сделав его публичным.

9.Advego - 6200 ИКС. Также система комментирования. После регистрации есть возможность оставить гипперссылку в личном профиле. Здесь также можно подзаработать от 5000 р. и выше. В отличии от других систем копирайтинга и комментирования не требуется проходить экзамены.

10.Kwork - 6100 ИКС. Интернет-биржа труда. Кстати, самая известная и высокооплачиваемая. Размещаете спокойно свою ссылку в профиль в информации о себе. Ссылка индексируется(проверено в Я.Вебмастере)

11.QComment - 800 ИКС. Система комментирования. Регистрируетесь и в информации "О себе" оставляете ссылочку на свой ресурс. Кстати говоря, здесь можно подзаработать 5000-10000 р/месяц. Проверено лично мной.

12.Be1 - 2040 ИКС. Известный для веб-мастера инструмент анализа. Работает с 2001 года. Ссылочку оставлять нужно в своём профиле, а авторизоваться можно используя опцию в вверхнем правом углу экрана.

Оставить свою ссылку на картах.

1.2Gis - 34900 ИКС. Известные в народе карты.Оставить можно две ссылки. На самих картах и в справочнике. Свою ссылку оставляйте обязательно. Как и на всех картах, требуется время для модерации. 

2.Яндекс Карты - всем известные карты. Профиль в справочнике и на картах совмещён. Для ранжирования в Яндексе регистрация здесь - обязательно.

3.Google Карты - 132000 ИКС. Как и на Я.Картах, регистрация здесь необходима для ранжирования в Google.

4.Apple Maps - 22800 ИКС. Как добавить организацию или сайт на Apple Maps? Двумя путями можно попасть на яблочный картографический сервис. 1 - Apple сами добавят вашу организацию, если она есть на 2gis. Так утверждают многие ресурсы. По опыту скажу, идя этим путём сроки добавления займут несколько месяцев, а то и вообще не добавят. 2. - Вы можете в ручную отправить данные своей организации вместе с ссылкой на сайт и соцсети. Для этого на любом iphone или ipad открываете apple maps, жмёте на значок "i"(вверху справа) и выбираете опцию "добавить отсутствующее место". Далее ждёте отчёта на указанную почту.

Оставить ссылку на иностранных ресурсах.

1.Reddit - 13900 ИКС. Популярный социально-новостной сайт на котором можно оставить ссылку своего сайта в профиле. Причём несколько ссылок.

2.WOT - 700 ИКС. Популярный сервис следящий за безопасностью сайта. Расширением WOT пользуется более миллиона пользователей. Разместить свою ссылку на этом ресурсе крайне рекомендуется. Cделать это не сложно, так как сайт поддерживает несколько языков, в том числе и русский язык. Регистрируетесь → Используете поиск сайтов вставляя свою ссылку → подтверждаете права на сайт при помощи мета-тега → и оставляете положительный отзыв.  

*Рекомендуем ознакомится с нашей статьей по схожей теме: Как раскрутить сайт. 5 ключевых моментов.

А также со статьей на популярную ныне тему: Как маркировать остатки обуви за 2 шага.

**Также можете перейти в каталог статей и ознакомиться с новой информацией по рубрикам.

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

1.Pressuha - 350 ИКС. Известная медиа служба. Совершенно бесплатно вы сможете разместить свою новость, анонс или пресс-релиз с указанием ссылки. Для этого необходимо зарегистрироваться на ресурсе и нажать на кнопку "загрузить новость".


Статья постоянно дополняется. 

Поэтому на этой страничке вы будете видеть самую свежую информацию на тему:

продвижение сайта через ссылки.

Ссылку на свой сайт можете оставить в комментариях с определённой формой:

[ Респект команде РЦК - "ваша ссылка на сайта" ] и тогда удалять ссылку не будем =)

Последнее редактирование статьи от 20.03.2020

HTML-ссылок Гиперссылки


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


HTML-ссылки - гиперссылки

HTML-ссылки являются гиперссылками.

Вы можете щелкнуть ссылку и перейти к другому документу.

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

Примечание: Ссылка не обязательно должна быть текстовой. Ссылка может быть изображением или любой другой элемент HTML!


HTML-ссылки - синтаксис

Тег HTML определяет гиперссылку.Он имеет следующий синтаксис:

текст ссылки

Самый важный атрибут элемента - это href , который указывает место назначения ссылки.

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

Щелчок по тексту ссылки отправит читателя на указанный URL-адрес.

Пример

В этом примере показано, как создать ссылку на W3Schools.com:

Посетите W3Schools.com!

Попробуй сам "

По умолчанию во всех браузерах ссылки будут выглядеть следующим образом:

  • Непосещенная ссылка подчеркнута синим цветом
  • Посещенная ссылка подчеркнута фиолетовым цветом
  • Активная ссылка подчеркнута красным

Совет: Ссылки, конечно, можно стилизовать с помощью CSS, чтобы еще один взгляд!


HTML-ссылки - целевой атрибут

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

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

Атрибут цели может иметь одно из следующих значений:

  • _self - По умолчанию. Открывает документ в то же окно / вкладка, в котором было щелкнуто
  • _blank - открывает документ в новом окне или вкладке
  • _parent - открывает документ в родительском фрейме
  • _top - Открывает документ полностью в окне

Пример

Используйте target = "_ blank", чтобы открыть связанный документ в новом окне или вкладке браузера:

Посетите W3Schools!

Попробуй сам "

Абсолютные и относительные URL-адреса

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

Локальная ссылка (ссылка на страницу на том же веб-сайте) указывается с относительный URL (без часть "https: // www"):

Пример

Абсолютные URL-адреса
W3C
Google

Родственник URL-адреса


HTML-изображения


CSS Учебник

Попробуй сам "

HTML-ссылки - использовать изображение как ссылку

Чтобы использовать изображение в качестве ссылки, просто поместите внутри тега tag:

Пример


Учебник HTML

Попробуй сам "

Ссылка на адрес электронной почты

Используйте mailto: внутри href для создания ссылки, которая открывает почтовую программу пользователя (чтобы пусть отправят новое письмо):


Кнопка как ссылка

Чтобы использовать кнопку HTML в качестве ссылки, необходимо добавить код JavaScript.

JavaScript позволяет указать, что происходит при определенных событиях, например, щелчком кнопки:

Пример

кнопка < > Учебное пособие по HTML

Попробуй сам "

Названия ссылок

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

Пример

Посетите наше руководство по HTML

Попробуй сам "

Подробнее об абсолютных и относительных URL-адресах

Пример

Используйте полный URL-адрес для ссылки на веб-страницу:

Учебник по HTML

Попробуйте сами »

Пример

Ссылка на страницу, расположенную в папке html на текущем веб-сайте:

Учебник по HTML

Попробуйте сами »

Пример

Ссылка на страницу, расположенную в той же папке, что и текущая страница:

Учебник по HTML

Попробуйте сами »


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


HTML-теги ссылок

Тег Описание
Определяет гиперссылку


.

Как создать ссылку на определенную строку или абзац на веб-странице с помощью HTML (thesitewizard.com)

Советы по использованию HTML для указания точного местоположения на веб-странице


Кристофер Хенг, thesitewizard.com

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

Но что, если вы хотите создать ссылку на конкретный абзац или строку на странице? Например, мой Страница часто задаваемых вопросов («FAQ») для Форма обратной связи thesitewizard.com Мастер переходит от вопросов к конкретным параграфам с ответами. В этой статье рассказывается, как можно сделайте это с помощью простого HTML.

Требования

  1. Чтобы метод, описанный в этом руководстве, работал, вы должны быть автором целевой страницы.То есть, если вы хотите сделать ссылку, скажем, на абзац 5 определенной страницы, вы должны иметь возможность изменить последнюю страницу, чтобы пометить абзац 5 специальным HTML-тег.

  2. Вы будете использовать "сырые" HTML код здесь, поэтому вы должны иметь некоторое представление о том, как ввести HTML-код в свой редактор.

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

    Для тех, кто использует другие редакторы, например Expression Web, BlueGriffon или KompoZer, есть альтернативные методы выполнения того, что я здесь описываю. Однако вы также можете следовать этому руководству, переключившись на режим «Источник» этих редакторов. Если вы используете программа для ведения блогов, которая автоматически переводит все, что вы вводите, в HTML, вам нужно будет найти способ войти в его режим HTML.

Для простоты объяснения возьмем в качестве примера следующий HTML-код.

Нормальное поведение в браузере



Это текст верхнего абзаца. Обычно, когда веб-браузер открывает новую страницу, это приведет пользователя к началу страницы.

Прямое связывание с определенным местоположением



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

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

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

Именованный якорь имеет следующий формат:

Место назначения ссылки

Не обманывайтесь: это не обычная гиперссылка.Обычная ссылка имеет href, указывающий на определенный веб-адрес. У этого якоря просто есть имя. Текст «Место назначения ссылки» не будет подчеркнут или напечатан синим цветом, как обычные ссылки (по умолчанию), и не будет интерактивным. Он будет иметь обычный стиль этого блока текста, а не внешний вид гиперссылка.

Используя этот именованный якорь, второй абзац из нашего примера выше теперь будет выглядеть так:

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



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

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

Чтобы создать ссылку, указывающую на расположение именованного якоря, просто добавьте "# name-of-named-anchor" (без кавычек) на веб-адрес («URL»), на который вы ссылаетесь. "Name-of-named-anchor", конечно же, должен совпадать с именем, которое вы дали ранее, иначе браузер не будет знать, к какой части файла перейти.

Например, если наш пример выше находится на http://www.example.com/some-page-or-other.html, и мы хотели бы напрямую ссылаться на наш именованный якорь, мы можем использовать следующую ссылку:

Нажмите здесь

Обратите внимание, что пример ссылается на "#exactline", потому что ранее названная привязка называлась "точной линией".

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

Нажмите здесь


Дополнительная информация

  1. Каковы правила для моих имен привязок?

    • Имена якорей должны начинаться с буквы алфавита (заглавной или маленькой), за которой следует буквы алфавита (заглавные или строчные), цифры (от 0 до 9), двоеточие (":"), подчеркивание ("_"), точка (".") или символ дефиса (" - ").

      Для технически подкованных, если вы знакомы с регулярным выражения, только имена, следующие за правило регулярного выражения [A-Za-z] [A-Za-z0-9: _.-] * являются законными. (Не волнуйтесь, если вы не понимаете этот абзац. В предыдущем абзаце говорится то же самое простым английским языком. Эта часть предназначена в основном для людей кто хочет точную спецификацию в программировании - говорит.)

    • Убедитесь, что у ваших якорей разные имена. Не создавайте двух якорей с одинаковым именем и не создавайте два имени, которые отличаются только своим регистром.То есть не создавайте один якорь с именем «верх», а другой с названием «Верх». Тем не менее, если вы используете "Top" в качестве имени привязки, убедитесь, что вы ссылаетесь на "#Top", а не на "#top", иначе браузеры не обязаны находить якорь.

  2. Где я должен разместить закрывающую анкерную бирку?

    В моем примере выше я создал именованный якорь в заголовке

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

    Нет жесткого правила. Вы можете разместить его где угодно. Например, один из способов - пометить одно слово, например:

    Чтобы изменить это поведение ...


  3. Что делать, если я удалю именованную привязку, но с ней связаны другие?

    Если вы щелкнете ссылку на место, скажите http: // www.example.com/some-page.html#lastpara, и браузер не может найти последний параметр с именем якорь на странице, браузер просто перенесет вас в верхнюю часть страницы. Итак, если вы протестируете свою веб-страницу и обнаружите, что приземлиться в начале страницы, хотя этого делать не следует, это может означать, что вы забыли создать именованный якорь или дали ему другое имя / написание, чем то, что вы использовали в ссылочной ссылке.

  4. Создадут ли именованные якоря проблемы для поисковых систем?

    Насколько я могу судить, поисковые системы игнорируют часть URL-адреса "# some-text".Имя привязки - это используемое устройство для облегчения использования и реализован в веб-браузерах на благо людей, поэтому поисковым системам не нужно беспокоиться об этом.

  5. Что делать, если я использую XHTML (а не HTML) для своих веб-страниц?

    Если вы используете строгий XHTML для своих веб-страниц (вместо HTML) и ваши страницы отправляются как XML (то есть как « application / xhtml + xml ») вашим веб-сервером, теоретически вы должны используйте для именованного якоря следующее:

    Место назначения ссылки

    То есть используйте id для имени привязки вместо name .Тем не мение, старые браузеры (которые на самом деле не поддерживают XHTML) могут не найти вашу именованную привязку. (Конечно, если вы намеренно отправляя свои страницы как XML, вы, вероятно, уже знаете о проблемах с этими браузерами, и найти какой-нибудь умный способ с этим справиться.)

    Если ваши страницы закодированы в XHTML 1.0, но отправляются как HTML (то есть как « text / html ») веб-сервером вам, вероятно, следует использовать следующее:

    Место назначения ссылки

    Другими словами, используйте одно и то же имя для « id » (для браузеров, поддерживающих XHTML) и « name ». (для старых браузеров, которые понимают только HTML).Это путь, который я выбрал для сайта thesitewizard.com, поскольку он дает мне лучшая совместимость со старыми браузерами. Если вы знаете, что ваши веб-страницы в XHTML, но не знаете, они обслуживаются как HTML или XML, есть вероятность, что они отправляются как HTML, поскольку это значение по умолчанию. Таким образом, вам, вероятно, следует сделать то, что я здесь делаю.

    Для тех, кто не уверен, написана ли ваша веб-страница в HTML или XHTML, метод, описанный в основной части эта статья (то есть только с атрибутом « name »), вероятно, должна работать во всех браузерах (даже если это не совсем правильно в XHTML).Или, если вы хотите охватить все свои базы, используйте одно и то же имя в обоих « id » и « name » независимо от того, какой код используется для вашей страницы.

Заключение

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

Эту статью можно найти на https: // www.thesitewizard.com/html-tutorial/link-to-specific-line-or-paragraph.shtml

Авторские права © 2008-2018 Кристофер Хенг. Все права защищены.
Получите больше бесплатных советов и подобных статей, по веб-дизайну, продвижению, доходам и написанию сценариев с https://www.thesitewizard.com/.

Считаете ли вы эту статью полезной? Вы можете узнать о новых статьях и сценариях, опубликованных на thesitewizard.com подписавшись на RSS-канал. Просто укажите программу чтения RSS-каналов или браузер, поддерживающий RSS-каналы, на https: // www.thesitewizard.com/thesitewizard.xml. Вы можете узнать больше о том, как подписаться на RSS-каналы с моего RSS-канала.

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

.

Как создать ссылки на разделы на одной странице в HTML

Обновлено: 02.04.2019 компанией Computer Hope

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

Заметка

Сегодня все браузеры по-прежнему распознают "#" как жизнеспособный способ перемещения вверх или вниз по странице.Однако этот метод устарел и может не работать в будущих версиях HTML. Вместо этого мы предлагаем использовать метод id, поскольку он более актуален и универсален.

Использование #top или #bottom

В следующих примерах #top и #bottom используются с тегом и атрибутом href для ссылки на этот раздел страницы. Этот метод аналогичен использованию id, но вам не нужно выбирать конкретный элемент. Нажмите «Сверху» или «Снизу» в разделе результатов , чтобы увидеть, что происходит.

Примеры

Вверх

снизу

Результаты

Верх

низ

Использование селектора идентификатора

В CSS «id» - это селектор, который используется для обозначения области, на которую должна указывать ссылка, аналогично привязке в HTML. Самое приятное в использовании id - это то, что вы можете создать ссылку на любой элемент на странице, а не только на верхний или нижний. В следующих разделах вы увидите, как применить идентификатор к тегу HTML, а затем как установить на него ссылку.В этом примере будет ссылка на начальный абзац вверху этой страницы.

Используйте селектор #id

Гиперссылки используются веб-браузером для перехода с одной страницы на другую ...

Создать ссылку на селектор

Перейти к первому абзацу.

Результат

Перейти к началу абзаца.

.Каталог

- Как найти все ссылки / страницы на сайте

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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