Красивая ссылка: Как сократить ссылку: обзор 11 сервисов

ᐉ Сервис сокращенных ссылок | sURL

sURL — Сервис сокращенных ссылок со статистикой

Всего в 1 клик вы получите краткую ссылку — аналог вашего длинного адреса. Также к каждой сокращённой ссылке мы предоставляем полную статистику, для этого просто доставьте «+» в конце URL. Например, если вы получили ссылку surl.li/xxx — статистика этой ссылки находиться по адресу surl.li/xxx+. Вы увидите количество кликов и переходов, локации посетителей их устройства и браузеры. Одним словом — все что может понадобиться хорошему маркетологу для хорошей работы. Главное, чтобы длинна исходной ссылки перед ее сокращением, не превышала 1984 символов.

Как работает онлайн сократитель ссылок?

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

Зачем сокращать URL адреса?

Ссылка может иметь огромные знание, здесь могут быть указаны параметры страниц и сортировок, а также многое другое. Также маркетологи часто используют utm метки, что удлиняет ссылку и делает ее иногда в несколько раз длиннее. Такого рода ссылки просто неудобно передавать, часто их даже не поддерживают форумы, блоги или мессенджеры. С помощью нашего сервиса коротких URL вы можете создать красивую ссылку surl.li/xxx и разместить ее где пожелаете.

Сервис — сократитель surl.li действительно может заменить goo.gl

К сожалению всеми любимы сервис от гугл больше не доступен. Но это не повод расстраиваться — наш сервис может стать отличным аналогам этого популярного сокращателя ссылок. Ко всему наш сервис маленьких ссылок позволяет:
— создать действительно короткую ссылку surl.li/xxx;
— собирать статистику короткого урл–а просто добавив «+» в короткий адрес;
— обратиться в поддержку, в случае необходимости;

Наш онлайн генератор коротких ссылок полностью Бесплатный

Мы обеспечиваем весь функционал нашего сервиса коротких адресов на полностью бесплатной основе. Генератор surl.li — только одна из разработок компании HyperHost.UA. Основным профилем компании остается предоставление качественных услуг на уровне премиум хостинга, мощных VPS серверов а также всего необходимого для стабильной работы сайтов и других интернет–проектов.

О сервисе по сокращению ссылок Твиттера (http://t.co)

Ниже представлены некоторые часто задаваемые вопросы о сервисе по сокращению ссылок Твиттера t.co.

Как работает сокращение ссылок?

Ссылки, публикуемые в Твиттере, в том числе ссылки, которыми пользователи делятся в личных сообщениях, автоматически обрабатываются и сокращаются до ссылки http://t.co. Подробнее о сокращении ссылок. Примечание. Обратите внимание: любой пользователь, у которого есть доступ к короткой ссылке t.co, может перейти по целевому URL-адресу.

Почему Твиттер использует собственный сервис по сокращению ссылок?

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

Если URL-адрес сайта, которым вы управляете, отмечен как вредоносный, вы найдете дополнительную информацию в статье справки об URL-адресах, отмеченных как вредоносные.

Можно ли отказаться от сокращения ссылок в публикациях в Твиттере?

По указанным выше причинам Твиттер сокращает все URL-адреса, публикуемые в Твиттере. Отказаться от сокращения ссылок невозможно.

Можно ли использовать сервис по сокращению ссылок (например, bit.ly)?

Если для публикации необходимо сократить ссылки, ознакомьтесь со статьей справки об использовании сервисов по сокращению ссылок в Твиттере. При использовании сервиса по сокращению ссылок счетчики переходов (например, службы bit.ly) по-прежнему работают. Служба http://t.co используется только для ссылок, опубликованных в Твиттере, и недоступна для других приложений или сайтов.

Стилизация ссылок — Изучение веб-разработки

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

Для изучения вам потребуется:	Основы компьютерной грамотности, базовые знания HTML (изучите Введение в HTML), основы CSS (изучите Введение в CSS), базовые знания о текстах и шрифтах CSS.
Вы узнаете:	Изучите как стилизуются ссылки и как использовать ссылки эффективно в общих задачах UI (пользовательских интерфейсах), например, в меню навигации.

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

Состояния ссылок

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

• Link (не посещённая): Состояние по умолчанию, в котором находится ссылка, когда она не находится в каком-либо другом состоянии. Она может быть специфически стилизована используя псевдокласс :link.
• Visited: Ссылка, когда она уже была посещена (существует в истории браузера), стилизуется используя псевдокласс :visited.
• Hover: Ссылка, когда на неё наведён курсор мыши, стилизуется используя псевдокласс :hover
• Focus: Ссылка, когда она была сфокусирована (например когда пользователь переместился на неё используя клавишу Tab или наподобие или программно сфокусирована используя HTMLElement.focus() (en-US)) — стилизуется используя псевдокласс :focus.
• Active: Ссылка, когда она активируется (например при клике по ней), стилизуется используя псевдокласс :active

Стили по умолчанию

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

<p><a href="https://mozilla.org">A link to the Mozilla homepage</a></p>

p {
  font-size: 2rem;
  text-align: center;
}

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

• Ссылки подчёркнуты.
• Не посещённые ссылки синие.
• Посещённые ссылки фиолетовые
• Наведение курсора мыши на ссылку меняют указатель мыши на иконку маленькой руки.
• Сфокусированные ссылки имеют контур вокруг себя — вы можете сфокусироваться на ссылках на этой странице с помощью клавиатуры, нажав клавишу табуляции (на Mac, вам может понадобиться включить опцию Full Keyboard Access: All controls нажав Ctrl + F7, прежде чем это будет работать).
• Активные ссылки красные (попробуйте удерживать кнопку мыши на ссылке, когда вы кликните по ней).

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

• Использовать нижнее подчёркивание для ссылок, но не для других вещей. Если вы не хотите подчёркивать ссылки, то хотя бы выделите их каким-либо другим путём.
• Сделать так чтобы они как-нибудь реагировали на наведение/фокусировку на них и немного отличались после активации.

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

• color (en-US) для цвета текста.
• cursor для стиля курсора мыши — вы не должны отключать эту опцию только если у вас нет на это веской причины.
• outline (en-US) для контура текста (контур схож с границей, единственное отличие — это то, что границы занимают место в блоке, а контур — нет; он просто располагается поверх фона). Контур является полезным вспомогательным средством, так что подумайте хорошо, прежде чем отключать его; по крайней мере вы должны удвоить стили, заданные для состояния hover, а также состояния фокусировки.

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

Стилизация некоторых ссылок

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

Чтобы начать, мы выпишем наши пустые наборы правил:

a {

}


a:link {

}

a:visited {

}

a:focus {

}

a:hover {

}

a:active {

}

Этот порядок важен так как стили ссылок опираются друг на друга, например стили в первом правиле будут применяться ко всем последующим правилам и когда ссылка будет активирована, она также будет находиться под «наведением» (hover). Если вы введёте их в неправильном порядке, стили не будут работать правильно. Чтобы запомнить этот порядок вы можете попробовать использовать мнемонику типа LoVe Fears HAte.

А теперь давайте добавим ещё немного информации чтобы правильно оформить этот стиль:

body {
  width: 300px;
  margin: 0 auto;
  font-size: 1.2rem;
  font-family: sans-serif;
}

p {
  line-height: 1.4;
}

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
  color: #265301;
}

a:visited {
  color: #437A16;
}

a:focus {
  border-bottom: 1px solid;
  background: #BAE498;
}

a:hover {
  border-bottom: 1px solid;
  background: #CDFEAA;
}

a:active {
  background: #265301;
  color: #CDFEAA;
}

Также мы дадим некий пример HTML к которому применяется CSS:

