Как писать анкоры: Как правильно писать анкоры? — студия Клондайк

Содержание

Что такое анкор ссылки?

Содержание страницы

В этой статье я расскажу Вам, что такое анкор ссылки, как сделать ссылку с анкором и кое что ещё 🙂

Анкор ссылки — текст, на который мы кликаем, чтобы пройти по ссылке.

Ни один сайт не обходится без этого важного элемента. В SEO анкоры ссылок имеют особое важное значение.

Как сделать ссылку с анкором?

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

Например, нам нужно в нашей статье, чтобы со слова «SEO блог» пользователь попадал на главную страницу сайта. Обычно в коде пишется абсолютная ссылка, поэтому анкор ссылки html будет выглядеть так: <a href=»ССЫЛКА»>ТЕКСТ (АНКОР)</a>, а именно:

<a href="http://key-seo.com">SEO блог</a>

Визуально мы увидим такой анкор:

SEO блог

Анкоры внутренних ссылок можно писать без http://, если страница, на которую мы хотим сослаться, находится на сервере в той же папке, что и страница, с которой будет стоять ссылка.

Например:

<a href="/dictionary-seo/">Словарь SEO терминов</a>

Визуально будет так:

Словарь SEO терминов

Как написать правильные анкоры ссылок?

Правильные анкоры для ссылок составить не сложно. Профессионал легко справится с подбором анкоров ссылок. Но если хочешь написать анкоры для ссылок бесплатно сам, то придётся напрячь мозги.

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

Точных вхождений ключевых слов в анкорах должно быть не более 10-20%. Чаще всего лучше использовать в качестве анкоров название сайта, или безанкорные (тут, здесь и т.п.). Это отдельная тема, обязательно разберём её позже детальнее.

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

Анкоры входящих ссылок

Что такое анкоры входящих ссылок — это текстовые фразы, с которых стоят ссылки на Ваш сайт (внешние ссылки). Определить их помогут как бесплатные (Backlinkwatch), так и платные сервисы (например, Ahrefs).

 

 

Ещё интересные статьи

Примеры анкоров. Как составить правильные анкоры? ~ Страницы Интернета

У многих возникают вопросы:  «Что такое seo-анкоры?», «Как правильно писать анкоры?», «Какие есть методики создания анкоров?» или «Как работают генераторы анкоров для сапы?». В этом посте вы получите ответы на многие свои вопросы, связанные с анкорами.

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

Анкор – это текст ссылки, расположенный между открывающим и закрывающим тегами HTML <a> и </a>. Само слово происходит от англ. 

anchor, что и переводится как «ссылка».
Пример анкора:

 <a href="http://www.seoadd.ru">анкор ссылки</a>

В этом примере анкором является фраза «анкор ссылки». Текст этой ссылки очень важен в SEO, так это важный фактор, влияющий на ранжирование сайта по ключевым словам (содержащимся в seo-анкоре).
Синоним анкора: текст ссылки

Пример анкора для бирж ссылок, в частности для сапы:

Купить анкоры недорого. Заказать #a# создание анкоров #/a# для sape на сайте seoadd.ru

анкоров – ключевое слово.
создание – разбавляющая часть с малым весом в анкоре.
создание анкоров – анкор (текст ссылки).
для sape на сайте seoadd.ru. – околоссылочный текст справа.
Купить анкоры недорого. Заказать – околоссылочный текст слева.
Купить анкоры недорого. – разбивочное предложение в околоссылочном тексте.

#a# – тег перед анкором.
#/a# – тег после анкора.
Статистика слова: создание — 318 490 342.
Создание, sape, сайте, seoadd.ru – тематические слова.

Виды ссылок:

тип анкорапример анкоров с запросом «тексты ссылок»описания анкора
1прямыетексты ссылокявляется та словоформа, которую вы выбрали
2словоформытекстом ссылок, текст ссылки, и т. д.изменения, род, падеж, число
3разбавляющие 1генератор текстов ссылокдобавление одного слова
4разбавляющие <=  2методика созданиятекстов ссылокдобавление более одного слова
5естественныетут, скачать, здесь, скачать, подробнеепопулярные ссылки, очень часто ставятся на различные сайты
6доменseoadd, www.seoadd.ru, seoadd.ruразличные вариации с названием домена
7идентификаторытелефон, название компанииинформация, котораяидентификаторы только ваш сайт
8разделителитексты созданныхссылокмежду ключевыми словами употребляем слово
9обратныессылок текстменяем порядок слов в ссылке
10переводtext linksпереводим ссылку на английский язык
11транслит tekst sylkiпереводим ссылку транслитом

*Все типы анкоров рекомендую создавать  с околоссылочным текстом.

Способы создания анкоров:

  • Автоматическая генерация анкоров.
  • Написание анкоров на заказ у копирайтеров или самостоятельно.
  • Создание анкоров с использованием масок.
  • Создание анкоров, копирование предложений с тематических сайтов.

Разберем первый способ – «АВТОМАТИЧЕСКАЯ  ГЕНЕРАЦИЯ АНКОРОВ».

Данный способ создания анкоров можно также разделить на несколько.

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

Автоматическая генерация анкоров агрегаторами. Рассмотрим примеры:

В каждом из агрегаторов создадим анкоры по запросу «тексты ссылок»  и «анкоры» для сайта seoadd.ru.  Сначала создаю проект, добавляю ключевые слова, далее агрегаторы создают анкоры.

SEOpult.ru

Примеры генерации анкоров агрегаторам seopult.ru:

По запросу «тексты ссылок» создано 35 ссылок:
— текст предложения обмен ссылками
— как выложить в ссылке текст
— генератор текстов ссылок
— ссылки в тексте
— текст ссылок цыганские песни мр3

По запросу «анкоры» сгенерировано всего 5 ссылок:
— плохие, очень плохие анкоры
— как правильно писать анкоры
— анкоры ссылок
— просматривать анкоры ссылок ваших конкурентов
— анкоры

RooKee.ru

Автоматический генератор анкоров rookee сделал следующие ссылки:

По запросу «тексты ссылок» создано 120 ссылок:
#a#Автобусные экскурсии анкор#/a#.
#a#Агенство анкор ростов#/a#.
#a#Агенство анкор екатеринбург#/a#.
#a#Адрес рекрутингового агенства анкор#/a#.

#a#анкор акционер#/a#.

По запросу «анкоры» сгенерировано 150 ссылок
#a#Генератор текстов ссылок#/a#.
#a#Индексация, курсы тексты ссылок#/a#.
#a#Кавказский вестник 
 текст ссылок на русском языке#/a#.
#a#Курсы тексты ссылок#/a#.
#a#Покупка, вакансии тексты ссылок#/a#.

WEBeffector.ru

Автоматический генератор анкоров webeffector сделал следующие ссылки:
Запрос «тексты ссылок» создано 379 ссылок:
#a#тексты ссылок#/a#.
#a#новый форум про тексты ссылок#/a#.
#a#тексты ссылок и тексты ссылок цитаты на сайте#/a#.
#a#тексты ссылок телефон#/a#.
#a#читать про тексты ссылок и тексты ссылок выбрать#/a#.
Запрос «анкоры» сгенерено 372 ссылки:
#a#анкоры москва#/a#.
#a#анкор еще анкор#/a#.
#a#анкор еще анкор москва#/a#.
#a#что такое анкор москва#/a#.

#a#анкоры заказать на сайте и что такое анкор москва#/a#.

Разберем второй способ «Написание анкоров на заказ у копирайтеров или самостоятельно»

В этом способе основную трудность составляет написание ТЗ по созданию анкоров. Заказать написание анкоров на заказ можно на сайтах www.free-lance.ru, www.weblancer.net или подобных сайтах.

Примеры анкоров, написанные копирайтером для запроса «тексты ссылок»:
Купить анкоры. Заказать #a# написание текстов ссылок #/a# на сайте free-lanse.ru.
Как сделать анкоры? О способах #a# создания текстов ссылок #/a# можно прочитать на seoadd.ru.
Как писать анкоры? 
Инструкции по #a# написанию текстов ссылок #/a# можно найти на сайте seoadd.ru
Куплю тексты ссылок. Также куплю #a# генератор текстов ссылок #/a# для бирж ссылок.
Где посмотреть примеры ссылок? Примеры #a# генерации текстов ссылок #/a# посмотрите на seoadd.ru.

