как сделать ссылку на страницу

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

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

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

Разберем на примерах.

если у вас на сайте есть страничка, рассказывающая о себе, например o-sebe.html, то для того чтобы сделать ссылку на эту страницу, надо написать так :

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

Вместо текста может быть любая картинка. Тогда нажав на картинку также будет сделан переход по ссылке.

Вернемся к нашему предыдущему примеру и добавим ссылки на этот сайт, вот так

Моя первая интернет страница всего лишь за 5 минут

Сегодня замечательный день.
Я сделал свою первую интернет страничку.


я буду богатым и свободным человеком !

Источник: http://moneymaster.ru/site7.php

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

Из чего состоит гиперссылка?

Начнем с простого примера — плагин для создания форм в WordPress, это ссылка на одну из страниц моего сайта. Нажмите на ссылку, вы перейдете на другую страницу. Вот html-код этой гиперссылки:

Итак, любая ссылка объявляется с помощью парных тегов , то есть, есть и открывающийся и закрывающийся теги. Между тегами стоит текст — это анкор( в примере — это плагин для создания форм в WordPress ). Простыми словами, анкор — это текст ссылки, вот научное определение анкора. Анкор — это очень важная часть ссылки, я бы сказал — самая важная. Это единственный элемент в ссылке, который виден посетителям сайта. Кроме того, с помощью анкоров можно продвигать свои страницы в поисковой выдаче.

Теперь, нам стоит обратить внимание на атрибуты ссылки, в примере их аж два:

  • атрибут title — это текст, который появляется при наведении курсором мышки на ссылку. В примере в title записан такой текст «Создаем формы в WordPress с помощью плагина» .
  • атрибут href — это адрес страницы на которую ссылается ссылка. В примере адрес ссылки такой — /post/13479/ .

Любой атрибут в ссылке должен состоять из имени атрибута, знака равно и двойных кавычек, в которые заключен текст атрибута. Атрибут href является обязательным атрибутом любой ссылки, то есть, у любой ссылки должен быть адрес страницы на которую она ссылается. Атрибут title — не обязательный, но я рекомендую его вам использовать. Так как он более подробно может рассказать пользователю о целевой странице на которую ведет ссылка.

Как сделать ссылку на сайт?

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

  1. Внутренние ссылки — ссылки, которые ссылаются на страницы одного сайта.
  2. Внешние ссылки — это те ссылки, которые ссылаются на сторонние сайты.

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

Это код логотипа моего сайта в главном меню, сверху, слева. Как видите, между тегами вместо анкора стоит тег картинки. Нажмите на логотип и увидите ,как это работает.

Как сделать внутреннюю ссылку на сайт?

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

Ну сами подумайте, если страницы вашего сайта не ссылаются на свои же статьи, разве на них будут ссылаться другие сайты? Думаю — нет, поэтому важно в каждой статье ставить хотя бы 3 -4 внутренние ссылки на другие статьи вашего сайта.

Пример внутренней ссылки я показывал выше, для закрепления материала покажу еще один — программа для создания скриншотов, вот такой пример внутренней ссылки. А вот как выглядит её код:

Код такой-же как и в первом примере ссылки, ничего нового. Повторюсь, ссылка может быть и без атрибута title . «Как посмотреть код ссылки?» — спросите вы. Это делается с помощью браузера, правой кнопкой щелкните по ссылке и в появившемся окошке нажмите на кнопку «Проверить элемент». Название кнопки для разных браузеров может отличаться, в данном случае я описывал кнопку для браузера Google Chrome.

ЧИТАЙТЕ ТАКЖЕ:  сделать ремонт квартиры под ключ в москве

Код ссылки в браузере

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

Эта ссылка ведет на главную страницу моего сайта. А теперь та же ссылка, но с относительным адресом:

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

Миф о копировании относительных ссылок!

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

Как сделать внешнюю ссылку на сайт?