<p>There are several browsers available, such as <a href="https://www.mozilla.org/en-US/firefox/">Mozilla
Firefox</a>, <a href="https://www.google.com/chrome/index.html">Google Chrome</a>, and
<a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Microsoft Edge</a>. </p>

Объединение этих двух даёт нам такой результат:

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

• Первые два правила не так интересны в этом обсуждении.
• Третье правило использует селектор a чтобы избавиться от подчёркивания текста и контура фокуса по умолчанию (которые всё равно варьируют в зависимости от браузера), а также добавляет малое количество padding к каждой ссылке — все это станет ясно позже.
• Далее, мы используем селекторы a:link и a:visited чтобы настроить пару цветовых вариаций не посещённых и посещённых ссылок, так чтоб они отличались.
• Следующие два правила используют a:focus и a:hover настраивают сфокусированные и наведённые (hovered) ссылки таким образом чтобы они имели разные фоновые цвета, плюс нижнее подчёркивание чтобы ссылка выделялась ещё больше. Два пункта на которые надо обратить внимание:
  • Нижнее подчёркивание создано используя border-bottom, а не text-decoration (en-US) — некоторые люди предпочитают это потому что первый имеет лучшие варианты стилизации, чем второй, и отрисован немного ниже, так что не срезает нижние элементы слов будучи подчёркнутыми (например хвосты у букв как «р» и «у»).
  • Значение border-bottom установлено на 1px solid, без определённого цвета. Это позволяет границам принимать тот же цвет что и элементы текста, что полезно в случае как этом, где текст имеет разные цвета в каждом случае.
• Наконец, a:active используется чтобы дать ссылкам инвертированную цветовую схему в то время когда они активированы, чтобы было ясно что происходит что то важное!

Активное изучение: Стилизуйте ссылки самостоятельно

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

Если вы допустите ошибку, вы всегда можете сделать сброс используя кнопку Reset. Если вы действительно застряли нажмите кнопку Show solution чтобы вставить пример, который мы показали выше.

Обычной практикой является добавление иконок в ссылки, чтобы предоставить больше индикатора того, на какой контент указывает ссылка. Давайте рассмотрим очень простой пример, который добавляет иконку к внешним ссылкам (ссылки, которые ведут на другие сайты). Такая ссылка обычно выглядит как маленькая стрела торчащая из коробочки — например, мы будем использовать этот отличный образец с сайта icons8.com.

Давайте взглянем на HTML и CSS которые дадут нам эффект, который мы хотим. Во-первых, немного простого HTML который будет стилизован:

<p>For more information on the weather, visit our <a href="weather.html">weather page</a>,
look at <a href="https://en.wikipedia.org/wiki/Weather">weather on Wikipedia</a>, or check
out <a href="http://www.extremescience.com/weather.htm">weather on Extreme Science</a>.</p>

Далее, CSS:

body {
  width: 300px;
  margin: 0 auto;
  font-family: sans-serif;
}

p {
  line-height: 1.4;
}

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:focus, a:hover {
  border-bottom: 1px solid;
}

a:active {
  color: red;
}

a[href*="http"] {
  background: url('https://mdn.mozillademos.org/files/12982/external-link-52.png') no-repeat 100% 0;
  background-size: 16px 16px;
  padding-right: 19px;
}

Итак, что же тут происходит? Мы пропустим большую часть CSS так как это та же информация, которую вы рассматривали ранее. Однако, последнее правило интересное — тут мы вставляем пользовательское фоновое изображение во внешнюю ссылку схожим способом как мы делали пользовательские маркеры для пунктов списка в последней статье — в этот раз, однако, мы используем короткую запись background вместо индивидуальных свойств. Мы задаём путь к изображению, которое хотим вставить, устанавливаем no-repeat чтобы мы получили только одну копию вставленного и затем устанавливаем позицию на 100% до правого края изображения и 0 пикселей от верхнего края.

Также мы используем background-size для того чтобы указать размер в котором бы хотим чтобы было показано фоновое изображение — полезно иметь иконку большего размера и далее менять его размер так, как нужно для адаптивного (отзывчивого) веб-дизайна. Однако это работает только в IE9 и следующих версиях так что, если вам нужна поддержка тех старых браузеров вам просто придётся менять размер изображения и вставлять его как есть.

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

И последнее слово — как мы выбрали только внешние ссылки? Ну, если вы пишете свои HTML ссылки правильно, то вы должны были использовать только абсолютные URL для внешних ссылок — гораздо эффективнее использовать относительные ссылки для связи с другими частями вашего сайта. Текст «http» таким образом должен появляться только во внешних ссылках и можем выбрать его при помощи селектора атрибутов: a[href*="http"] выбирает элементы <a>, но только если они имеют атрибут href со значением содержащим «http» где-то внутри него.

Ну вот и все — попробуйте посетить секцию активного изучения выше и испытайте этот новый метод!

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

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

Для начала HTML:

<ul>
  <li><a href="#">Home</a></li><li><a href="#">Pizza</a></li><li><a href="#">Music</a></li><li><a href="#">Wombats</a></li><li><a href="#">Finland</a></li>
</ul>

А теперь наш CSS:

body,html {
  margin: 0;
  font-family: sans-serif;
}

ul {
  padding: 0;
  width: 100%;
}

li {
  display: inline;
}

a {
  outline: none;
  text-decoration: none;
  display: inline-block;
  width: 19.5%;
  margin-right: 0.625%;
  text-align: center;
  line-height: 3;
  color: black;
}

li:last-child a {
  margin-right: 0;
}

a:link, a:visited, a:focus {
  background: yellow;
}

a:hover {
  background: orange;
}

a:active {
  background: red;
  color: white;
}

Что даёт нам следующий результат:

Давайте объясним, что тут происходит, фокусируясь на самых интересных частях:

• Наше второе правило удаляет заданный по умолчанию padding у элемента <ul> и устанавливает его ширину так, чтобы охватить 100% внешнего контейнера (в этом случае <body>).
• Элементы <li> по умолчанию в норме являются блочными (см. типы блоков CSS чтобы вспомнить), что значит что они будут располагаться на своих собственных строках. В этом случае мы создаём горизонтальный список ссылок, поэтому в третьем правиле задаём свойству display значение inline, что приводит к тому, что элементы списка располагаются в одной строке друг с другом — теперь они ведут себя как строчные элементы.
• четвёртое правило — которое стилизует элемент <a> — самое сложное; давайте пройдёмся по нему шаг за шагом:
  • как в предыдущем примере, мы начинаем отключать настройки по умолчанию для text-decoration (en-US) и outline (en-US) — мы не хотим, чтоб они портили нам вид.
  • Далее мы устанавливаем display на inline-block — элементы <a> являются строчными по умолчанию и, поскольку мы не хотим чтобы они вываливались на свои собственные строки как если бы это получалось со значением block, мы хотим иметь возможность менять их размер. inline-block позволяет нам делать это.
  • Теперь только изменение размера! Мы хотим заполнить всю ширину элемента <ul>, оставить немного margin между каждой кнопкой (не без зазора с правого края) и мы имеем 5 кнопок, которые надо разместить и которые должны иметь одинаковый размер. Для того чтобы это сделать мы задаём width на 19.5%, а margin-right на 0.625%. Вы заметите что вся эта эта ширина составляет 100.625%, что может сделать так что последняя кнопка перекроет <ul> и выпадет вниз на следующую строку. Тем не менее, мы возвращаемся к 100%, используя следующее правило, которое выбирает только последний <a> в списке и удаляет его margin. Сделано!
  • Последние три объявления довольно просты и в основном просто для косметических целей. Мы центрируем текст внутри каждой ссылки, задаём line-height на 3 чтобы кнопки имели некую высоту (что также имеет преимущество в центрировании текста по вертикали) и задаём для текста чёрный цвет.