Результаты написания анкоров копирайтером для запроса «анкоры».


Куплю анкоры недорого. Куплю #a# генератор анкоров для sape #/a# недорого.
Как создавать анкоры? Создать можно с помощью #a# генератора анкоров #/a# для сапы.
Как #a# сделать анкоры #/a# для качественного продвижения сайта в Yandex?
Существуют биржи анкоров? Да, существует #a# биржа анкоров#/a# ankors.ru.
Существует генератор анкоров для sape? Да, GeneratorSsilok может #a# создавать анкоры #/a# для сапы.

Примеры анкоров, созданные с использованием масок. Третий способ.

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

Создание анкоров с запросом «тексты ссылок».

Хорошие  #a# тексты ссылок #/a# на www.seoadd.ru.

Качественные  #a# тексты ссылок на seoadd.ru.#/a#
Популярные #a# тексты ссылок на seoadd.#/a#
#a# Эффективные тексты ссылок #/a# на http://www.seoadd.ru.
#a# Быстрые тексты ссылок #/a# на http://seoadd.ru.

Создание анкоров с запросом «анкоры».
Красные #a# анкоры #/a# в Москве.
Синие #a# анкоры в Одессе
.#/a#
Черные  #a# анкоры в Киеве
.#/a#
#a# Белые анкоры #/a# в Минске.
#a# Серые анкоры #/a# в Самаре.

Примеры анкоров, копирование предложений с тематических сайтов.

Четвертый способ.

Методика создания анкоров простая. Вводим запрос в выдачу поисковой системы. В нашем случае: запросы «анкоры», «тексты ссылок»– и заходим на сайты из топа. На каждом сайте ищем предложение с нашими запросами и создаем из них анкоры с околоссылочным текстом.

Создание анкоров с запросом «тексты ссылок».
Один из самых важных вопросов в продвижении сайта – #a# какие тексты ссылок #/a# использовать?
При #a# составлении текстов ссылок #/a# нельзя забывать, что помимо задач продвижения.
нежелательно использовать автоматические методы для #a# генерации текстов ссылок #/a#.
Вы сможете составить 30–50 #a# качественных текстов для ссылок #/a#.
Также в #a# тексте ссылок можно #/a#. вставлять URL вашего проекта.

Создание анкоров с запросом «анкоры».
Появилась долгожданная возможность #a# модерирования анкоров #/a# в пакетном заказе.
Ссылка была качественной, она должна быть «естественной», т. е. иметь #a# человечный анкор #/a# .
Составление #a# правильных анкоров #/a#.
Появилась возможность пакетного #a# экспорта анкоров #/a# из пакетных заказов.
Названия пакетных заказов являются ссылкой для #a# управления анкорами #/a# во всех подзаказах.

Сравнение примеров созданных анкоров – подведем итоги.

Критерии / способы№ 1 – агрегаторы№ 2 – копирайтеры№ 3 – маски№ 4 – копирование  предложений
Время создания3122
Трудозатраты3122
Качество анкоров1322
Качество околоссылочного текста1322
Можно автоматизировать процесс3133
Контроль типов анкоров1322

основные принципы и роль в продвижении

Приветствую ваc, дорогие читатели!

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

Содержание статьи:

Значение слова «анкор ссылки»

Анкор – говоря простыми словами, это текст ссылки. Если заглянуть чуть глубже в html-код, то мы увидим код ссылки таким: <a href =”https://pro-wordpress.ru”>Блог на WordPress</a>. Анкором здесь является фраза «Блог на WordPress», т.е. название ссылки.

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

Почему так важно уделять внимание грамотному составлению анкоров и проверять анкор-лист? Дело в том, что анкоры являются немаловажным фактором, который влияет на ранжирование сайта в поисковой системе. Т.е. наряду с тем, что поисковики обращают внимание на качество сайтов, которые на вас ссылаются, они анализируют и то, каким образом это сделано. Учитывается текст ссылки, ее естественность, околоссылочный текст, анкор-лист сайта в целом. Поэтому так важно разобраться с тем, как писать анкоры. Обо всем этом и многом другом пойдет речь в сегодняшней статье.

Составление анкоров: зачем это нужно?

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

Разберем пример того, как это может сработать в поисковой выдаче Яндекса.

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

Так же в качестве примера Яндекс приводит сайт Российской Государственной библиотеки, который можно найти по запросу «Ленинка», хотя этого слова нет ни в title, ни в прочем содержимом сайта самой библиотеки.

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

Это был частный пример ранжирования благодаря ссылкам и анкорам.

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

Каждая ссылка донора передает акцептору (получателю) определенный вес. Его условно можно разделить на статический и динамический вес передаваемый ссылкой.

  • Статический вес определяется непосредственно качеством донора. Формально имеет значение его тИЦ и PR, фактически происходит более глубокий анализ.
  • Динамический вес, который также называют анкорным, находится в прямой зависимости от текста проставленной ссылки. Он будет тем выше, чем ближе соответствие анкора поисковому запросу по продвигаемой странице.

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

Виды анкоров

Исходя из приведенной информации, анкоры подразделяют на виды:

  • С прямым вхождением ключевого запроса
  • Разбавленные анкоры
  • Безанкорные ссылки

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

Поэтому кроме «прямых» анкоров используют их разбавленные версии. Т.е. к ключевым фразам добавляют другие слова. Допустим, если анкор с прямым вхождением — «купить кроссовки», то один из вариантов разбавленного анкора будет – «купить кроссовки недорого», или «купить кроссовки в Питере». Но, кроме того, анкоры можно также распределить в зависимости от типа поискового запроса: ВЧ, СЧ, НЧ (уровень частотности). Поэтому, если для ВЧ запроса анкором с прямым вхождением будет «купить кроссовки», то «купить кроссовки недорого», скорее всего, является СЧ-анкором. Таким образом, вы можете совмещать несколько ключевых запросов в одном анкоре.

Безанкорные ссылки – это такие, которые не содержат никаких ключевых слов. Это могут быть другие слова, символы, url или картинка. Т.е. они не передают динамический вес продвигаемой странице. Безанкорные ссылки чаще всего используют для того, чтобы анкор-лист и сама ссылочная масса выглядели естественно в глазах поисковика. Кроме того, чтобы избежать фильтров Google  и Яндекса. Чаще всего для безанкорного продвижения используют такие слова: тут, здесь, по ссылке, на сайте и т.д. Также для таких случаев подходит url главной или продвигаемой страницы с «http» или «www». Например, https://pro-wordpress.ru. Приведенные примеры по статистике являются наиболее распространенными текстами естественных (не покупных) ссылок. Количество безанкорных ссылок в анкор-листе должно преобладать над другими типами ссылок.

Как правильно писать анкоры?

При написании анкоров важно обратить внимание и на текст вокруг ссылки. Его называют околоссылочным текстом. От него тоже будет зависеть естественность ссылки. Этот текст обязательно должен соответствовать тематике продвигаемой страницы. Идеальный вариант – это размещение ссылки полностью в тематической статье. Но не все биржи ссылок дают такую возможность. Поэтому, по крайней мере, 2-3 предложения вокруг анкора должны раскрывать содержание вашей страницы.

Кроме того, если вы размещаете безанкорную ссылку, включайте в предложение с ней необходимые вам ключевые фразы. Существует вероятность того, что поисковик в данном случае расценит в качестве анкора не только текст ссылки, но и рядом стоящие слова. А значит, это размещение принесет вашему сайту больше пользы. Конечно, текст вокруг ссылки должен быть читабельным и понятным, как и сам анкор в контексте предложения. Т.е. текст не должен выглядеть неестественно, даже если вы хотите туда поместить все «ключи». Например, «Осенняя распродажа тут купить кроссовки недорого в Питере цена». Поисковая система, скорее всего, забракует такую ссылку, поскольку сочтет ее спамной. Поэтому тексты пишите для людей, в случае необходимости склоняйте ключевые слова.

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

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

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