Что такое внешняя ссылка, я писал вначале статьи. Сейчас запомните одно — чем меньше внешних ссылок на сайте, тем лучше. Но если вы все таки решили разместить внешнюю ссылку на своем сайте, рекомендую придерживаться следующих правил:

  • К ссылке добавить атрибут , в WordPress есть специальный плагин для добавления атрибута rel nofollow. Атрибут не позволяет передавать ТИЦ и PR вашего сайта — странице, на которую ведет ссылка. Это очень важно с точки зрения поисковой оптимизации. Пример ссылки с атрибутом :
  • Добавить атрибут target=»_blank» . Ссылка с этим атрибутом открывает целевую страницу в новой вкладке, а не в текущей. Очень важно, чтобы пользователь не забыл про ваш сайт, поэтому для внешних ссылок всегда ставьте атрибут target=»_blank» . Пример ссылки:

Ссылка откроется в новой вкладке

    Обернуть всю ссылку в следующую конструкцию кода:

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

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

А теперь, давайте соберем все эти теги и атрибуты вместе, потому что, все они должны присутствовать у каждой внешней ссылки:

Вот так должна выглядеть внешняя ссылка с точки зрения кода, внешне, конечно, внутренняя ссылка ничем не отличается от внешней. Так делаю я на своем сайте, рекомендую так делать и вам. В WordPress можно автоматизировать вставку всех этих атрибутов и тегов для внешних ссылок, это здорово позволяет экономить время. Атрибут rel nofollow добавляется с помощью плагина, а вот с тегами noindex не все так просто, придется немного покопаться в коде.

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

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

Источник: http://seofine.ru/post/14937/

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

Многие задаются вопросом, можно ли в качестве анкора (текста ссылки), использовать другое значение? Скажем, имя и фамилию человека (см. как в контакте поменять фамилию на отчество), в том случае, если мы указываем ссылку на его страницу?

Да, можно! И сейчас я покажу вам, как сделать ссылку на страницу вконтакте словом. При этом, можно ссылаться на любой объект: паблик, группа или персональная страничка.

Для чего это нужно

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

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

Как добавить свой текст для ссылки в вк

  1. Аккаунт пользователя — [id. |Текст ссылки]
  2. Встречи и события — [event. |Текст ссылки]
  3. Публичная страница — [public. |Текст ссылки]
  4. Для групп — [club. |Текст ссылки]

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

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

Дальше вам нужно будет опубликовать сообщения, нажатием кнопки «Отправить» .

В итоге будет вот такой результат.

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

Заключение

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

ЧИТАЙТЕ ТАКЖЕ:  как в excel сделать выбор из списка

Источник: http://vksetup.ru/privatnost/kak-sdelat-ssilki-vkontakte.html

Многие начинающие создатели сайтов задаются вопросом: Как сделать ссылку на сайте на другой сайт? И если я создам, то на что влияют ссылки с сайта на сайт?

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

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

Конструкция такова : , где а — это контейнерный тег HTML, создающий ссылку. Между открывающим и закрывающим тегами находится сам текст ссылки (так называемый «анкор»). href — это параметр тега — указывающий адрес ссылки.

Например: Создание сайта — будет отображаться в браузере таким образом: Создание сайта — красиво? Да, очень красиво, все это за счет языка HTML — основа и начало многих сайтов.

Как сделать, чтобы ссылка открывалась в другой вкладке

Если вы нажали, то вы могли заметить, что ссылка открылась в другой вкладке, а это уже за счет параметра target=»_blank»: то есть она была такая Создание сайта. Параметр target часто применяется в двух значениях: self и target, где self — это открытие ссылки в этом же окне(можно это не писать, так как это подразумевается по-умолчанию), а target — это открыть ссылку в другой вкладке.

Дополнительные параметры

