Embedded Link — Полное руководство
Современный дизайн веб-сайта опирается на гиперссылки, которые связывают воедино всю всемирную паутину (WWW). Когда вы «просматриваете Интернет» с помощью браузера, такого как Chrome, Edge или Safari, вы, вероятно, используете WWW, который соединяет документы, известные как веб-страницы, вместе. Веб-сайт представляет собой набор отдельных страниц — каждая страница представляет собой отдельный файл, который можно связать вместе.
Уникальная интерактивность, обеспечиваемая HTML-ссылками, изменила наше общество. Мы можем легко переходить по любой новой ссылке и переходить с одного HTTP-сайта на другой.
Например, вы можете перейти прямо на свою домашнюю страницу, щелкнув ссылку в PDF-файле. Более того, вы можете прямо сейчас добавить ссылки в свой PDF-файл, перетащив PDF-файл в область ниже!
Но даже сегодня многие люди не понимают, что такое встроенная ссылка и чем она отличается от гиперссылки.
В этой статье мы рассмотрим, что такое встроенные ссылки, как работает HTML-кодирование и насколько полезны эти ссылки для дизайна и оптимизации вашего веб-сайта.
Что такое встроенная ссылка и почему она важна?
Гиперссылка — это команда HTML, которая заставляет ваш браузер перейти и показать вам другой файл HTML в другом месте в Интернете. Это может быть URL-адрес вашего собственного сервера или совершенно другой веб-сайт. Благодаря гиперссылкам WWW может функционировать так, как сейчас, и из этой статьи вы можете перейти на https://publuu.com/, просто щелкнув URL-адрес.
Встроенная ссылка — это ссылка, которая не показывает точный URL-адрес веб-страницы. То, что вы «встраиваете» или вставляете внутрь, является URL-адресом. На практике это может выглядеть так: Вы можете посетить сайт Publuu здесь.
Слово «здесь» в нашем примере — это встроенная ссылка, которая ведет на наш основной веб-сайт. Но для этого типа ссылок не обязательно использовать слова — вместо традиционных ссылок вы можете использовать изображения и другой сложный HTML-код — наши флипбуки позволяют вставлять ссылки в содержимое файла PDF.
Встроенные ссылки имеют большое значение, особенно для поисковой оптимизации Google. Алгоритм Google анализирует слова, которые вы используете для создания гиперссылки, которая называется якорным текстом. Например, если вы используете слово «сантехник» для встраивания ссылки на сайт сантехника, оно должно занимать более высокое место в поиске. Однако это не единственный фактор.
С тех пор эксперты Google осознали, что люди не органично создают настоящие URL-адреса — хорошее SEO должно использовать комбинацию естественных ссылок и встроенных ссылок.
Как встроить ссылку на свой веб-сайт
Встроенная ссылка будет содержать текст, также называемый анкорным текстом — вы вставляете ссылку под выбранной фразой. Эти ссылки довольно легко создать с помощью HTML-редактора, такого как тот, который используется в WordPress или многих других системах CMS. Многие обычные пользователи и создатели веб-сайтов обычно могут нажать кнопку «Добавить ссылку». Просто введите якорный текст, отметьте его мышью и нажмите кнопку ссылки.
Затем добавьте URL-адрес целевой веб-страницы — многие люди рекомендуют использовать полный веб-адрес даже при ссылке на контент в вашем домене. Вы можете использовать папки документов: например, «/media/files/» при встраивании содержимого в папку.
Если вы используете кодирование HTML для прямого редактирования содержимого вашей веб-страницы, вам следует использовать атрибут «a href», как показано ниже
Добавьте «target; атрибут, чтобы открыть ссылку в новом окне.
Атрибут target может обозначать другие места открытия ссылки: «_self» открывает ссылку в том же окне, «_top» в самом верхнем фрейме, а _parent в предыдущем окне.
Вместо создания ссылок на веб-сайты WWW вы можете создать ссылку для отправки электронной почты. Например, вы можете использовать его следующим образом:
Эта ссылка сможет открыть почтовый клиент — обратите внимание, что вы можете добавить дополнительные атрибуты, чтобы он мог открываться с выбранной темой или контентом.
Как встроить ссылку в документ PDF
Существуют и другие очень полезные дополнительные параметры и атрибуты, такие как атрибут загрузки, который полезен при работе с документами PDF. Вместо прямой ссылки на PDF-файл или изображение вы можете захотеть, чтобы они загружались, а не просматривались в браузере.
Например, благодаря добавлению тега загрузки вы можете создать ссылку следующего вида:
Если вы не включите тег загрузки, ваш файл, вероятно, откроется в браузере — большинство браузеров, доступных на Market в наши дни может открывать такие носители, как PDF.
Обратите внимание, что эта ссылка требует, чтобы вы разместили файл PDF в той же папке, что и веб-страница, на которую вы добавляете ссылку. Многие пользователи предпочитают использовать полный URL-адрес при встраивании ссылки, чтобы его было легче найти и заменить позже.
Иногда это может быть проблематично — некоторые пользователи не могут загружать на свои устройства файлы, которые имеют ограниченный объем памяти или хранилища или, возможно, являются собственностью их работодателя.
Точно так же многие читатели предпочитают не читать PDF-файлы в своем браузере.
Отличным решением, которое в наши дни все чаще заменяет связанное содержимое, является использование встроенных PDF-файлов, а не встроенных ссылок. Publuu- создатель флипбуков позволяет создавать красивые флипбуки с использованием PDF-документов, и вы можете встраивать их в свой веб-сайт, чтобы они были его частью, а не отдельным файлом.
Вместо ссылки на URL-адрес PDF-файла вы можете преобразовать его в объект HTML, размещенный на веб-сайте Publuu, и разместить фрагмент HTML на своей веб-странице. Вы просто вставляете код, сгенерированный сайтом Publuu, и размещаете его там, где хотите, чтобы ваш флипбук отображался.
Вы также можете генерировать HTML-коды для встраивания, если хотите встроить свою публикацию на свой веб-сайт (как в примере ниже). Узнайте больше о том, как сгенерировать код для встраивания, в нашей базе знаний.
PDF, встроенный в пример веб-сайта с сервисом Publuu
Вы можете встроить этот связанный контент не только на свой веб-сайт.
Многие электронные письма написаны с использованием HTML, и вы можете вставлять в них код и ссылки. Это позволяет вам использовать код, сгенерированный Publuu, для встраивания ссылки или фактического PDF-файла в содержимое вашего электронного письма.
Конечно, обратите внимание, что вы можете вставить ссылку на другие места в другом месте без необходимости ее встраивания: вы можете вставить URL-адрес программного обеспечения флипбука Publuu в мгновенное сообщение или в социальных сетях. Однако флипбуки более универсальны и доступны, чем большинство обычных PDF-файлов, даже без встроенных ссылок.
Как проверить статус встроенных ссылок вашего сайта
Проверка правильности форматирования встроенных исходящих ссылок (исходящих с вашего сайта) очень полезна для вашего SEO. Google снижает рейтинг сайтов со ссылками, которые никуда не ведут или имеют неправильный формат.
Если вы используете WordPress, вы можете использовать плагины, такие как Broken Link Checker, чтобы позволить внешним поисковым роботам проверять ваш сайт на наличие неработающих ссылок.
Другие инструменты, такие как Screaming Frog, могут помочь вам перепроверить ваши ссылки, если вы используете какую-либо другую CMS.
Как добавить гиперссылки во встроенное содержимое PDF
Одним из основных преимуществ флипбуков Publuu PDF является то, что вы можете использовать встроенные ссылки в этих буклетах.
Благодаря революционной технологии точек доступа Publuu вы можете добавлять ссылки на свои изображения или тексты — будь то на другой странице вашего PDF-документа или за его пределами. Вы также можете вставлять элементы мультимедиа, такие как видеоролики Youtube или галереи изображений, внутрь флипбуков.
Встроенная ссылка, видео- и фотогалерея в PDF-файле через сервис Publuu
После загрузки PDF-файла на серверы Publuu вы можете редактировать его и добавлять точки доступа и ссылки. Для этого просто выберите функцию «добавить точку доступа». Вы можете добавить свою ссылку в виде значка или отметить текст или изображение, с которого хотите сделать ссылку.
Затем просто введите или вставьте адрес ссылки или выберите номер страницы, на которую вы хотите создать ссылку.
Как включить гиперссылки в вашу контент-маркетинговую кампанию
Встроенные ссылки очень полезны для вашего цифрового маркетинга — не только входящие и исходящие ссылки влияют на рейтинг вашей страницы, но и ссылки между страницами в одном домене. Вот почему также стоит добавить код для встраивания в свой контент, даже если вы не хотите размещать ссылки за пределами своего веб-сайта.
Вы можете контролировать доступ поисковых роботов Google к вашим ссылкам с помощью таких атрибутов, как nofollow и dofollow. Они определяют, к каким URL-адресам на вашем веб-сайте можно получить доступ.
В так называемую «раннюю эпоху Google» многие люди использовали стратегии SEO для создания максимально возможной базы встроенных ссылок, что привело к созданию множества причудливых, автоматически создаваемых веб-сайтов в Интернете. В наши дни Google распознает их как спам.
Однако внешнее перемещение с другого домена может улучшить вашу поисковую оптимизацию — ссылки с других сайтов означают, что на ваш магазин или веб-сайт стоит ссылаться. Вы можете дополнить свои ссылки парой внешних доменов — использовать их для блога вашей компании или галереи изображений. Это не должно быть основой хорошего SEO — Google предпочитает естественные ссылки со всей всемирной паутины.
Лучший способ создать хорошие ссылки — использовать хороший контент. Просто напишите что-нибудь, на что другие люди хотели бы дать ссылку, поделитесь ссылкой на ваш контент в социальных сетях или подготовьте контент для всемирной паутины. В наши дни контент является королем, и старые стратегии SEO просто больше не работают.
Один из способов сделать это — публиковать флипбуки Publuu с новым интересным содержанием. Создание цифровых журналов и онлайн-каталогов, которые легко просматривать в Интернете или иметь интересный визуальный и даже видеоконтент, может легко генерировать важные встроенные ссылки на ваш контент, что, в свою очередь, повышает рейтинг ваших URL-адресов в поиске Google.
Электронная книга, информационный бюллетень или каталог способны привлечь внимание многих читателей. Вы можете получить ссылки на определенную страницу в вашем журнале и направить трафик с нее, например, в ваш магазин. Если у вас есть отличное интервью в вашем журнале, создание ссылок на него улучшит его собственный рейтинг в Google. Теперь вы можете добавить код для встраивания в этот журнал на своем веб-сайте, чтобы обеспечить взаимную связь между вашим онлайн-журналом и вашим основным сайтом.
Резюме – Что такое встроенная ссылка?
Встроенные ссылки — это ссылки, которые используют якорный текст для создания ссылки на другую веб-страницу с использованием протокола HTTP. Вы также можете встроить ссылку в изображение или создать ссылку, которая будет открываться в другом приложении, например, в клиенте электронной почты. Такие ссылки легко создавать с помощью некоторых основ кодирования HTML или с помощью редакторов WordPress.
Вы также можете добавить встроенную ссылку в сообщение электронной почты, если оно написано с использованием HTML.
Другой вариант — использовать встроенные PDF-документы с помощью Publuu: загрузив PDF-файл, вы можете бесплатно сгенерировать код для встраивания на нашем веб-сайте.
Использование цифровых журналов для создания ссылок может улучшить SEO и ранжирование страниц в алгоритмах Google. Они также отлично подходят, если вы хотите получить органические ссылки на свой интернет-магазин или блог. Встроенные ссылки в PDF также могут быть очень полезны для ваших читателей, создавая функциональную сеть.
Мы надеемся, что эта статья оказалась для вас полезной, и добавление ссылок на ваш веб-сайт теперь станет проще простого! Вы можете узнать больше о ссылках в нашей базе знаний.
Вас также может заинтересовать:
Как встроить PDF в HTML?
Лучшие службы отслеживания документов
Как обмениваться документами? Краткое руководство
Ссылки | Доступный U
- Влияние
- Что можно и чего нельзя делать
- Как
Воздействие
Impact
Хорошо написанные и правильно расположенные ссылки помогают как зрячим людям, так и тем, кто использует программы чтения с экрана или другие адаптивные технологии для потребления контента.
Исследования показали, что зрячие пользователи обычно просматривают страницы в поисках ссылок, которые помогают им найти то, что они ищут. Люди, использующие программы чтения с экрана, могут сделать нечто подобное, нажав кнопку и прослушав список всех ссылок на странице. Хорошо расположенные ссылки обеспечивают достаточный контекст, чтобы помочь всем пользователям принять обоснованное решение о том, по каким ссылкам они хотят перейти.
Демонстрация программы чтения с экрана
Халед Муса, академический технолог Университета Миннесоты, занимающийся вопросами специальных возможностей, объясняет, как сделать ссылки доступными.
Что можно и чего нельзя делать
Что нужно и чего нельзя делать
Вы можете повысить удобство использования и доступность ссылок в онлайн-документах и на веб-страницах, связав текст, который имеет смысл вне контекста, является кратким и описательным.
Развернуть все
+
Сделать Пример
При создании доступного текста ссылки необходимо учитывать несколько моментов.
Узнайте в чем разница между доступным, удобным и универсальным дизайном.
В статье «Завеса невежества» читателям предлагается представить себе пробуждение в новой реальности, в которой они больше не те, кем были, с потенциально новым социальным/экономическим статусом, полом, этнической принадлежностью, внешним видом, инвалидностью или их комбинацией. Как это повлияет на подход читателей к дизайну, от строительства и устройств до Интернета?
Вопросы? Запросите консультацию по адресу [email protected].
Не делайте Пример
При создании доступного текста ссылки необходимо учитывать несколько моментов. Узнать больше.
Нажмите здесь, чтобы узнать о разнице между доступным, удобным и универсальным дизайном.
Статья «Завеса невежества» предлагает читателям представить себе пробуждение в новой реальности, в которой они уже не те люди, которыми они были, с потенциально новым социальным/экономическим статусом, полом, этнической принадлежностью, внешностью, инвалидностью или их комбинацией.
http://mrmrs.io/writing/2016/03/23/the-veil-of-ignorance
Вопросы? Свяжитесь с нами по электронной почте.
+
Сделать Пример
Изучите передовой опыт написания ссылок.
Не делайте Пример
Некоторые авторы делают ссылки из целых предложений, абзацев или даже нескольких абзацев. Эти длинные ссылки почти наверняка не нужны и неудобны для пользователей программ чтения с экрана.
+
Пример
Не пример
Миннесотский университет
+
Не делать Примеры
- Люди, использующие программное обеспечение для голосового управления, могут видеть что-то похожее на кнопку и сообщать программе «нажмите кнопку», но программа может не знать, что ее нужно выбрать, если это действительно ссылка.