Где выращивают анкоры? И как выбрать свеженькие и добротные

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

Чтобы отправить посетителя вашего сайта на следующую страницу этого же или другого необходимого ресурса используются гиперссылки или другими словами анкоры. Это написанный текст, окруженный специальными тегами <a> и атрибутом href, вот пример анкора: <a href =“адрес сайта”>написанный текст</a>.

Пользователь видит только ссылку – написанный текст. Его можно найти почти на всех веб-страницах. Пользователь кликает по ссылкам и путешествует от страницы к странице.

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

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

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


Сравните два примера:

Разбавленные анкоры смотрятся естественнее и должны быть как можно более разнообразны.

Приступая к написанию анкоров, следуйте основным правилам:

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

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

  • Прямые анкоры – это анкоры относящиеся к высокочастотным (ВЧ). Они состоят из одного или двух слов.
  • Не прямые – состоят из 2-4 слов, среднечастотные (СЧ), служат для разбавления ВЧ анкоров.
  • Анкоры со сложной структурой – низкочастотные (НЧ), их задача состоит в том, чтобы как можно сильнее разбавить ВЧ и СЧ анкоры.
Тип анкораВозможный пример анкора с запросом: «анкор»Описание анкора
1. Прямой тип Анкор — слово или словосочетание, которое вам необходимо
2. Словоформы анкоры, анкоров, анкорам, анкорами и т.д. — изменение в падеже, роде, числе
3. Разбавление 1 как писать анкоры — добавлено одно или два слова
4. Разбавление 2 как правильно составлять анкоры — добавлено более двух слов

Еще один важный момент. Учитывайте процентное соотношение прямых вхождений и разбавленных. Где-то от 25 до 40% — прямых и 60 -75% — разбавленных. С таким подходом ваш анкор-лист будет выглядеть естественней, а это плюс к ссылочной массе.


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

  • Попробуйте такой полезный инструмент как программы генераторы анкоров. Возьмем для примера SeoGenerator и введем в окно программы нужные шаблоны, нажав кнопку генерировать, программа выдаст от 20 и более вариантов уникальных ссылок. Примечательно, что данная программа способна сгенерировать анкоры в таком количестве, в каком вам необходимо. Существует целый ряд программ и сервисов для генерации ссылок – Generating The Web, SEO Anchor Generator, URLCreator, SEOpult.ru, RooKee.ru. WEBeffector.ru и т.д. Но стоит отметить, что это не самый лучший вариант, «человекочитаемых» программ пока не существует, по этому все-таки старайтесь использовать генерацию анкоров в ручном режиме.
  • Также существуют биржи анкоров, где владелец сайта, он же заказчик, за определенную плату может заказать необходимое количество текстовых ссылок, а исполнитель, он же seo-копирайтер, их составляет. Если вам по душе именно этот вариант, то подберите наиболее подходящую для вас биржу и с ее помощью замените программы для составления анкоров на интеллектуальные человеческие возможности.

Ведущая в интернет пространстве биржа, специализирующаяся в купле-продаже ссылок.

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

#a# ключевое слово#/a#

Пример:

  • Не полный анкор – «дешевая #a#итальянская обувь #/a#;
  • Полный анкор – «дешевая #a#итальянская обувь #/a# продается на нашем сайте;
  • Анкор без окружения – «итальянская обувь #/a#;
  • Анкор с окружением – «качественная #a#итальянская обувь #/a# лучших производителей;
  • Разбавленный анкор – «приобрести дешевую #a# итальянскую обувь #/a# можете с нами.

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

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

Удачи!

Чем различаются анкорные и безанкорные ссылки

Ссылки — один из фундаментальных факторов ранжирования сайтов в поисковой выдаче. Каждая ссылка имеет свой анкор — это текст, который видит пользователь. Казалось бы, все просто, но при составлении анкоров есть нюансы, которые могут влиять на ход SEO-продвижения.

Что такое ссылочные анкоры и зачем они нужны

Анкоры выполняют две важнейшие функции

Роль анкоров в Google

Роль анкоров в Яндексе

Разница между анкорными и безанкорными ссылками

Какие анкоры лучше выбрать для SEO

Каких анкоров избегать

Как составить анкор-лист

Не анкорами едиными

Что такое ссылочные анкоры и зачем они нужны

Ссылочные анкоры заключены между открывающим HTML-тегом <a> и закрывающим </a>. Синтаксис следующий:

<a href="адрес сайта">текст ссылки</a>

В этом примере пользователь увидит фразу «текст ссылки», которая и будет являться анкором.

А вот как это выглядит в реальном тексте статьи

Анкоры выполняют две важнейшие функции:

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

Роль анкоров в Google

Согласно опросу более 1500 SEO-специалистов, проведенному SparkToro в августе 2019 года, анкорный текст внешних ссылок является достаточно важным сигналом ранжирования в Google:

Ведущий американский сеошник Брайан Дин также отмечает ссылочный анкор как один из 200 факторов ранжирования, но предостерегает от излишней оптимизации текста — это может послужить для поисковика сигналом ссылочного спама. Эти же материалы подтверждают, что для Google качество ссылок играет не менее важную роль, чем внутренняя оптимизация.

Модуль SEO в системе Promopult: вектор на повышение качества сайта. Делайте SEO с профессионалами. Стратегия за вами, мы обеспечим тактику. Гарантии результата, оплата работ в рассрочку.

Роль анкоров в Яндексе

Яндекс в 2014 году отменил ссылочное ранжирование для ряда коммерческих тематик в регионе «Москва», но позже его вернул. Следующий этап борьбы со ссылочным спамом — алгоритм «Минусинск», запущенный в мае 2015 года. Он работает и в 2020 году и понижает позиции сайтов за некачественные ссылки.

При классификации ссылок на естественные и «плохие SEO-ссылки» среди прочих факторов (их более 100) Яндекс учитывает и текстовый анкор. Основная рекомендация для оптимизаторов, чтобы не попасть под фильтр, — не спамить в ссылочном тексте неестественными запросами (например, «пластиковые окна москва купить»). Проведенное в 2019 году компанией «Ашманов и партнеры» исследование факторов ранжирования Яндекса и Google показывает, что в Google влияние анкора ссылки на ранжирование больше, чем в Яндексе, но все же этот сигнал оказывает существенное влияние на попадание в ТОП-30 выдачи.

Подробнее об исследовании алгоритма и о факторе естественности вы можете прочесть в этой статье.

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

Нет времени искать сайты для линкбилдинга, а сильные ссылки нужны здесь и сейчас? В модуле PromoPult «Естественные ссылки» вы можете подобрать качественные площадки и заняться «белым» линкбилдингом.

Разница между анкорными и безанкорными ссылками

В анкорных ссылках в качестве анкоров выступают ключевые фразы. Они могут использоваться в точном вхождении или разбавленном. При точном вхождении анкор полностью соответствует ключевой фразе (например, «мужские ботинки»), а в разбавленном — добавляются дополнительные слова («сколько стоят мужские ботинки»).

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

Здесь по фразе «доставку груза из Европы» пользователь понимает, что попадет на страницу, посвященную этой теме. Так и есть: при переходе по ссылке открывается сайт логистической компании.

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

  • домен сайта или URL страницы, на которую ведет ссылка
  • наименование бренда, название компании
  • указательные слова вроде «тут», «здесь», «там», «вот ссылка»
  • ссылка с картинки, которая не имеет анкорного текста.

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

Вот пример безанкорной ссылки:

В данном случае анкор «по ссылке» сам по себе не намекает на то, какой контент откроется при переходе. Поэтому для информативности используется околоссылочный текст «В Метрике есть так называемый “Секретный отчет”…». Из контекста все становится понятно.

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

Какие анкоры лучше выбрать для SEO

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