Обратите внимание: вы могли заметить что элементы списка в HTML все находятся на одной строке друг с другом — так сделано потому, что это сделано потому, что пробелы/разрывы строк между элементами встроенного блока создают пробелы на странице, точно также как пробелы между словами и такие пробелы могли бы нарушить расположение нашего горизонтального меню навигации. Вы можете найти больше информации об этой проблеме (и решения) на Fighting the space between inline block elements.

Мы надеемся эта статья снабдила вас всем что вам надо знать о ссылках — на данный момент! Последняя статья в нашем модуле стилизации текста детализирует как использовать пользовательские шрифты на вашем веб-сайте или как они больше известны веб-шрифты.

Вставка гиперссылки в Outlook с помощью средства чтения с экрана

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

В этом разделе

Создание автоматической гиперссылки

Outlook может автоматически превращать веб-адреса в гиперссылки.

Введите веб-адрес (URL-адрес), например www.contoso.com, или адрес электронной почты, например [email protected], а затем нажмите клавишу ПРОБЕЛ или ВВОД. Текст примет вид гиперссылки.

Создание ссылки на файл или веб-страницу

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

Создание ссылки на файл

Совет: Чтобы быстро создать ссылку на один из последних файлов, нажмите клавиши ALT+ N, I. Откроется список последних файлов. Нажимайте клавишу СТРЕЛКА ВНИЗ, пока не услышите название нужного файла, а затем нажмите клавишу ВВОД.

1. При создании сообщения электронной почты установите курсор туда, куда вы хотите вставить ссылку.

2. Нажмите клавиши ALT+N, I, I, чтобы открыть диалоговое окно Вставка гиперссылки.

3. Чтобы создать ссылку на файл в текущей папке, нажмите клавиши ALT+X.

4. Нажимая клавишу TAB, пока не услышите «Папка <текущего>», а затем нажимая клавишу TAB, пока не услышите «Текущая папка, дерево». По умолчанию используется папка Документы.

   Чтобы изменить папку, нажмите клавиши ALT+L. Вы услышите название папки, выбранной в текущий момент. Нажимайте клавишу СТРЕЛКА ВНИЗ или СТРЕЛКА ВВЕРХ, пока не услышите нужное расположение, а затем нажмите клавишу ВВОД.

5. Нажимайте клавишу TAB, пока не услышите «Текущая папка, дерево», а затем нажимайте клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ, чтобы найти файл.

6. Нажмите клавиши ALT+T. При этом вы услышите «Отображаемый текст». Введите текст, который будет использоваться для ссылки.

7. Чтобы вставить ссылку на файл, нажмите клавишу ВВОД.

Создание ссылки на просмотренную страницу

1. При создании сообщения электронной почты установите курсор туда, куда вы хотите вставить ссылку.

2. Нажмите клавиши ALT+N, I, I, чтобы открыть диалоговое окно Вставка гиперссылки.

3. Чтобы создать ссылку на просмотренную страницу, нажмите клавиши ALT+X, а затем ALT+B. Будет выбран параметр Просмотренные страницы.

4. Нажимайте клавишу TAB, пока не услышите первую страницу в списке просмотренных.

5. Нажимайте клавишу СТРЕЛКА ВНИЗ, пока не услышите нужную страницу.

6. Нажмите клавиши ALT+T. При этом вы услышите «Отображаемый текст». Введите текст, который будет использоваться для ссылки.

7. Чтобы вставить ссылку на файл, нажмите клавишу ВВОД.

Ссылка на веб-страницу

1. При создании сообщения электронной почты установите курсор туда, куда вы хотите вставить ссылку.

2. Нажмите клавиши ALT+N, I, I, чтобы открыть диалоговое окно Вставка гиперссылки. Фокус будет установлен в текстовое поле Адрес.

3. Введите адрес веб-страницы.

4. Нажмите клавиши ALT+T. При этом вы услышите «Отображаемый текст». Введите текст, который будет использоваться для ссылки.

   Совет: Рекомендуется использовать название веб-страницы в качестве текста ссылки. Когда пользователи щелкают ссылку и переходят на страницу, средство чтения с экрана прежде всего зачитывает название.

5. Чтобы вставить ссылку, нажмите клавишу ВВОД.

Создание ссылки на другое место в том же сообщении

Вы можете создавать внутренние ссылки на текст со стандартными стилями, например заголовки и закладки. Инструкции по созданию заголовков в Outlook см. в статье Добавление заголовков.

Создание закладки

1. Переместите курсор к нужному объекту. Это может быть заголовок, фрагмент текста или изображение.

2. Чтобы открыть диалоговое окно Закладка, нажмите клавиши ALT+N, K. Фокус переместится в текстовое поле Имя закладки.

3. Введите имя закладки.

   Примечание: Имя закладки должно начинаться с буквы. Они могут содержать буквы, цифры и символ подчеркиваия, например Dev_Report_2.

4. Чтобы добавить закладку в список, нажмите клавиши ALT+A.

Вставка ссылки на закладку

1. При создании сообщения электронной почты установите курсор туда, куда вы хотите вставить ссылку.

2. Нажмите клавиши ALT+N, I, I, чтобы открыть диалоговое окно Вставка гиперссылки.

3. Нажмите ALT+A. Будет выбрано значение Место в документе, а фокус переместится в дерево закладок.

4. Нажимайте клавишу СТРЕЛКА ВНИЗ, пока не услышите нужную закладку, а затем нажмите клавишу ВВОД. В сообщение будет вставлена ссылка на закладку с ее названием.

Удаление гиперссылки

1. В сообщении выделите текст ссылки или изображение с гиперссылкой.

2. Нажмите клавиши SHIFT+F10, а затем ALT+R. Гиперссылка удаляется.

Дополнительные сведения

Форматирование текста в сообщении электронной почты в Outlook с помощью средства чтения с экрана

Вставка рисунков и изображений в Outlook с помощью средства чтения с экрана

Сочетания клавиш в Outlook

Использование средства чтения с экрана для выполнения основных задач при работе с электронной почтой в Outlook

Настройка устройства для поддержки специальных возможностей в Microsoft 365

Использование средства чтения с экрана для получения информации и навигации в приложении Почта Outlook

С помощью клавиатуры и VoiceOver (средства чтения с экрана, встроенного в Mac OS), можно добавить в сообщение Outlook для Mac ссылку на веб-страницу или файл на общем диске.

В этом разделе

Создание автоматической гиперссылки

Outlook может автоматически превращать веб-адреса в гиперссылки.

Введите в текст сообщения веб-адрес (URL-адрес), например www.contoso.com, или адрес электронной почты, например [email protected], а затем нажмите клавишу ПРОБЕЛ или ВВОД. Текст примет вид гиперссылки.

Создание ссылки на файл или веб-страницу

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

Вставка гиперссылки на файл

1. При создании сообщения электронной почты установите курсор туда, куда вы хотите вставить ссылку.

2. Нажмите клавиши CONTROL+COMMAND+K. Откроется диалоговое окно Вставка гиперссылки.

3. Чтобы создать ссылку на файл, нажимайте клавишу TAB, пока не услышите «<текущая вкладка>, выбрано».

4. Нажимайте клавишу СТРЕЛКА ВПРАВО или СТРЕЛКА ВЛЕВО, пока не услышите «Веб-страница или файл, вкладка», а затем нажмите ПРОБЕЛ для выбора.

5. Нажимайте клавишу TAB, пока не услышите «Выбрать, точка», а затем нажмите ПРОБЕЛ. При этом вы услышите «Выберите файл, на который должна указывать ссылка».

