Приветствую, всех читателей блога int-net-partner.ru! Эту статью можно назвать продолжением статьи о УРЛ-адресах. Будем разбираться в том, что же такое абсолютные и относительные ссылки для сайта.
Абсолютная ссылка, если смотреть изнутри, формируется при помощи атрибута href, в котором содержится путь до необходимой страницы сайта.
<a href=»https://int-net-partner.ru/investirovanie/pervye-doxody-na-forex-trend.html»>Первые доходы на инвестировании</a>
Адрес страницы начинается с http:// и заканчивается .html, а строка «Первые доходы на инвестировании» — анкор, мы будем видеть только текст и при нажатии на него перейдём на страницу сайта.
Первые доходы на инвестировании — так мы будем видеть ссылку.
Как видите всё очень просто, надо сказать, что абсолютными пользуются в основном для перехода на внешний сайт, для переходов внутри сайта многие вебмастера используют относительные ссылки, так как они не такие длинные и не утяжеляют сайт, код сайта.
Надо ещё сказать, что укоротить можно, например, картинки, загружаемые файлы, а ссылки на статьи таким способом не укоротишь, так как сами статьи хранятся в базе данных MySql.
Таким образом самый короткий относительный путь получается, когда web-документ, относительно которого проставляется ссылка (донор) и web-документ, на который она ведёт (акцептор) находятся в одном месте, в одной папке на хостинге:
Таким образом относительная ссылка будет состоять только из названия акцептора:
<a href=»akceptor.html»>анкор</a>
А если акцептор находится в папке, которая расположена в одной директории с файлом-донором?
Всё так же просто:
<a href=»papka/akceptor.html»>анкор</a>
Получается, что нужно прописать имя папки, в которой находится файл-акцептор, потом через»/»(слеш) имя документа или файла.
Ладно, с этим,я думаю, разобрались, теперь задачка посложнее. Представим такую ситуацию: теперь файл-донор находится в папке, а файл-акцептор расположен уровнем выше, рядом с папкой:
Тогда вид относительной ссылки примет вид:
<a href=»../akceptor.html»>Что такое URL адреса?</a>
Как видите, для таких случаев придумали специальный элемент «../», а если нужно по на несколько уровней выше, например на два?
Тогда добавляем ещё такой же элемент:
<a href=»../../akceptor.html»>Что такое Урл?</a>
Давайте разберём ещё одну ситуацию: файл-акцептор находится на 2 уровня выше в какой-то папке, в данном случае «primer-2»:
А вот такой вид примет относительная ссылка:
<a href=»../../primer-2/akceptor.html»>Что такое URL адреса?</a>
Все вышеприведённые примеры ссылок были написано относительны файла-донора. А если ссылки брать относительно корневой папки (в той, где лежит сайт на хостинге)? Корневая папка в обозначении относительных путей выглядет так: «/». Да, одиночный, прямой слеш=)
А вот так будет выглядеть относительная ссылка при переходе на главную страницу сайта:
<a href=»/»>анкор</a>
Таким образом, можно значительно сокращать гиперссылки относительно корневой папки сайта:
<a href=»https://int-net-partner.ru/wp-content/uploads/WebMoney-nastroiki.jpg»>анкор</a>
А вот, что получилось после сокращения:
<a href=»/wp-content/uploads/WebMoney-nastroiki.jpg»>анкор</a>
В данном случае я заменил название сайта на прямой слеш. Вот так легко и просто можно сократить гиперссылки на сайте.
Как правильно ссылаться на папку?
Хочу вам рассказать об одном маленьком, но очень важном нюансе при создании ссылок как относительных, так и абсолютных.
<a href=»/wp-content/uploads/»>анкор</a>
Но не в коем случае не оставлять так:
<a href=»/wp-content/uploads»>анкор</a>
Следует сказать, что при обращении к папке с помощью ссылок, сервер отобразит индексный файл, который находится в ней index.html, либо index.php., а если не найдёт его, то может отобразить все файлы, которые находятся в ней. Это происходит в том случае, если на веб сервере неправильно настроена безопасность, а это значительно снижает безопасность вашего Интернет-ресурса.
Да, обращение к главной странице сайта, это тоже обращение к папке, при этом индексный файл, который лежит там, запускается автоматически, поэтому для снижения нагрузки на сервер необходим о добавить прямой слеш после доменного имени.
<a href=»https://int-net-partner.ru/»>Абсолютная ссылка на главную</a>
А на этом статью буду заканчивать, спасибо за внимание и до скорых встреч в новых статьях!
Напоследок весёлое видео:
P.S.
Как вам статья? Рекомендую получать свежие статьи блога на e-mail, чтобы не пропустить много новой интересной информации!
Рекомендую прочесть следующие полезные статьи:
1. Как создать ссылку на страницу сайта в WordPress?
С уважением, Александр Сергиенко
Как хорошо, Александр, что ты написал эту статью. Я же в этом не могла разобраться. Буду ее изучать. Мне вообще непонятно, почему от ссылок нужно закрываться, или наоборот принимать их. Ну, я понимаю, что когда у кого-то что-то не готово, и он не желает, чтобы роботы их не зафиксировали. А дальше? Как можно узнать, от кого и когда надо закрываться, а от кого нет?
Это вопрос объёмный сразу и не расскажешь, в общем Вы решаете закрываться или нет, так как ссылки с Вашего сайта на сайт с низким трастом (у меня на блоге есть статья про траст) негативно скажется на Вышем сайте, в плане тИЦ и траста Вашего сайта, в результате Ваш сайт может попасть под фильтр поисковиков. Про это я напишу, тоже интересная тема.
Тема про ссылки мне изначально казалась очень простой, и лишь теперь знаю, что одних только определений ссылок , наверное, больше десятка.
Поэтому , и Ваши статьи на тему о ссылках будут, безусловно, очень и очень интересны.
Ух ты, я об этом ещё не читал
При всем уважении,Александр, к вопросам для новичков я бы эту статью не относил. Для меня это до сих пор темный лес. В основном пользуюсь готовыми формами для ссылок, т.е. теми которые предлагает плагин.
Да и я ими пользуюсь, так быстрее=) Это скорее для общего развития, я старался попроще рассказать.
Отчасти согласна с Владимиром, что статья не совсем для новичков, потому что в настоящее время новички совсем не знают программирования, поскольку строить сайты учат по шаблонам.
Но, всё же, нужно и Александра поблагодарить за такие ценные статьи, которые открывают всем новичкам ближайший горизонт для обучения и просвещения, потому что азы html всё равно знать нужно.
Имелось ввиду — для новичков, знакомых с html, наверное.
Так значит, мне как новичку не нужно заходить на сайты с хорошей посещаемостью, для меня вредно, так как меня могут наказать за это, поставить под фильтр? А как же тогда новичкам постигать азы интернет науки? Да и вам, получается, не выгодно заходить на ваши сайты, так как я вам никаких хороших ссылок не приношу? Нет, это какой-то абсурд, или я ничего не поняла? Как я должна поступить, чтобы не навредить никому, у которых я чему-то учусь? Я вообще это не пойму: вот я зашла на твой сайт, Александр, и что через меня полетели мои нехорошие ссылки на него?
Нет, имеется в виду оставлять гиперссылки в своём тексте на сайты с низким трастом. А заходить можете на любые сайты, ничего от этого не будет.
Хм. А как же тогда комментарии, если например на блоге все ссылки не закрыты, то как быть. Проще если Ваш блог на хорошем счету, Вас прокомментировали молодые блоги, то Вы ссылку должны закрыть от индекса? А что например если у Вас стоит Яндекс метрика. С уважением Андрей.
В комментариях лучше всегда закрывать ссылки, есть специальный плагин для этого.
Александр, лучше иметь плагин, закрывающий ссылки в комментариях? Или , может быть, вообще не допускать ссылки в комментариях — Ведь мы же имеем возможность модерировать комментарии?
Если у Вас на блоге, при оставлении комментария есть пункт «Ваш сайт», то при нажатии на имя комментатора, Вы перейдёте на сайт комментатора. Имеет смысл установить плагин для закрытия индексации в этом случае, а если у Вас не такого пункта, (я видел у некоторых блоггеров), то, конечно, можно не устанавливать.
Спасибо, именно это я и хотел услышать. Заходите в гости буду рад общению. С уважением Андрей.
Тема незнакома, поэтому постараюсь понять о чем идет речь. Спасибо.
То есть, по сути, теги
дают возможность ссылаться на файлы внутри папки сайта. Замечал эти теги во время прогона по профилям, неприятное дело, они разрешены для использования при заполнении. В этом случае они использовались для отображения кода программы, скрипта без активации его.Тезка, а для кого Вы пишите? Для тех, кто сам уже и так все понимает? Честно-говоря, мне было трудно сначала разжевать , а потом все это переваривать. Хотя информация, несомненно полезная.
Добрый вечер, Александр! Когда увидел про абсолютные и относительные ссылки, сначала не понял….Прочитав вашу статью и зная html/css, сразу стало ясно…Спасибо за информацию, очень признателен!!!
Благодарю Александр за подробный расклад. Попробую разобраться.