Анкорные ссылки с «коммерческим шлейфом» и вхождением поисковых запросов в большом количестве будут считаться спамом. Их можно использовать, но при этом следует разбавлять анкор-лист безанкорными ссылками. Ниже мы рассмотрим примеры, как определенно не стоит работать с анкорными ссылками.

Каких анкоров избегать

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

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

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

С коммерческими запросами

Фразы со словами типа «купить», «заказать», «цена» в естественном упоминании встречаются редко. Эти слова с большей вероятностью будут идти перед или после ссылки. Например, если блогер делает обзор товара, он напишет так:

«Я купил ботинки в магазине <a href="адрес сайта">Суперботы</a>»,

но не так:

«<a href="адрес сайта">Купить ботинки</a> можно в магазине Суперботы».
Нерелевантные окружающему тексту

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

Скрытые анкоры

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

Хотите освоить все самые актуальные техники линкбилдинга? Вот мега-пособие, где собраны подходы, работающие в 2018 году. Они актуальны и в 2020.

Как составить анкор-лист

При составлении анкор-листа для сайта следуйте принципу диверсификации. Используйте все виды ссылочного текста:

  • разбавленные и неразбавленные анкоры,
  • анкорные и безанкорные ссылки,
  • брендовые, информационные анкоры.

О конкретных пропорциях говорить сложно — каждый оптимизатор формирует свою схему. В большинстве рекомендаций указана пропорция 30/70, где 30 — процент анкоров с вхождением ключевых запросов. Для естественности ссылочного профиля будет лучше, если безанкорные ссылки будут превалировать или содержаться в равной доле с анкорными.

Вот фрагмент «плохого» анкор-листа (здесь все анкоры являются ключевыми фразами, а это признак накрутки ссылочных факторов):

А вот фрагмент «хорошего» анкор-листа (все анкоры естественные):

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

Рекомендуем обратить внимание на топовые сайты в вашей нише и изучить их анкор-листы. Сделать это можно с помощью аналитических сервисов, например, Semrush, Ahrefs, Linkpad, MegaIndex (вот обзор платных и бесплатных сервисов).

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

Как видим, 49 % — это безанкорные ссылки.

Проанализируем сайт еще одного «монстра» — mail.ru:

Картина напоминает Яндекс.Маркет — здесь 44 % безанкорных ссылок.

И еще один сайт — ozon.ru:

Здесь больше половины ссылок — безанкорные.

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

Не анкорами едиными…

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

Что такое анкор ссылки, примеры

Что такое анкор ссылки, что значит вставить ссылку в анкор

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

Что такое анкор ссылки?

Это короткий текст, в одно – пять слов, который заключён между тегами <a>текст</a>. Небольшой участок строки, выделенный цветом и часто подчёркнутый, сообщает пользователям, что они видят ссылку, ведущую на какую-либо страницу этого веб-сайта или вообще в иное место сети.

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

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

Что такое анкор ссылки, их виды

Анкоры бывают разными:

  • Точными — требуется вписать линк, как желает заказчик:

удаленная работа копирайтером на дому вакансии.

  • Неразбавленными — в анкор вписывают высоко- или среднечастотный ключ: работа копирайтером.
  • Разбавленными — в ключ добавляется дополнительное слово:

работа копирайтером в интернете.

  • Морфологическими — ключевая фраза немного изменена (множественное число, изменение падежа):

возможность работы копирайтером.

  • Безанкорными — пишется URL нужной страницы, даётся прямая ссылка без анкора (без сопроводительного текста):

            сейчас вы читаете информацию на сайте http://rabota-kopirait.com/.

Иногда вместо ключевых или определённых тематических слов, являющихся прямыми подсказками, пишут общие слова — естественные анкоры: смотреть тут; далее; по адресу; здесь; отсюда и им подобные. Это тоже безанкорные ссылки. Линки с естественными анкорами более безопасны, но менее эффективны при продвижении страничек по поисковым запросам. Об этом подробнее написано здесь.

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

Что значит вставить ссылку в анкор

Выбираются ключи или подходящие слова и в них «вшивается ссылка». Делается это двумя способами:

1.Анкоры внутренних ссылок в Ворде и на сайтах

Это обычная вставка гиперссылки. Райтеру проще вынести инструмент на Панель быстрого доступа, чтобы он всегда был на видном месте. Достаточно по нему кликнуть мышкой, и в открывшемся окне вписать адрес. Инструкция дана в конце этой статьи, нет смысла дублировать описание процесса.

Подчёркнутое словосочетание в предыдущем предложении является естественным анкором и при нажатии мышью перенесёт читателя на страницу с полезной информацией. Это четвёртый анкор, первый был в начале статьи и отсылал прочесть более подробно про правила перелинковки текста; второй повествовал о ранжировании; третий — о безопасности естественных анкоров.

На сайтах анкор добавляется через опцию «Гиперссылка», также как в Word. Выделяется нужный фрагмент текста, вызывается окно гиперссылки, в него вводится адрес и указывается, как желательно открывать страницу: в этом же или в новом окне.

2.Анкор ссылка — как сделать иначе

В форматах txt и html анкор вписывается так:

Расшифровка верхней строки:

  • Тег <a href даёт понять, что далее следует ссылка.
  • Вместо слова «link» в кавычки заключается адрес страницы, на которую ведёт линк.
  • >anchor< заменяется текстом ссылки.
  • </a> — закрывающий тег.

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

Анкор ссылка: как сделать правильно

Ссылки не должны быть похожи на спамные.

Основные требования к анкорам:

  • Уникальность. Текст линков делают разнообразным. На одной страничке одинаковые анкоры не размещают, на разных их частое повторение тоже не желательно.
  • Безвредность. Нельзя злоупотреблять точными вхождениями ключевых слов, лучше использовать все виды анкоров и ссылки без анкоров.
  • Читабельность. Анкорный текст пишется по правилам русского или иного языка, на котором создаётся страница.
  • Тематичность. Текст линка должен сочетаться со словами, окружающими анкор.  

Гости сайта не должны расшифровывать, что означает: «Купить автопогрузчики Москва». Это название техники, которое забыли взять в кавычки, или возможность в Москве приобрести такой товар. Неестественно написанные анкоры «приобретайте недорого консультация доставка цена» сразу замечают поисковые роботы.

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

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

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

О понятии анкорный лист и его роли в продвижении читайте в другой статье.

Другие советы сайта «Работа копирайтером», как научиться писать тексты:

Анкор лист — что это такое и как его составить правильно, основные ошибки

Анкор лист — что это?

Анкор-лист – анкоры всех ссылкок на содержимое веб-сайта, используемых при внешней и внутренней перелинковке.

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

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

Вот пример анкоров ключей для сайта, показанный с помощью сервиса проверки ссылок линкпад.

Хостинг для одностраничного сайта. Поддержка популярных систем управления сайтами, время доступности сайтов — более 99,9%. Установка WordPress, Joomla в 1 клик!

Почему опасно прямое вхождение большого количества ключей в анкор лист?

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

Пример – на сайт за 2-3 дня проставляется несколько сотен ссылок с одним и тем же анкором.

Одинаковый текст ссылок, которые ведут на определенный продвигаемый сайт, расценивается роботами как SEO-ориентированные, составленные одним оптимизатором, или продажные. Уникальные анкоры оцениваются поисковиками выше. Поэтому вебмастеры стремятся составлять разный текст.

Как составить анкор лист с естественной плотностью фраз

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

  • дополнительными тематическими словами;
  • синонимами;
  • разными словосочетаниями ключевой фразы;
  • словоформами.

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

Анкоры используют:

  • для перехода на другую страницу сайта – так выполняется внутренняя перелинковка;
  • для связи между разными интернет-ресурсами – внешняя.

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

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

Узнать количество и качество ссылок сайтов-конкурентов можно также с помощью серфиса ahrefs.com (он платный, но доступна двухнедельная пробная версия).

У нас Вы можете зарегистрировать домены RU и РФ со скидкой!

Анкоры и внутренняя перелинковка

Анкоры не менее важны для внутренней перелинковки. Этот прием выполняет множество полезных функций:

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

Составление списка фраз — как подобрать анкоры для ссылок