6. Нажимайте клавишу TAB, чтобы перейти к нужному месту, а затем с помощью клавиш со стрелками найдите файл. Для перехода между папками и вложенными папками используйте клавиши СТРЕЛКА ВПРАВО и СТРЕЛКА ВЛЕВО.

7. Нажимайте клавишу TAB, пока не услышите фразу «Открыть, кнопка», а затем нажмите клавишу ПРОБЕЛ. Файл будет выбран, а диалоговое окно закроется.

8. Чтобы добавить текст, который нужно отображать вместо адреса файла, в диалоговом окне Вставка гиперссылки нажимайте клавишу TAB, пока не услышите сообщение «Отображаемый текст, изменить текст». Введите текст.

9. Чтобы вставить ссылку, нажмите клавишу ВВОД. Диалоговое окно закроется, и гиперссылка будет вставлена.

Вставка гиперссылки на веб-страницу

1. В сообщении электронной почты установите курсор туда, куда вы хотите вставить ссылку.

2. Нажмите клавиши CONTROL+COMMAND+K. Откроется диалоговое окно Вставка гиперссылки.

3. Чтобы создать ссылку на веб-страницу, нажимайте клавишу TAB, пока не услышите «Текущая вкладка, выбрано».

4. Нажимайте клавишу СТРЕЛКА ВПРАВО или СТРЕЛКА ВЛЕВО, пока не услышите «Веб-страница или файл, вкладка», а затем нажмите ПРОБЕЛ для выбора.

5. Нажимайте клавишу TAB, пока не услышите фразу «Адрес, изменить текст», а затем введите адрес веб-страницы.

6. Чтобы добавить текст, который нужно отображать вместо адреса, нажимайте клавишу TAB, пока не услышите сообщение «Отображаемый текст, изменить текст». Введите текст.

   Совет: Рекомендуется использовать название веб-страницы в качестве текста ссылки. Когда пользователи щелкают ссылку и переходят на страницу, средство чтения с экрана прежде всего зачитывает название.

7. Чтобы вставить ссылку, нажмите клавишу ВВОД. Диалоговое окно закроется, и гиперссылка будет вставлена.

Удаление гиперссылки

1. В сообщении выделите текст ссылки или изображение с гиперссылкой.

2. Нажмите клавиши COMMAND+K, а затем нажимайте клавишу TAB, пока не услышите «Удалить ссылку, кнопка». Чтобы сделать выбор, нажмите клавишу ПРОБЕЛ.

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

Дополнительные сведения

Форматирование текста в сообщении электронной почты в Outlook с помощью средства чтения с экрана

Вставка рисунков и изображений в Outlook с помощью средства чтения с экрана

Сочетания клавиш в Outlook

Использование средства чтения с экрана для выполнения основных задач при работе с электронной почтой в Outlook

Настройка устройства для поддержки специальных возможностей в Microsoft 365

Использование средства чтения с экрана для получения информации и навигации в приложении Почта Outlook

Используйте Outlook для iOS с помощью VoiceOver, встроенного в iOS чтения с экрана, для связываения сообщений электронной почты с веб-страницами или файлами на общем диске.

Создание ссылки

1. В сообщении электронной почты поместите курсор туда, куда вы хотите вставить ссылку.

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

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

4. Если вы хотите использовать не только URL-адрес, но и ссылку, введите ее текст с помощью экранной клавиатуры. Чтобы перейти к клавиатуре, проводите пальцем вправо, пока не услышите ее название.

5. Чтобы добавить веб-адрес страницы или файла, на которые нужно добавить ссылку, в текстовом поле проводите пальцем вправо, пока не услышите сообщение «URL-адрес, текстовое поле», дважды коснитесь экрана и введите адрес.

6. Проводите пальцем влево, пока не услышите «Готово, кнопка», а затем дважды коснитесь экрана. Ссылка будет вставлена в текст сообщения.

Дополнительные сведения

Форматирование текста в сообщении электронной почты в Outlook с помощью средства чтения с экрана

Вставка рисунка в Outlook с помощью средства чтения с экрана

Выполнение основных задач при работе с письмами в Outlook с помощью средства чтения с экрана

Настройка устройства для поддержки специальных возможностей в Microsoft 365

Использование средства чтения с экрана для получения информации и навигации в приложении Почта Outlook

Используйте Outlook для Android с помощью TalkBack, встроенного в Android программы чтения с экрана, для связываения сообщений электронной почты с веб-страницами или файлами на общем диске.

Примечания: 

• Новые возможности Microsoft 365 становятся доступны подписчикам Microsoft 365 по мере выхода, поэтому в вашем приложении эти возможности пока могут отсутствовать. Чтобы получать новые возможности быстрее, станьте участником программы предварительной оценки Office.

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

Создание ссылки

1. В сообщении электронной почты поместите курсор туда, куда вы хотите вставить ссылку.

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

3. Проводите пальцем вправо, пока не услышите сообщение «Добавить ссылку», а затем дважды коснитесь экрана. Откроется диалоговое окно «Изменение ссылки» с фокусом на текстовом поле для отображения текстового поля.

4. Чтобы добавить имя ссылки, введите ее текст с помощью экранной клавиатуры.

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

   Примечание: Вы можете найти клавиатуру среди элементов на экране. Для этого поместите палец на экран и перемещайте его. При этом средство TalkBack будет называть выделяемые элементы. Чтобы выбрать элемент, поднимите палец. В зависимости от настроек телефона, возможно, вам потребуется дважды коснуться экрана, чтобы вставить символ.

5. Чтобы добавить веб-адрес страницы или файла, на который нужно добавить ссылку, из текстового поля для отображения текстового поля проводите пальцем вправо, пока не услышите сообщение «Ссылка, поле редактирования», дважды коснитесь экрана и введите адрес.

6. Проводите пальцем вправо, пока не услышите сообщение «Сохранить, кнопка». После этого дважды коснитесь экрана. Ссылка будет вставлена в текст сообщения.

Дополнительные сведения

Форматирование текста в сообщении электронной почты в Outlook с помощью средства чтения с экрана

Вставка рисунка в Outlook с помощью средства чтения с экрана

Выполнение основных задач при работе с письмами в Outlook с помощью средства чтения с экрана

Настройка устройства для поддержки специальных возможностей в Microsoft 365

Использование средства чтения с экрана для получения информации и навигации в приложении Почта Outlook

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

Примечания: 

• Новые возможности Microsoft 365 становятся доступны подписчикам Microsoft 365 по мере выхода, поэтому в вашем приложении эти возможности пока могут отсутствовать. Чтобы узнать о том, как можно быстрее получать новые возможности, станьте участником программы предварительной оценки Office.

• Дополнительные сведения о средствах чтения с экрана см. в статье о работе средств чтения с экрана в Microsoft Office.

• В этой статье предполагается, что Область чтения отключена.

• Рекомендуем использовать Outlook в Интернете в веб-браузере Microsoft Edge. Outlook в Интернете работает в веб-браузере, поэтому в сочетаниях клавиш есть некоторые отличия от классической программы. Например, для перехода в область команд и выхода из нее вместо клавиши F6 используются клавиши CTRL+F6. Кроме того, такие распространенные команды, как F1 (справка) и CTRL+O (открыть), относятся не к Outlook в Интернете, а к интерфейсу браузера.

• В настоящее время сайт Outlook.office.com обновляется (Outlook в Интернете). Некоторые пользователи уже перешли на новый интерфейс Outlook, в то время, как остальные пользуются старой версией по умолчанию до тех пор, пока не завершится обновление. Дополнительные сведения см. на странице Получение справки по Outlook в Интернете. Поскольку инструкции в этом разделе относятся к новому интерфейсу, мы рекомендуем вам перейти от классической к новой версии Outlook. Чтобы перейти на новую версию Outlook, нажимайте клавиши CTRL+F6, пока не услышите фразу «Команда, попробовать новый Outlook», а затем нажмите клавишу ВВОД. Если вы слышите фразу «Панель команд», а не «Команда, попробовать новый Outlook», значит вы уже используете новую версию Outlook.