В ссылке вы можете указать параметр title, содержимое которого будет появляться при наведении курсора на ссылку. Говорят, что это косвенным образом влияет и на раскрутку сайта. Но давай те посмотрим, как это выглядит в отображении: Создание сайта с нуля — а вот оно в действии(наведи курсор): Создание сайта с нуля.

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

Более новые статьи:

  • Тег audio в HTML5 внес существенные коррективы в простоту воспроизведения аудио файлов на сайте, вернее в стройку его в код, поскольку делается все эт …

«>Тег audio в HTML5 — 16/06/2018 10:11
Цвета RAL — а вы уже знаете какой цвет RAL самый красивый или лучше подойдет к вашему сайту?). …

«>Цвета RAL — 29/08/2016 15:29
Часто для наглядности на сайте требуется создать таблицу, но как некоторые не знают. для них и будет эта статья, хотя и для бывалых, тоже кое-что най …

Источник: http://saitsozdanie.ru/html-pri-sozdanii-saiytov/ssylka.html

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

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

style=»display:block»
data-ad-client=»ca-pub-8243622403449707″
data-ad-slot=»1319308473″
data-ad-format=»auto»>

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

Пошаговая инструкция

Вот теперь читайте внимательно.

1. Перед тем, как создать ssilku на нужный нам сайт необходимо скопировать её с адресной строки браузера. Для этого находим, например, страницу своего сайта (или страницу внешнего сайта), выделяем ssilku, нажав 1 раз левой кнопкой мыши на неё в адресной строке браузера, либо используем комбинацию клавиш для выделения (намного быстрее) Ctrl+A .

2. После того как вы выделили ssilku, необходимо её скопировать в буфер обмена компьютера (сохранить для дальнейшей вставки в текст), для этого нажимаем 1 раз правой кнопкой мыши и в всплывающем окне нажимаем на строку «копировать» , либо используем комбинацию клавиш Ctrl+C .

3. Теперь заходим в административную панель блога, а именно в запись, в которую вы хотите вставить ssilku. Выбираем словосочетание или какое-то слово в качестве анкора, выделяем его, в данном случае анкор — «битые ссылки» .

4. Здесь же находим значок «Вставить/изменить ссылку» и нажимаем на него.

5. В открывшемся окне нажимаем правой кнопкой мыши—> «Вставить» или используем комбинацию клавиш Ctrl+V , после этого ставим галочку в чек-боксе «Открыть в новом окне.вкладке» и нажимаем на кнопку «Добавить» . Также можете написать что-нибудь в пункте «Заголовок» , тогда при наведении на анкор будет показана эта запись, но я этим не пользуюсь.

А вот как ssilka будет выглядеть в административной панели:

А вот как она изображена у меня на сайте:

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

Как вам статья? Рекомендую получать свежие статьи блога на e-mail , чтобы не пропустить много новой интересной информации!

Рекомендую прочесть следующие полезные статьи:

С уважением, Александр Сергиенко

Правильнее будет заголовок: Как сделать, вставить ссылку в сайте на wordpress.

А я все не могла понять, для чего же эта цепочка показана. Вот теперь понятно, зачем она здесь, чтобы ссылки вставлять. Хорошо это показано на рисунках. Ссылки для меня вообще трудно доступный материал.Стараюсь разобраться. То ссылки закрывают, то их наоборот открывают. А особенно меня рассмешило то, что ими еще и торгуют. Зачем? Если хотят, чтобы контент был уникальный, разве можно их покупать и что это даст? Хотелось бы почитать об этом, в одном месте читала, но по-моему автор и сам не совсем разобрался. А может быть, это я такая не понятливая.

ЧИТАЙТЕ ТАКЖЕ:  как на айфоне сделать поиск по тексту

Об этом я обязательно буду писать в следующих статьях блога.

Точно,цепочка.Спасибо Валентина.Как же я мог забыть «цепочка»-вставляем ссылку и о-па,слово стало активным.А я час интернет перепахиваю-ищу-как,ну как же это делается?Еще раз спасибо.

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

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

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