Анкоры составляют, опираясь на тематику определенного интернет-ресурса. Для этого пользуются несколькими методами:

  • исследованием популярных запросов в системах поиска. Для этого можно воспользоваться статистикой ключевых слов на Яндекс Wordstat. В процессе их анализа вебмастер подбирает для анкора оптимальные словосочетания, которые используются на сайтах-конкурентах нечасто, зато соответствует требованиям поисковых роботов.
  • в качестве анкора используют фрагмент текста, который максимально точно передает содержание той страницы, куда ведет ссылка;
  • для внутренней перелинковки логично использовать названия страниц, разделов, рубрик сайта;
  • слова и сочетания типа «тут», «здесь», «читать дальше», «продолжение», «подробнее», «источник» называются естественными анкорами и быстро учитываются системами поиска.

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

Анкоры с точными вхождениями запросов оказывают непосредственное влияние на ссылочное ранжирование. Однако их избыточное употребление расценивается как переспам. Поэтому таких ссылок должно быть 5-10%.

Разбавленные анкоры сочетают в себе поисковый запрос и дополнительное часто употребляемое слово. Такой текст выглядит естественно и не попадает под фильтры поисковых систем за спам. Подобных ссылок может быть 10-15%.

Безанкорные ссылки в виде названия сайта, транслитерации, слов «тут», «здесь» и подобных наиболее близки к естественным и поэтому практически всегда выполняют свою функцию. Главный плюс таких анкоров — отсутствие ключа, который «выдает» продажную ссылку. Их масса может составлять 80%.

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

ссылок: ссылка на странице

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

Знак # перед местом ссылки указывает, что ссылка указывает на привязку на странице. (Якорь означает определенное место в середине вашей страницы).

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

  • Создать ссылку, указывающую на привязку
  • Создать саму привязку.


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

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

Щелкните здесь , чтобы прочитать главу 4.

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

Когда вы устанавливаете ссылку на якорь на той же странице, просто введите

blabla

При создании ссылок на якоря на внешних страницах используйте следующий синтаксис:

blabla

Якоря обычно используются при создании страниц с большим объемом текста.Обычно вверху страницы создается указатель со ссылками на якоря, которые были добавлены в ключевые места в следующем тексте.

HTML-тег »

Раскрытие информации: Ваша поддержка помогает поддерживать работу сайта! Мы зарабатываем реферальный сбор за некоторые услуги, которые мы рекомендуем на этой странице. Подробнее
Элемент
HTML-привязок: как создавать ссылки для быстрой навигации
Что делает HTML-тег ?
Элемент используется для идентификации базового URL-адреса, на основе которого строятся все относительные URL-адреса, которые появляются на веб-странице.Кроме того, если элемент имеет целевой атрибут, целевой атрибут будет использоваться как атрибут по умолчанию для всех гиперссылок, появляющихся в документе.
Показать
нет
Нулевой элемент
Этот элемент не должен содержать никакого содержимого и не требует закрывающего тега.

Код примера

  
.
.
.


  

Относительные ссылки

При создании якорной ссылки атрибут href может указывать абсолютный URL-адрес, например http: // example.com или относительный URL-адрес, например /, / имя-страницы или имя-страницы .

В относительных URL-адресах косая черта (/) указывает корневой URL-адрес текущей страницы, поэтому href = "/ page-name" будет ссылаться на страницу currentdomain / page-name . Если опустить косую черту, это приведет к переходу на подстраницу текущего URL-адреса, поэтому href = "page-name" будет ссылаться на current_url / page-name .

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

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

По умолчанию

target value

Помимо указания базового URL-адреса для относительных ссылок, элемент позволяет вам указать значение target по умолчанию для всех ссылок на странице.Итак, если вы установите target = "_ blank" в элементе , все ссылки на странице (относительные и абсолютные) будут открываться в новом окне, если не указано иное.

Размещение и ограничения

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

Адам — ​​технический писатель, специализирующийся на документации и руководствах для разработчиков.

Поддержка браузера для базы

Атрибуты базы

Имя атрибута Значения Примечания
цель
Задает целевое значение по умолчанию для всех ссылок привязки в текущем документе.
href
Задает базовый URL-адрес, который будет использоваться для всех относительных ссылок в текущем документе.

Добавить теги привязки для перехода к определенному месту на странице

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

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

С помощью редактора Rich Text вы можете размещать якоря в своих сообщениях. Если вы предпочитаете использовать HTML для кодирования тегов привязки, щелкните раздел Код тега привязки.

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

Затем вы поместите курсор в то место, где вы хотите, чтобы читатель мог прыгать, и нажмите «Вставить ссылку», чтобы создать ссылку.Любые привязки, которые вы создали в публикации, будут доступны для выбора в меню «Якоря». После выбора остальные поля для ссылки будут заполнены. Нажмите «Вставить ссылку», и ссылка на привязку будет вставлена ​​в сообщение.

Вы можете ссылаться на один и тот же якорь в разных местах сообщения или страницы.

Код ярлыка якоря

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

Если вы указываете место на той же странице, формат ссылки будет похож на:
Текст ссылки

Например, если текст «Подробнее о хищниках!» тогда ваш HTML должен выглядеть так:

  Подробнее о хищниках!  

Вышеупомянутая якорная ссылка работает только тогда, когда вы переходите в указанное место на той же веб-странице .Если вы хотите, чтобы ссылка переходила в определенное место на другой странице , вам нужно заменить #anchor на полный URL-адрес страницы, например:
Текст ссылки

При создании сообщения или страницы щелкните вкладку HTML на панели инструментов и введите код ссылки.


(щелкните, чтобы увидеть в полном размере)

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

Следуя нашему предыдущему примеру, код привязки будет:

   

При создании сообщения или страницы щелкните вкладку HTML на панели инструментов и введите код привязки в начале строки, на которую вы хотите перейти.

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

Вы можете загружать изображения в «Библиотека»> «Диспетчер файлов». Щелкните имя файла после его загрузки, чтобы получить URL-адрес файла.

Обновлено 09 июля 2020 г.

Не совсем то, что вы ищете? Ознакомьтесь с другими статьями:
  • Информацию о функциях редактора Compose см. В статье о панели инструментов RTF.
  • Советы по улучшению SEO доступны в статье Обзор SEO.
  • Чтобы создать собственный адаптивный дизайн, вы можете использовать Design Lab и выбирать из десятков шрифтов для сообщений и страниц.

Анкорный текст: 5 лучших практик (с примерами)

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

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

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

Мы покажем вам, что вам нужно знать, чтобы эффективно использовать якорный текст. У нас тоже есть много примеров, так что давайте приступим!

Что такое якорный текст?

Якорный текст — это слова, по которым вы переходите по ссылке. При щелчке по этим словам открывается ссылка на страницу или документ. Некоторые люди также называют это «текстом ссылки». Вот как выглядит якорный текст на нашем сайте:

Вы, наверное, знакомы с обычным синим цветом текста привязки, который иногда подчеркивается.

Почему важен текст привязки?

Якорный текст важен для поисковых систем и пользователей-людей, поскольку он дает «подсказки» о содержании, на которое он ссылается.

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

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

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

Стоит научиться эффективно использовать якорный текст.

5 лучших практик для якорного текста

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

1. Не верьте мифам SEO

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

SEO Myth 1: Вы всегда должны стараться использовать ключевые слова для страницы, на которую вы ссылаетесь, в своем якорном тексте.

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

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

SEO Myth 2: Якорный текст, указывающий на страницы вашего сайта, должен состоять из оптимальной пропорции типов якорного текста.

Передовой опыт: Оптимальная смесь — это смесь, которая развивается естественным путем.

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

2. Используйте описательные слова

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

Пример 1:

Если автор не включил тему в качестве якорного текста и просто связал слова «читать дальше», читателю пришлось бы потратить немного больше энергии, пытаясь выяснить «о чем?»

Подробнее: Использование оптимизации скорости веб-сайта для увеличения конверсии и SEO

Пример 2:

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