В этом разделе

Создание гиперссылки

1. В сообщении электронной почты поместите курсор туда, куда вы хотите вставить ссылку.

2. Если вы хотите назвать ссылку не только по URL-адресу, введите текст ссылки и выберите ее.

3. Нажимая клавишу TAB, вы не услышите «Параметры форматирования». Затем нажимаем клавишу СТРЕЛКА ВПРАВО или СТРЕЛКА ВЛЕВО, пока не услышите «Вставить гиперссылка», а затем нажмите клавишу ПРОБЕЛ. Откроется диалоговое окно «Вставка ссылки», и вы услышите сообщение «Диалоговое окно «Вставка ссылки»».

4. В диалоговом окке «Вставка ссылки» введите веб-адрес страницы или файла, на которые нужно добавить ссылку, и нажмите ввод.

5. Диалоговое окно «Вставка ссылки» закроется, а гиперссылка будет создана в тексте сообщения.

Удаление гиперссылки

1. Вы выберите текст гиперссылки в тексте сообщения электронной почты.

2. Нажимая клавишу TAB, вы не услышите «Параметры форматирования». Затем нажимайте клавишу СТРЕЛКА ВПРАВО или СТРЕЛКА ВЛЕВО, пока не услышите «Удалить гиперссылки, кнопка», а затем нажмите клавишу ПРОБЕЛ.

3. Гиперссылка удаляется.

Дополнительные сведения

Форматирование текста в сообщении электронной почты в Outlook с помощью средства чтения с экрана

Вставка рисунка в Outlook с помощью средства чтения с экрана

Использование средства чтения с экрана для выполнения основных задач при работе с электронной почтой в Outlook

Сочетания клавиш в Outlook

Использование средства чтения с экрана для получения информации и навигации в приложении Почта Outlook

Как с помощью css сделать ссылку красивой

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

Появление каскадных таблиц стилей (CSS) во многом упростило весь процесс разработки и оформления внешнего вида веб-страниц. Благодаря CSS объемы кода сильно сократились. Теперь стилевое решение можно прописать один раз, а затем применять его для нужных элементов.

В CSS доступ к стилевым описаниям реализован с помощью классов и селекторов. Многие прослеживают в этом проявление основных принципов объектно-ориентированного программирования.

Сравните объем кода с использованием каскадных таблиц стилей и без них:

CSS включает в себя большой набор средств для установки стилевых характеристик ссылок. Доступ к тегу <a href> может быть реализован несколькими способами:

• С помощью селектора элемента – при этом стиль ссылки задается селектором элемента а. Пример:

<style type="text/css">
a{font-size:24px;
  font-background-color:#33CC99;
}
</style>

Описанный стиль будет применен ко всем ссылкам внутри страницы:

• Через селектор идентификатора – он задается внутри тега <a href>. А его стилевое описание располагается в блоке CSS внутри страницы или в отдельном файле каскадных таблиц стилей. В начале имени селектора ставится решетка. Пример:

<style type="text/css">
#a1{font-size:24px;
  font-background-color:#33CC99;
}
</style>
</head>
<body>
<a href="mail.ru" target="_blank">Нажми меня</a>
</br>
<a href="mail.ru" target="_blank">Нажми меня еще раз</a>
</br>
<a href="mail.ru" target="_blank">Еще хоть раз!</a>
</br>
<a href="mail.ru" target="_blank">Да еще раз!</a>
</br>
<a href="mail.ru" target="_blank">Да еще много, много раз!</a>

</body>

Результат аналогичен предыдущему.

• Через селектор класса – для этого внутри тега в атрибуте class прописывается имя класса. В CSS перед его именем ставится точка. Пример:

<style type="text/css">
.a1{font-size:24px;
  font-background-color:#33CC99;
}
</style>
</head>
<body>
<a href="mail.ru" target="_blank">Нажми меня</a>
</br>
<a href="mail.ru" target="_blank">Нажми меня еще раз</a>
</br>
<a href="mail.ru" target="_blank">Еще хоть раз!</a>
</br>
<a href="mail.ru" target="_blank">Да еще раз!</a>
</br>
<a href="mail.ru" target="_blank">Да еще много, много раз!</a>

</body>

С помощью всех этих трех методов можно легко установить цвет ссылки. Пример:

<style type="text/css">
a{font-size:24px;
  font-background-color:#33CC99;
  background-color:#FFCCCC;
}
#a2
{background-color:#FF0033;
}
.a3
{background-color:#339999;
}

</style>
</head>
<body>
<a href="mail.ru" target="_blank">Нажми меня</a>
</br>
</br>
<a href="mail.ru" target="_blank">Нажми меня еще раз</a>
</br>
</br>
<a href="mail.ru" target="_blank">Еще хоть раз!</a>
</br>

</body>

Таким же образом можно убрать подчеркивание ссылок. Для этого внутри селектора свойству text-decoration присваивается значение none. Пример:

<style type="text/css">
a{
font-size:24px;
text-decoration: none;
}

</style>
</head>
<body>
<a href="mail.ru" target="_blank">Нажми меня</a>
</br>
</br>
<a href="mail.ru" target="_blank">Нажми меня еще раз</a>
</br>
</br>
<a href="mail.ru" target="_blank">Еще хоть раз!</a>
</br>
</body>

Ссылка является не совсем обычным элементом html. Да и в css отношение к тегу <a href> тоже особенное. Для установки характеристик внешнего вида ссылки в каскадных таблицах стилей применяются встроенные псевдо классы.

Псевдо классом называется класс CSS, применяемый к стилю элемента в зависимости от его состояния (активный, неактивный, при нажатии).

В CSS различают несколько псевдо классов ссылок:

• A:link – задает стиль ссылки до посещения;
• A:visited – стиль после посещения;
• A:active – устанавливает, как будет выглядеть активная ссылка;
• A:hover – вид ссылки при наведении на нее курсора мыши.

A:link по своему действию аналогичен селектору элемента a (оба задают внешний вид не посещенной ссылки).

Пример, в котором подчеркивание ссылки и размер шрифта будут меняться в зависимости от ее состояния:

<style type="text/css">

    A:link { text-decoration: none; font-size:24px; }
    A:visited { text-decoration: overline; }
    A:hover { 
     text-decoration: underline overline; font-size:30px;
     color: #FF00FF; 
   }
   A:active { text-decoration: underline; color: #00FF00; font-size:40px; } 
  </style>
 </head>
 <body>
   <p><a href="1.html">Пример ссылки</a></p>

</body>

<style type="text/css">

    A:link {
	display: block;
    width: 200px;
    height: 70px;
    background: url(im/1.gif)no-repeat; 
	}
    A:visited {
	display: block;
    width: 200px;
    height: 70px;
    background: url(im/2.gif)no-repeat; 
	}
    A:hover { 
    display: block;
    width: 200px;
    height: 70px;
    background: url(im/3.gif)no-repeat;  
   }
   A:active {
    display: block;
    width: 200px;
    height: 70px;
    background: url(im/4.gif)no-repeat; 
   } 
  </style>
 </head>
 <body>
  <p><a href="4.html"></a></p>

</body>

Как видно из приведенных примеров, с помощью css ссылкам можно придавать разнообразную форму и вид. И эти возможности намного обширнее, чем в html. Да и писанины c CSS намного меньше.

красота мира в каждом кадре

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

1. По краю пропасти. Франция: ущелье Вердон

AWL Images / Fotodom Памирский тракт открыт для проезда только в теплое время – зимой велика опасность схода лавин.

Одна из самых захватывающих остановок на пути – крупнейшее в Таджикистане озеро Каракуль, расположенное на высоте 3914 метров над уровнем моря. Отсюда начинается крутой подъем к отрогам большого Памира. Скалы, ущелья, тоннели, грунтовка, пыль, отсутствие растительности, редкие аулы и отары овец – такой, почти марсианский пейзаж тянется до самого спуска в долину уже на таджикской стороне. Вашими попутчиками все это время будут грузовики, ослы и джипы, набитые битком внутри и обвешанные поклажей снаружи. Свернув с тракта, можно посетить еще несколько интересных мест: кишлаки местных жителей, перевал «Прощай, молодость», крепость огнепоклонников Ямчун, горячие источники Биби-Фатима и многое другое.

3. С севера на юг. США: Далтон-Хайвей

Age / East News В Китае популярным средством передвижения до сих пор служат традиционные лодки.

mod_rewrite, перезапись URL и объяснение «красивых ссылок»

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

GET /foo/bar.html HTTP/1.1

Это простой запрос браузера к веб-серверу, запрашивающий у него URL /foo/bar.html . Важно подчеркнуть, что он не запрашивает файл , он запрашивает просто произвольный URL. Запрос также может выглядеть так:

GET /foo/bar?baz=42 HTTP/1.1

Это такой же действительный запрос на URL, и более очевидно, что он не имеет ничего общего с файлами.

Веб-сервер — это приложение, которое прослушивает порт, принимает HTTP-запросы, поступающие через этот порт, и возвращает ответ. Веб-сервер полностью свободен отвечать на любой запрос любым способом / любым способом, который вы настроили для его ответа. Этот ответ не является файлом, это HTTP-ответ, который может иметь или не иметь ничего общего с физическими файлами на любом диске. Веб-сервер не обязательно должен быть Apache, существует множество других веб-серверов, которые представляют собой просто программы, которые работают постоянно и подключены к порту, который отвечает на HTTP-запросы. Вы можете написать его сами. Этот абзац был призван отвлечь вас от любого представления о том, что URL-адреса напрямую равны файлам, что действительно важно понять. 🙂

Конфигурация по умолчанию большинства веб-серверов заключается в поиске файла, соответствующего URL-адресу на жестком диске. Если корень документа сервера установлен, скажем, на /var/www, он может проверить, /var/www/foo/bar.htmlсуществует ли файл, и обслужить его, если это так. Если файл заканчивается на «.php», он вызовет интерпретатор PHP, а затем вернет результат. Вся эта ассоциация полностью настраивается; файл не обязательно должен заканчиваться на «.php», чтобы веб-сервер мог запустить его через интерпретатор PHP, а URL-адрес не должен соответствовать какому-либо конкретному файлу на диске, чтобы что-то произошло.

mod_rewrite — это способ переписать внутреннюю обработку запросов. Когда веб-сервер получает запрос URL-адреса /foo/bar, вы можете переписать этот URL-адрес во что-то другое, прежде чем веб-сервер будет искать файл на диске, соответствующий ему. Простой пример:

RewriteEngine On
RewriteRule   /foo/bar /foo/baz

Это правило гласит, что всякий раз, когда запрос соответствует «/ foo / bar», переписывайте его в «/ foo / baz». Затем запрос будет обработан так, как если бы /foo/bazон был запрошен. Это можно использовать для различных эффектов, например:

RewriteRule (.*) $1.html

Это правило соответствует чему-либо ( .*) и захватывает его ( (..)), а затем перезаписывает его, добавляя «.html». Другими словами, если это /foo/barбыл запрошенный URL, он будет обработан так, как если /foo/bar.htmlбы был запрошен. См. Http://regular-expressions.info для получения дополнительной информации о сопоставлении, захвате и замене регулярных выражений.

Еще одно часто встречающееся правило:

RewriteRule (.*) index.php?url=$1

Это, опять же, сопоставляет что-либо и перезаписывает его в файл index.php с первоначально запрошенным URL-адресом, добавленным в urlпараметр запроса. То есть, для любого и всех поступающих запросов выполняется файл index.php, и этот файл будет иметь доступ к исходному запросу $_GET['url'], поэтому он может делать с ним все, что захочет.

Сначала вы помещаете эти правила перезаписи в файл конфигурации вашего веб-сервера . Apache также позволяет * помещать их в файл, который называется .htaccessв корне вашего документа (то есть рядом с вашими .php файлами).

_{* Если это разрешено основным файлом конфигурации Apache; это необязательно, но часто включается.}

mod_rewrite не делает все ваши URL «красивыми» волшебным образом. Это распространенное заблуждение. Если у вас есть эта ссылка на вашем веб-сайте:

<a href="https://stackoverflow.com/my/ugly/link.php?is=not&amp;very=pretty">

mod_rewrite ничего не может сделать, чтобы сделать это красивым. Чтобы сделать эту ссылку красивой, вам необходимо:

1. Измените ссылку на красивую ссылку:

   <a href="https://stackoverflow.com/my/pretty/link">
   

2. Используйте mod_rewrite на сервере, чтобы обработать запрос к URL-адресу, /my/pretty/linkиспользуя любой из описанных выше методов.

(Можно использовать mod_substituteвместе для преобразования исходящих HTML-страниц и содержащихся в них ссылок. Хотя обычно это требует больше усилий, чем просто обновление ваших HTML-ресурсов.)

Mod_rewrite может многое сделать, и вы можете создать очень сложные правила сопоставления, включая объединение нескольких перезаписей, проксирование запросов к совершенно другой службе или машине, возвращение определенных кодов состояния HTTP в качестве ответов, перенаправление запросов и т. Д. Это очень мощное средство, которое может использоваться для Отлично, если вы понимаете фундаментальный механизм HTTP-запроса-ответа. Это не автоматически делает ваши ссылки довольно.

См. Официальную документацию для всех возможных флагов и опций.

Как сделать ваши URL-ссылки красивыми и легко запоминающимися с помощью Pretty Links! —

Tl; dr: Проверьте Pretty Links, чтобы сделать уродливые длинные URL-адреса короткими и легко запоминающимися

У вас есть URL-адреса или ссылки для множества страниц. Некоторые из них действительно важны, например, ваш главный пост в блоге … Только заголовок может быть длинным и трудным для запоминания. Разве не было бы замечательно, если бы вы могли создавать собственные ссылки… что-то, что даже вы можете вспомнить и рассказать друзьям и клиентам? Что ж, вот классная вещь, которую можно узнать!

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

Инструмент, который вам нужен сейчас

Есть инструмент WordPress, который я очень рекомендую, он называется Pretty Links. А что это за колдовство?

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

Еще одна полезная вещь, которую следует знать, — это то, что вы можете отслеживать количество кликов для каждой созданной вами настраиваемой ссылки. Так что, если вы находитесь на сцене и говорите проверить URL-адрес XXX, вы действительно можете точно увидеть, сколько людей в аудитории не спали, я имею в виду, сделали, как вы просили, и перешли по ссылке.Вы можете сделать то же самое с подкастом или видео на Youtube.

Иди сюда, чтобы получить это.

Ссылки на веб-сайты

Для ссылок на ваш сайт вам потребуется эта настройка. Это ваши следующие шаги:

1. В админке WordPress перейдите в Plugins> Add New, добавьте Pretty Links и нажмите «Установить».
2. В Pretty Link нажмите Add New Link!
3. Установите тип перенаправления на «301 (постоянное)».
4. Вставьте URL-адрес, который нужно сжать, в поле «Целевой URL-адрес».
   1. Например: https: // itunes.apple.com/gb/podcast/askalex-your-startup-strategy-fundraising-scaling-financial/id1324736668?mt=2
5. Установите в поле Pretty Link что-нибудь легко запоминающееся, например «askalexitunes».
   1. Итак, ваша ссылка становится: https://www.alexanderjarvis.com/askalexitunes
6. Не нажимайте «Нет подписки» или «Пересылка параметров»
7. Включите «Отслеживание», чтобы вы могли отслеживать, сколько людей нажимают на него
8. Нажмите «Создать» внизу…

Теперь у вас есть красивый, легко запоминающийся URL-адрес, который вы можете использовать на своем сайте и даже говорить в своем подкасте.Намного лучше сообщить аудитории свой легко запоминающийся URL (alexanderjarvis.com/askalexitunes), чем сказать им «Найди меня» в iTunes;).

Вот мои настройки в Pretty Links.

Партнерские ссылки

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

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

Моя партнерская ссылка уродлива и не имеет смысла. Поэтому я использую Pretty Links. Теперь, что это за настройки?

Это те же шаги, что и выше, но вы хотите нажимать другие кнопки.

1. В админке WordPress перейдите в Плагины> Добавить новый, добавьте Pretty Link и нажмите «Установить».
2. В Pretty Links нажмите Добавить новую ссылку!
3. Установите тип перенаправления на « 307 (временный) .”
4. Вставьте URL-адрес, который нужно сжать, в поле «Целевой URL-адрес».
   1. Например: https://mbsy.co/convertkit/30148081
5. Установите в поле Pretty Link что-нибудь легко запоминающееся, например «convertkit».
   1. Итак, ваша ссылка становится: https://www.alexanderjarvis.com/convertkit
6. Нажмите «Нет подписки»
7. Не нажимайте «Пересылка параметров»
8. Включите «Отслеживание», чтобы вы могли отслеживать, сколько людей нажимают на него
9. Нажмите «Создать» внизу…

Теперь это выглядит ЭТО, когда я вставляю ссылку в текст.

Вот мои настройки в Pretty Links для партнерских настроек:

Есть два способа использования партнерских ссылок:

1. То, что вы рассказываете людям
2. То, что вы встраиваете и хотите отслеживать

Я только что объяснил первый вариант использования, поэтому займемся вторым.

Если вы хотите хитрить, как хобит… вы можете. Вы можете создать несколько Pretty Link и использовать их в разных местах и ​​использовать отслеживание, чтобы увидеть, какие из них работают (или нет).Итак, вы могли сделать это:

• Скажите людям это : alexanderjarvis.com/convertkit
• Разместите на странице о себе : alexanderjarvis.com/convertkit-about
• Выложите на страницу ресурса : alexanderjarvis.com/convertkit-resource
• Отправляйте письма : alexanderjarvis.com/convertkit-email

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

Давай, пользуйся!

Присоединяйтесь к игре

Бесплатные инструменты и ресурсы, подобные этой, доставляются вам по мере их появления.

Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку.

8 лучших сокращателей URL-адресов в 2021 году

С тех пор, как Google URL Shortener был закрыт несколько лет назад (RIP), Интернет пытается найти следующий лучший вариант. Конечно, как и в большинстве случаев, здесь нет однозначного ответа: лучший сервис сокращения URL-адресов для вас зависит от того, что вам нужно и чего вы хотите от него. Существуют простые, быстрые и бесплатные приложения для сокращения URL-адресов; ориентированные на маркетинг и аналитику с информационными панелями и подробными метриками; и даже варианты, в которых вы можете добавить свой собственный призыв к действию по ссылке, которой вы делитесь.

Чтобы помочь вам найти лучшие службы сокращения URL-адресов, мы протестировали более 30 различных вариантов. Вот наши фавориты.

8 лучших сервисов сокращения URL-адресов

Что делает отличное средство сокращения URL-адресов?

По сути, средство сокращения URL-адресов берет длинную, громоздкую ссылку и превращает ее в более короткую и удобную для обмена. Например, вы можете взять что-то вроде http://www.example.com/my-blog/2021/my-super-awesome-blogpost-about-squirrels-and-why-they%27re-awesome-too, . и превратите его в https: // tinyurl.com / awesome-squirrels . Это позволяет вам разместить запоминающуюся ссылку с возможностью ввода на визитную карточку, печатную рекламу, интервью в подкасте или в любой другой ситуации, когда кто-то не может щелкнуть гиперссылку.

Сокращатели URL-адресов также могут быть полезны для сокращения более длинных ссылок, чтобы соответствовать ограничениям на количество символов в социальных сетях и приложениях для обмена сообщениями, хотя многие платформы позаботятся об этом за вас. Twitter, например, автоматически сокращает любые общие ссылки с помощью своей службы сокращения t.co, в то время как iMessage скрывает любые ссылки за карточкой предварительного просмотра.Если вы просто отправляете сообщения своим друзьям, вам действительно нужно беспокоиться о сокращении URL-адресов, только если вы используете SMS.

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

Все наши любимые программы сокращения URL-адресов позволяют настраивать сокращенные URL-адреса. Это означает, что вы можете использовать разные ссылки в нескольких объявлениях или сообщениях в социальных сетях для сравнения рейтингов кликов.Базовые или бесплатные планы могут позволить вам изменить только последнюю часть URL-адреса (так что вы получите https://tinyurl.com/awesome-squirrels ), в то время как более ориентированные на бизнес услуги позволяют вам использовать собственный домен.

Существует множество различных вариантов сокращения URL-адресов, и мы ограничили наш поиск простыми в настройке автономными службами. Существуют автономные версии, такие как Polr и Yourls, которые, хотя и являются бесплатными и мощными, требуют слишком больших технических знаний, чтобы их можно было легко рекомендовать. Есть также сокращатели URL, встроенные в другие приложения, которые мы не рассматривали.Например, Ow.ly полностью интегрирован в Hootsuite, и большинство служб информационных бюллетеней имеют какое-то сокращение и отслеживание URL-адресов. Дело не в том, что эти службы плохи, но они выходят далеко за рамки того, для чего большинству людей нужен сокращатель URL-адресов.

Итак, давайте рассмотрим лучшие варианты, попавшие в наш список.

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

Лучший универсальный инструмент для сокращения URL-адресов

Bitly

Bitly — это полнофункциональный инструмент для сокращения URL-адресов бизнес-уровня.Если вам нужно только сократить периодическую ссылку, вы можете использовать ее, не создавая учетную запись. Просто вставьте свой длинный URL-адрес в поле на главной странице, нажмите Сократить и вперед.

Но Bitly действительно выделяется своим бизнес-предложением. Часть привлекательности заключается в том, что Bitly настолько прост и удобен в использовании. Он имеет комплексную панель управления, на которой вы можете отслеживать более 20 точек данных в реальном времени, включая местоположение ваших посетителей, обычные публикации и многое другое. Инструменты для отслеживания кампаний также просты в использовании.

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

Базовый план за 35 долларов в месяц предоставляет бесплатный персонализированный домен, позволяет создавать 1500 ссылок в месяц и показывает больше данных о том, кто нажимает на ваши ссылки. Если вам нужно больше от Bitly, Premium за 300 долларов в месяц — это большой шаг вперед, но он предлагает больше ссылок в месяц, лучшую аналитику и другие функции, такие как пользовательские QR-коды.

Bitly — лучший инструмент для сокращения URL-адресов для крупных предприятий, которым требуется брендировать и отслеживать ссылки, и это отличный выбор для малых предприятий, которые хотят создавать короткие URL-адреса и отслеживать их статистику для небольшого количества кампаний.

Bitly даже интегрируется с Zapier, поэтому вы можете делать такие вещи, как автоматическое создание коротких ссылок из RSS-канала или сообщения в Instagram.

Цена Bitly : бесплатный тариф с ограниченными возможностями настройки; Базовый план от 35 долларов в месяц с именными доменами, дополнительными ссылками в месяц и поддержкой.

Лучший инструмент для сокращения URL-адресов для создания брендированных ссылок

Rebrandly

Хотя Rebrandly является отличным средством сокращения URL-адресов, как и все другие приложения в нашем списке, его привлекательность уникальна. Rebrandly считает, что бренды, будь то продукт или человек, извлекают выгоду из настройки ссылок на контент, который ссылается на них со всего Интернета. Их бесплатный план предлагает пять пользовательских доменов, большинство из всех приложений, которые мы рассматривали, поэтому вы можете настроить весь короткий URL-адрес, а не только его последнюю половину.

Например, Боб Вила может настроить ссылку на свою запись в Википедии с en.wikipedia.org/wiki/Bob_Vila на BobVila.Tools/wikipedia . Ссылка на одну из его книг на Amazon могла быть BobVila.Tools/amazon-book . Вила может использовать эти ссылки на своем сайте, на визитных карточках или в рекламе.

Rebrandly включает инструменты для отслеживания популярности каждой ссылки, данные о том, кто на них нажимает, а также автоматическое создание QR-кода. В бесплатном плане вы ограничены 500 общими фирменными ссылками и 5 000 отслеживаемых кликов в месяц — но этого достаточно, если вы только начинаете.

Rebrandly также интегрируется с Zapier, поэтому вы можете делать такие вещи, как автоматическое создание короткой фирменной ссылки для новых сообщений WordPress или файлов Dropbox.

Цена ребрендинга : бесплатный план с отслеживанием до 500 ссылок и 5000 кликов в месяц; Начальный план от 29 долларов в месяц за 5000 ссылок и 25000 отслеживаемых кликов в месяц.

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

TinyURL

Бесплатный сокращатель URL-адресов TinyURL присутствует в игре с 2002 года, и не зря.Это полезный инструмент, когда вы спешите и вам нужно создать короткую ссылку, срок действия которой никогда не истечет. Просто вставьте свою длинную ссылку в поле, настройте вторую половину URL-адреса, если хотите, и нажмите Make TinyURL! Затем вы можете использовать эту ссылку неограниченное время, не опасаясь, что она перестанет работать.

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

Цена TinyURL : Бесплатное использование; Персональный от 9,99 долл. США в месяц для отслеживаемых ссылок и брендированных доменов.

Лучший сокращатель URL-адресов для владельцев малого бизнеса

BL.INK

BL.INK — это полнофункциональная служба сокращения URL-адресов, которую можно использовать не только для преобразования длинных URL-адресов в короткие, но и для отслеживания приходящего трафика. по вашим ссылкам. Его панель инструментов показывает тренды ссылок и общую статистику, а страница аналитики позволяет вам погрузиться в трафик по устройствам, местоположению и источникам перехода.Вы также можете детализировать количество кликов по времени суток. Теги, которые вы можете добавлять к сокращенным ссылкам, позволяют вам просматривать свой ссылочный трафик новыми и индивидуальными способами и идеально подходят для отслеживания и координации кампаний.

BL.INK предлагает четыре уровня платных планов, чтобы предоставить малым предприятиям, командам и предприятиям различные варианты в зависимости от количества ссылок, которые вам нужно генерировать и отслеживать. Владельцы бесплатных учетных записей могут генерировать 1000 активных ссылок, отслеживать до 1000 кликов по каждой ссылке и создавать собственный домен для создания фирменных ссылок.Если ваш бизнес нуждается в полнофункциональном сокращателе URL-адресов, а план корпоративного уровня Bitly кажется излишним, то BL.INK — один из лучших вариантов.

Plus, BL.INK интегрируется с Zapier, поэтому вы можете делать такие вещи, как автоматическая публикация новых коротких ссылок на канал Slack или добавление их в очередь буфера.

Цена BL.INK: Бесплатный тариф с 1000 активных ссылок и ограниченной аналитикой; План Expert + от 48 долларов в месяц с 10 000 активных ссылок, 7 500 отслеживаемых кликов на ссылку и 3 пользователями.

Лучший сокращатель URL для автоматического создания коротких ссылок

URL Shortener от Zapier

Если вы хотите автоматически создавать и сохранять сокращенную ссылку каждый раз, когда вы выполняете определенное действие, например, добавляете фотографию в Instagram или загружаете новую продукт в ваш магазин Shopify — сокращение URL-адресов Zapier — один из лучших вариантов.

Вы можете создать Zap (это то, что мы называем автоматизированными рабочими процессами Zapier), который запускается каждый раз, когда вы загружаете сообщение, создаете продукт или делаете что-то еще в других приложениях, которые вы используете чаще всего.Затем Zapier сохранит сокращенный URL-адрес в Google Sheet или непосредственно в другом приложении.

Вот еще несколько популярных способов использования программы сокращения URL Zapier.

URL Shortener от Zapier цена : бесплатный план ограничен 5 активными одношаговыми Zap-файлами и 100 задачами в месяц; Стартовый от 24,99 долл. США в месяц с 20 многошаговыми Zap-циклами и 750 задачами в месяц.

Лучший сокращатель URL-адресов для пользователей Instagram

Shorby

Shorby не является вашим типичным средством сокращения URL-адресов.Вместо того, чтобы просто сокращать длинный URL-адрес, Shorby был разработан с учетом правила Instagram «одна ссылка в вашей биографии».

Большинство создателей Instagram регулярно обновляют свои биографические ссылки, добавляя короткие URL-адреса, которые указывают на новый контент, эпизоды подкастов, загрузки на YouTube и т. Д. Shorby значительно упрощает эту задачу, предоставляя настраиваемый «профиль» коротких URL-адресов, который можно поддерживать в актуальном состоянии, и который показывает несколько элементов. Таким образом, вместо того, чтобы изменять короткий URL-адрес в своей биографии в Instagram, вы можете просто добавить свой последний контент в Shorby и оставить ссылку как есть.

У сервиса есть еще несколько уловок в рукаве. Вы можете создавать ящики для звонков по нажатию на популярные коммуникационные платформы, такие как WhatsApp, Facebook Messenger, Skype или обычный старый номер телефона. Вы также можете добавлять ссылки на веб-контент в Blocks или извлекать динамический контент с YouTube, Etsy и других, что идеально подходит, если вы являетесь создателем, который использует Instagram для продвижения контента, размещенного в другом месте в Интернете. Вы даже можете отслеживать аналитику для своей ссылки Shorby, как и для других сервисов сокращения URL-адресов.

Shorby не бесплатен, и сумма, которую вы заплатите, зависит от количества контента, который вы хотите отобразить.

Цена Shorby : от 15 долларов в месяц для плана Rocket с 5 умными страницами с 10 ссылками на страницу; Динамический контент, Google Analytics и отслеживание рекламы доступны в плане Pro от 29 долларов в месяц.

  #! / Bin / sh
rm * .bin
ARDUINO_BIN = / Приложения / Arduino.app / Содержание / MacOS / Arduino
$ ARDUINO_BIN --verify zwt_beescale_esp8266.ino --board esp8266: esp8266: generic: eesz = 4M2M --pref build.path = build  

  #! / Bin / sh
ip = $ 1
путь = $ 2
пароль = "pwd-used-for-OTA"
python / Users / ИМЯ_ПОЛЬЗОВАТЕЛЯ / Библиотека / Arduino15 / packages / esp8266 / hardware / esp8266 / 2.6.3 / tools / espota.py -d -r -i $ ip -p 8266 --auth = "$ password" -f "$ path"  

 > ./flash_ota 10.0.0.67 /PATH/TO/YOUR/PROJECT/zwt_beescale_esp8266.ino.generic.bin