Это я делаю с помощью программы фотошоп, редактирую саму картинку. На эту тему нужно писать отдельную статью,чтобы подробно объяснить.

А нанесение на картинку такой надписи6 названия сайта или его адреса в Фотошоп , уже делает её уникальной? Или нужны ещё дополнительные преобразования картинки?

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

Саша, я с тобой не соглашусь, что с изменением размера картинки меняется уникальность картинки для ПС.

Для проверки лучше воспользоваться сервисом. Я пользуюсь tineye.com , но и это не есть 100% гарантии, что картинка уникальная. Сказывается инертность ПС.

Использование собственных фото с подгонкой под требуемую тему — вот это будет 100% уникальности для ПС. Не забывайте оптимизировать картинку. И Вам будет счастье.

Для наглядности поиск картинок в Гугле (сайт — videoformaty_ru) по запросу:

1. система свк павла берестнева или

2. система саморазмножения Ваших комиссионных.

С уважением Александр Афанасьев.

Спасибо за информацию, теперь буду знать про это! Не думал, что всё так серьёзно=)

А меня, Александр, интересует вопрос: в анкоре ссылки ЛУЧШЕ прописывать полное название статьи, на которую ссылаешься или какие-то другие слова (или ключевые? только)? Вот у Вас в этой статье ссылка — «А у Вас какой вид постоянных ссылок?» — повторяет название статьи, а ссылка — «битых ссылок» — ведёт на статью «А Вы знаете сколько у Вас битых ссылок на сайте?», не повторяя её.

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

Все-таки элементарные теги HTML необходимо знать(или скопировать основу в отдельный файл), на случай глюков онлайн — редактора сайта.

С уважением, Александр Афанасьев.

Ура! Я научилась делать надпись названия блога на картинке. Когда ты, Александр, сказал, что делаешь это в Фотошопе, я подумала, что не может быть, чтобы в Paint этого не было. И нашла в таком неожиданном месте, что никогда бы не подумала, что такое может быть. Вот только твои надписи разного цвета, а у меня только черного цвета. Может быть, кто-нибудь подскажет, как можно менять цвет надписи в Paint?

Там есть внизу палитра с цветами (слева), попробуйте.

Да, Валентина, я тоже делаю эти подписи в Paint, правильно сказал Алексанад цвет задаётся в палитре, всё просто.

Большое спасибо, Александр, Людмила! Так мне дается все с трудом. Я много времени убиваю на все эти поиски. Я понимаю, много материала пишут для новичков, но он дается как бы дозировано. И это, наверное, правильно. Но я думаю, что надо бы опытным блогерам рассказать еще и в другом плане. Я в этом нужду имею, и читая комментарии, замечаю, что и у других часто бывают такие же вопросы. Вот создали мы блог. И что делаем дальше шаг за шагом, на что нужно обратить внимание сразу, что и как делать периодически. Например, редактирую я статью в блог, у меня может не получаться вставка картинок. Я их меняю, подбираю другие. И вдруг в Яндексе и Гугле обнаруживаю название своего блога, а вместо статьи — картинка. Одна, другая. Собралось около десятка таких «публикаций»- ни слова, просто картинка и все. Представляете? Я в панике. Я же такого не публиковала. А в библиотеке медиафайла куча картинок, очевидно из тех, которые я подбирала. Что же делать? Я опять к моему доброму Юре с вопросом, помоги. Он, конечно, подсказал, как выйти из положения. Но ведь все время не будешь человеку надоедать, ему тоже надо работать. Много времени убила на то, чтобы почистить от ненужного. Или как я долго в начале искала корневую папку блога. Это потом я узнала. что это такое, а надо бы знать с самого начала.

Источник: http://int-net-partner.ru/voprosy-novichkov/kak-sdelat-ssylku-u-sebya-na-sajte.html

Ссылка на основную публикацию