Посмотрите, что делают ваши конкуренты. Что вроде работает? Есть ли вещи, которые, по вашему мнению, находят отклик у вашей аудитории, больше никто не делает? (Только 5% бюджета на создание контента сейчас идет на подкасты — есть ли такая возможность в вашей отрасли?)

Пример 3:

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

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

Пример 4:

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

Вы можете делать это и многое другое с помощью Alexa. Попробуйте наш Расширенный план сегодня!

А…

Чтобы помочь вам создать образ покупателя для вашего бизнеса и повысить качество и эффективность вашего контента, используйте этот шаблон образа покупателя в качестве руководства. Загрузите PDF-шаблон с персональным лицом покупателя.

Пример 5:

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

MR PORTER, интернет-магазин роскошной мужской одежды и товаров личной гигиены, создал цифровой журнал под названием «Журнал», который не только предоставляет ценность продукции компании.

Но если вы ссылаетесь на мнение, а не на главную страницу, по возможности указывайте его в тексте привязки.

Google предпочитает простые URL-адреса. Убедитесь, что ваша команда помнит об этом, когда создает новую страницу или сообщение в блоге…

3. Убрать сюрпризы для читателя

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

Пример:

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

Читатель может ясно видеть, что ссылка на статью посвящена теме в якорном тексте, когда он или она щелкает по:

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

Примеры:

Подробнее читайте в отчете Gartner Research (требуется регистрация).

Или…

Подробнее читайте в отчете Gartner Research (требуется регистрация).

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

4. Стремитесь к длине, которая лучше всего помогает читателю

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

Излишне долго:

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

Лучшая длина для информирования читателя:

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

5. Выделение текста привязки

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

Пример 1:

Источник: animalz.co

Пример 2:

Пример 3:

Источник: brafton.com

Большинство веб-страниц имеют цвет, указанный в шаблоне дизайна сайта. Когда вы добавляете ссылку с помощью интерфейса редактора, она отображается в закодированном стиле сайта.Однако бывают случаи, когда вам действительно нужно взглянуть на код или добавить ссылку с помощью HTML.

Как выглядит HTML-код якорного текста?

Якорный текст указывается в коде на странице между тегами якорного элемента якорный текст.

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

Пусть вас направит образ мыслей читателя

При подготовке контента нужно многое учитывать, и якорный текст является важным компонентом.Не увлекайтесь мифами или пытайтесь манипулировать якорным текстом для игры в систему. Лучше сохранять естественность и полезность для читателя, ориентируясь на читателя. Затем вы можете инвестировать свои ресурсы в более эффективные действия, такие как повышение осведомленности и ссылки для вашего контента.

Инструменты

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

ссылок в документах HTML

ссылок в документах HTML

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

А Ссылка имеет два конца — называемые якорями — и направление. Ссылка начинается с привязки «источник» и указывает на якорь «назначения», которым может быть любой веб-ресурс (например, изображение, видео клип, звуковой фрагмент, программа, документ HTML, элемент в HTML документ и т. д.).

12.1.1 Посещение связанного ресурса

Поведение по умолчанию, связанное со ссылкой, — это получение еще один Интернет-ресурс. Такое поведение обычно и неявно получается путем выбора ссылки (например,g., щелкнув через клавиатуру, так далее.).

Следующий отрывок HTML содержит две ссылки, одна якорь назначения — HTML-документ с именем «chapter2.html», а другой, целевой якорем которого является изображение в формате GIF в файле «forest.gif»:

<ТЕЛО>
  ... текст ... 

Вы найдете гораздо больше в главе второй . См. Также эту карту заколдованного леса.

Активировав эти ссылки (щелкнув мышью, через клавиатуру ввод, голосовые команды и т. д.) пользователи могут посещать эти ресурсы. Обратите внимание, что href Атрибут в каждом якоре источника указывает адрес якоря назначения с URI.

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

Целевые привязки в HTML-документах могут быть указаны либо с помощью A элемент (присвоив ему имя name attribute) или любым другим элементом (именование с атрибутом id ).

Таким образом, например, автор может создать оглавление, записи которого ссылка на элементы заголовка h3 , h4 и т. д. в том же документе. Использование элемента A для создадим якоря назначения, напишем:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальное содержание ... ... тело документа ...

Введение ... раздел 1 ...

Немного предыстории ... раздел 2 ...

Более личное примечание ... раздел 2.1 ...

Мы можем добиться того же эффекта, сделав сами элементы заголовка якоря:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение

... раздел 1 ...

Немного предыстории

... раздел 2 ...

Более личное примечание

... раздел 2.1 ...

12.1.2 Другая ссылка отношения

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

Роли ссылки, определенной с помощью A или LINK , указываются через rel и rev атрибуты.

Например, ссылки, определенные элементом LINK , могут описывать позицию документа в серии документов.В следующем отрывке ссылки в документе, озаглавленном «Глава 5» укажите на предыдущий и следующий главы:

<ГОЛОВА>
  ... другая информация о головке ... 
 Глава 5 



 

Тип первой ссылки — «предыдущая», а второй — «следующая». (два из нескольких распознанных типов ссылок). Ссылки, указанные в LINK , — это , а не , отображаемые с помощью содержимое, хотя пользовательские агенты могут отображать его другими способами (например,г., как инструменты навигации).

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

12.1.3 Задание якорей и ссылок

Хотя некоторые элементы и атрибуты HTML создают ссылки на другие ресурсы (например,г., элемент IMG , элемент Элемент FORM и т. Д.), В этой главе обсуждаются ссылки и якоря. создается элементами LINK и A . Элемент LINK может появляться только в заголовок документа. Элемент A может появляться только в теле.

Когда Установлен атрибут href элемента , элемент определяет источник привязка для ссылки, которая может быть активирована пользователем для получения веб-ресурса.Исходный якорь — это расположение экземпляра A и целевого якоря. Интернет-ресурс.

Полученный ресурс может обрабатываться пользовательским агентом несколькими способами: открытие нового HTML-документа в том же окне пользовательского агента, открытие нового HTML документ в другом окне, запуск новой программы для обработки ресурса, и др. Начиная с Элемент имеет контент (текст, изображения и т. Д.), Пользовательские агенты могут отображать этот контент таким образом, чтобы указывать на наличие ссылки (например,г., автор: подчеркивание содержания).

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

Авторы могут установить атрибуты name и href одновременно в тот же Экземпляр .

Элемент LINK определяет связь между текущим документом и другой ресурс. Хотя LINK не имеет содержимого, отношения, которые он определяет, могут отображаться некоторыми пользовательскими агентами.

12.1.4 Заголовки ссылок

Атрибут title может быть установлен как для A, , так и для LINK на добавить информацию о характере ссылки. Эта информация может быть озвучена агент пользователя, отображаемый как всплывающая подсказка, вызывает изменение изображения курсора и т. д.

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

<ТЕЛО>
  ... текст ... 

Вы найдете гораздо больше в главе второй . Вторую главу . См. Также карта заколдованный лес.

12.1.5 Интернационализация и ссылки

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

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

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

12.2 Модель

A элемент

Начальный тег: требуется , Конечный тег: требуется

Определения атрибутов

имя = cdata [CS]
Этот атрибут называет текущую привязку, чтобы она могла быть местом назначения. другой ссылки.Значение этого атрибута должно быть уникальным именем привязки. В область действия этого имени — текущий документ. Обратите внимание, что этот атрибут разделяет то же пространство имен, что и атрибут id .
href = uri [CT]
Этот атрибут определяет расположение веб-ресурса, таким образом определяя связь между текущим элементом (исходным якорем) и целевым якорем определяется этим атрибутом.
hreflang = langcode [CI]
Этот атрибут определяет базовый язык ресурса, обозначенного href и может использоваться, только если указан href .
тип = тип содержимого [CI]
Этот атрибут дает консультативную подсказку относительно типа содержимого содержимого. доступно по целевому адресу ссылки. Это позволяет пользовательским агентам выбирать использование резервный механизм вместо получения содержимого, если им сообщают, что они получат контент в типе контента, который они не поддерживают.
Авторы, использующие этот атрибут, берут на себя ответственность за управление риском того, что он может стать несовместимым с контентом, доступным по целевой ссылке адрес.
Текущий список зарегистрированных типов контента см. [MIMETYPES].
отн. = типа звена [CI]
Этот атрибут описывает отношение текущего документа к привязка, заданная атрибутом href . Значение этого атрибута — список типов ссылок, разделенных пробелами.
рев. = типа связи [CI]
Этот атрибут используется для описания обратной ссылки. от якоря, указанного href атрибут текущего документа.В Значение этого атрибута — это список типов ссылок, разделенных пробелами.
кодировка = кодировка [CI]
Этот атрибут определяет кодировку символов указанного ресурса. по ссылке. Пожалуйста, обратитесь к разделу о характере кодировки для более подробной информации.

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), дирек (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • shape и координаты (изображение карты)
  • onfocus , onblur , onclick , ondblclick , onmousedown , onmouseup , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • цель (цель информация о кадре)
  • tabindex (переход с вкладками)
  • ключ доступа (ключи доступа)

каждый Элемент определяет якорь

  1. Содержимое элемента определяет положение привязки.
  2. Атрибут name называет якорь так, чтобы он мог быть местом назначения ноль или более ссылок (см. также якоря с id ).
  3. Атрибут href делает этот якорь якорем источника ровно одного ссылка.

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

В следующем примере Элемент определяет ссылку. Якорь источника текст «Веб-сайт W3C» и привязка назначения — «http://www.w3.org/»:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C .
 

Эта ссылка обозначает домашнюю страницу Консорциума World Wide Web. Когда пользователь активирует эту ссылку в пользовательском агенте, пользовательский агент получит ресурс, в данном случае HTML-документ.

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

Для получения дополнительной информации о W3C посетите веб-сайт W3C.
                                                   ~~~~~~~~~~~~
 

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

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C 
 

Предположим, мы определяем привязку с именем «anchor-one» в файле «one.html».

  ... текст перед привязкой ... 
 Это местоположение первого якоря. 
  ... текст после привязки ... 
 

Это создает привязку вокруг текста «Это местоположение привязки one. «. Обычно содержимое A не отображаются каким-либо особым образом, если A определяет только привязку.

Определив якорь, мы можем ссылаться на него с того же или другого документ. URI, обозначающие якоря, содержат символ «#», за которым следует имя привязки (фрагмент идентификатор). Вот несколько примеров таких URI:

  • Абсолютный URI: http://www.mycompany.com/one.html#anchor-one
  • Относительный URI: ./one.html#anchor-one или one.html # anchor-one
  • Если ссылка определена в том же документе: # anchor-one

Таким образом, ссылка определена в файле «два.html «в том же каталоге, что и «one.html» будет относиться к привязке следующим образом:

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

Элемент в следующем примере указывает ссылку (с href ). и одновременно создает именованный якорь (с именем ):

Я только что вернулся из отпуска! Вот
<Имя = "якорь-два"
   href = "http: // www.somecompany.com/People/Ian/vacation/family.png ">
фото моей семьи на озере. .
 

Этот пример содержит ссылку на другой тип веб-ресурса (PNG изображение). Активация ссылки должна привести к извлечению ресурса изображения. из Интернета (и, возможно, отображается, если система настроена на выполнение так).

Примечание. Пользовательские агенты должны уметь находить якоря создается пустыми элементами A , но некоторые этого не делают. Например, какой-то пользователь агенты могут не найти «пустой якорь» в следующем фрагменте HTML:

 
... некоторый HTML ... 
 Ссылка на пустой якорь 
 

12.2.1 Синтаксис привязки имена

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

  • Уникальность: Имена якорей должны быть уникален в пределах документа. Имена якорей, которые отличаются только регистром, могут не отображаться в том же документе.
  • Соответствие строк: Сравнения между идентификаторами фрагментов и Имена якорей должны быть выполнены с точным (с учетом регистра) совпадением.

Таким образом, следующий пример верен в отношении сопоставления строк и пользовательские агенты должны считать совпадение:

... ... еще документ ...

...

НЕЗАКОННЫЙ ПРИМЕР:
Следующий пример недопустим в отношении уникальности, поскольку два имени такие же, за исключением корпуса:

...

...

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

... ... еще документ ...

...

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

12.2.2 Вложенные ссылки недопустимы

Ссылки и якоря, определенные Элемент не должен быть вложенным; элемент A не должен содержать никаких других элементов A .

Поскольку DTD определяет LINK элемент должен быть пустым, LINK элементы также не могут быть вложенными.

12.2.3 Анкеры с

идентификатор атрибут

Атрибут id может использоваться для создания привязки в начальном теге любого элемент (включая элемент A ).

Этот пример иллюстрирует использование атрибута id для позиционирования привязки в h3 элемент. Якорь подключается через A элемент.

Подробнее об этом можно прочитать в  Разделе 2 .
  ... далее в документе 
 

Раздел второй

... далее в документе

См. Раздел два выше. Больше подробностей.

В следующем примере целевой привязке присваивается имя с идентификатором . атрибут:

Я только что вернулся из отпуска! Вот
 фото моей семьи на озере..
 

id и name атрибуты имеют одинаковые пространство имен. Это означает, что они не могут оба определить привязку с тем же именем в том же документе. Допустимо используйте оба атрибута, чтобы указать уникальный идентификатор элемента для следующих элементы: A , APPLET , FORM , РАМА , IFRAME , IMG и MAP . Когда оба атрибута используются в одном элементе, их значения должны быть идентичный.

НЕЗАКОННЫЙ ПРИМЕР:
Следующий отрывок является недопустимым HTML, поскольку эти атрибуты декларируют одинаковые имя дважды в одном документе.

 ... 
...

... страницы и страницы ...

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

...

Из-за его спецификации в HTML DTD имя атрибут может содержать ссылки на символы.Таким образом, значение D & # xfc; rst является действующий name значение атрибута , как и D & uuml; rst. Модель id Атрибут, с другой стороны, может не содержать ссылок на символы.

Использовать id или имя ? Авторам следует учитывать следующее проблемы при принятии решения, использовать ли id или name для имени привязки:

  • The Атрибут id может действовать не только как имя привязки (например,г., стиль селектор листов, идентификатор обработки и т. д.).
  • Некоторые старые пользовательские агенты не поддерживают якоря, созданные с идентификатором атрибут.
  • Атрибут name позволяет использовать более богатые имена привязок (с объектами).

12.2.4 Недоступно и неидентифицируемые ресурсы

Ссылка на недоступный или неидентифицируемый ресурс является ошибкой. Хотя пользовательские агенты могут по-разному обрабатывать такую ​​ошибку, мы рекомендуем следующее поведение:

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

12.3 Взаимоотношения документов:

LINK элемент

Начальный тег: требуется , Конечный тег: запрещено

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), дирек (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • onclick , ondblclick , onmousedown , onmouseup , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • href , hreflang , тип , отн. , отн. (ссылки и якоря)
  • цель (цель информация о кадре)
  • носитель (заголовок информация о стиле)
  • charset (символ кодировки)

Этот элемент определяет ссылку.В отличие от A , он может появляться только в HEAD раздел документа, хотя он может появляться сколько угодно раз. Хотя ССЫЛКА не имеет содержания, он передает информацию о взаимоотношениях, которая может быть отображена пользовательские агенты различными способами (например, панель инструментов с раскрывающимся меню ссылки).

В этом примере показано, как несколько определений LINK могут появиться в заголовке HEAD раздел документа. Текущий документ — «Глава2.html «. отн. атрибут определяет отношение связанного документа с текущим документ. Значения «Индекс», «Далее» и «Назад» объясняются в разделе. по типам ссылок.



<ГОЛОВА>
   Глава 2 
  
  
  

  ... остальная часть документа ... 
 

12.3.1 Прямые и обратные ссылки

Атрибуты rel и rev играют взаимодополняющие роли — атрибуты rel rel атрибут указывает прямую ссылку, а атрибут rev указывает обратную ссылка.

Рассмотрим два документа A и B.

Документ A: 
 

Имеет то же значение, что и:

Документ Б: 
 

Оба атрибута могут быть указаны одновременно.

12.3.2 Ссылки и внешние таблицы стилей

Когда Элемент LINK связывает внешнюю таблицу стилей с документом, Атрибут type указывает язык таблицы стилей, а атрибут Атрибут media определяет предполагаемый носитель или носитель визуализации. Пользовательские агенты могут сэкономить время, получая из сети только те стили листы, относящиеся к текущему устройству.

Типы носителей далее обсуждается в разделе о таблицах стилей.

12.3.3 Ссылки и поисковые системы

Авторы могут использовать элемент LINK для предоставления различной информации поисковые системы, в том числе:

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

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

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

<ГОЛОВА>
 Руководство на английском языке 





 

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

<ГОЛОВА>
 Справочное руководство 


 

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

<ГОЛОВА>
 Справочное руководство - стр. 5 


 

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

12.4 Информация о пути: элемент

BASE
 BASE  - O EMPTY - базовый URI документа ->
 href % URI; # ОБЯЗАТЕЛЬНО - URI, который действует как базовый URI -
  >
 

Начальный тег: требуется , Конечный тег: запрещено

Определения атрибутов

href = uri [CT]
Этот атрибут определяет абсолютный URI, который действует как базовый URI для разрешение относительных URI.

Атрибуты, определенные в другом месте

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

Если присутствует, элемент BASE должен появиться в заголовке HEAD раздела HTML-документа перед любым элементом, который ссылается на внешний источник.Информация о пути, указанная элементом BASE , влияет только на URI в документ, в котором появляется элемент.

Например, учитывая следующую декларацию BASE и A декларация:



 <ГОЛОВА>
    Наши продукты 
   
 

 <ТЕЛО>
   

Вы видели наш Клетки для птиц ?

относительный URI «../cages/birds.gif» будет преобразован в:

http://www.aviary.com/cages/birds.gif
 

12.4.1 Разрешение относительных URI

Пользовательские агенты должны вычислять базовый URI для разрешения относительных URI согласно [RFC1808], раздел 3. Ниже описывается, как [RFC1808] применяется конкретно к HTML.

Пользовательские агенты должны вычислять базовый URI в соответствии со следующим приоритеты (от высшего приоритета к низшему):

  1. Базовый URI устанавливается BASE элемент.
  2. Базовый URI задается метаданными, обнаруженными во время протокола. взаимодействие, такое как HTTP-заголовок (см. [RFC2616]).
  3. По умолчанию базовым URI является URI текущего документа. Не весь HTML документы имеют базовый URI (например, действительный документ HTML может появиться в электронном письме и не может быть обозначен URI). Такие HTML-документы считаются ошибочными, если они содержат относительные URI и полагаются на базовый URI по умолчанию.

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

Примечание. Для версий HTTP, которые определяют заголовок ссылки, пользовательские агенты должны обрабатывать эти заголовки точно так же, как LINK элементы в документе. HTTP 1.1, как определено в [RFC2616], не включить поле заголовка ссылки (см. раздел 19.6.3).

Создание якорных ссылок в Help Scout Docs

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

В этой статье

Добавить идентификатор к элементу HTML

В примере, показанном ниже, щелчок по ссылке Editing Your Beacon Mode автоматически отправит читателя на страницу Editing Your Beacon Mode , расположенную ниже в статье.Мы добавили атрибут id к элементу заголовка h4 , чтобы мы могли создать ссылку на него. В нашем примере используется элемент заголовка, но вы можете добавить идентификатор ко многим различным элементам HTML, чтобы создать ссылку привязки.

Переключите редактор HTML, щелкнув значок на панели инструментов. В теге

мы добавляем id = «edit» , чтобы присвоить этому заголовку его идентификатор. Вот как выглядит наш заголовок с ID:

  

Редактирование режима маяка

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

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

  1. Выделите текст, который должен ссылаться на привязку заголовка.
  2. Щелкните значок ссылка на панели инструментов и выберите опцию Вставить ссылку в раскрывающемся меню.
  3. Добавьте свой идентификатор с предшествующим символом # в поле URL. В нашем примере это будет выглядеть так: #new
  4. По завершении нажмите синюю кнопку Вставить .

Вот как выглядит законченный якорь в редакторе HTML:

  Редактирование режима маяка 
 

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

Вставка ссылок и якорей | Основы построения и редактирования | Строительство и монтаж | Руководство CMS

Вставка звеньев и якорей

Внешние ссылки в навигации вашего сайта

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

Добавление ссылки в текст

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

  • Внутренние ссылки предназначены для страниц или файлов, включая PDF-файлы, к которым у вас есть доступ в Cascade CMS.
  • Внешние ссылки предназначены для других сайтов в сети, включая другие сайты Brandeis.
  1. Перейдите на страницу, на которой вы хотите разместить ссылку, и нажмите Изменить .
  2. В любом типе контента, который использует панель инструментов WYSIWYG, выберите слова, которые вы хотите использовать в качестве ссылки. Затем щелкните значок Link на панели инструментов WYSIWYG. (Похоже на несколько звеньев цепи.)

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

    A. Опция Internal должна быть отмечена по умолчанию. Нажмите кнопку «Источник ссылки : выберите файл, страницу или ссылку» . Окно Chooser Panel откроется справа.

    Панель выбора позволит вам установить ссылку на недавнюю страницу , или Обзор , или Загрузить ресурс для ссылки. Если вам нужна помощь, посетите нашу страницу в Панели выбора.

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

    (Чтобы продолжить добавление внутренней ссылки, перейдите к шагу 4.)

    B. Для External Links нажмите кнопку External . В поле Источник ссылки введите полный URL-адрес ссылки (включая https: //).

  4. Как для внутренних, так и для внешних ссылок, помимо назначения ссылки, вы увидите дополнительные поля:
  • Анкер , описанный ниже
  • Target , который определяет, открывается ли ссылка в том же или в новом окне / вкладке браузера.В целях доступности следует установить значение Нет , даже если пользователи перенаправляются на другой веб-сайт.
  • Заголовок , который будет отображаться, если пользователь наводит курсор на связанный текст. Не требуется.
  • Класс , который можно игнорировать, если вы не создаете кнопку.
  1. По завершении нажмите Ok .
  2. Если вы добавили внешнюю ссылку и ввели URL-адрес, который использовал http: // (в отличие от http s : //), вы получите системное сообщение о том, что вы можете рассмотреть возможность добавления ссылки, которая использует https //.Вам не нужно обновлять URL-адрес до https: //; нажмите ОК, и вы сможете продолжить редактирование страницы.
    1. Если сайт, на который вы ссылаетесь, имеет безопасную версию (т. Е. Работает, если вы используете https: //), вы можете отредактировать ссылку, чтобы обновить ссылку на https: //.

Добавление якоря

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

Создание якоря
  1. Откройте свою страницу в режиме Edit / Content и щелкните в области содержимого, которое хотите отредактировать. Поместите курсор в точку, где вы хотите сделать якорь (точку, с которой вы связываете). Затем щелкните значок привязки на панели инструментов WYSIWYG.
  2. Появится небольшое окно, в котором вам будет предложено назвать вашу привязку. Выберите описательное и легко запоминающееся имя.

Рекомендации: Имена якорей должны быть короткими, без пробелов и состоять из строчных букв и / или тире.

  1. Щелкните Ok . Теперь на месте курсора должен появиться символ привязки. Этот символ не будет отображаться на опубликованной странице, только в режиме редактирования / содержимого. Его можно перемещать или удалять, как и текст.
Ссылка на якорь
  1. Теперь вы можете установить ссылку на Anchor . Если вы создаете ссылку на привязку на той же странице, следуйте инструкциям на шаге 2. Если вы устанавливаете ссылку на привязку с другой страницы, перейдите к шагу 3.
  2. A. Выделите текст, который вы хотите использовать в качестве ссылки. Затем щелкните значок Link .
    B. На экране « Вставить ссылку » введите имя, которое вы дали привязке, в поле Якорь .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *