HTML тег посилання A та його атрибути rel, target, name
Радий вітати Вас на блогу Checho.ru! У сьогоднішній статті ми почнемо говорити про мову гіпертекстової розміткиhtml. Дана публікація буде першою у своєму роді (і далеко не останньою), тому що раніше я нічого подібного не писав.
- Тег посилання А - створюємо гіперпосилання в html документі з анкором і без нього
- Відкриття посилання у новому вікні. Атрибут target _blank
- Атрибут rel nofollow і тег noindex. Закриваємо посилання від індексації
- Посилання якір та як її зробити. Атрибут Name
А ось зараз, коли я набрав необхідні знання та перевірив їх на практиці, із задоволенням поділюся ними зі своїми читачами. Адже недарма, скільки сил і часу на початковому етапі було витрачено, наприклад для того, щоб знати, як вставити посиланняhtml. Природно, після прочитання мого посту Ви також знатимете це і вмітимете робити.
Взагалі, варто відзначити, що теги посилань просто необхідні в роботі оптимізаторів, тому що їх хліб, це якраз пошукова оптимізація і просування сайту, і природно без посилань гуру в області SEO швидше за все не обходяться, що вже говорити для простих блогерів :).
Мабуть,html тег посиланняA є одним з моїх найбільш використовуваних на ряду з тегом img, який необхідний для виведення зображень у тексті. У середньому, у кожній статті, що публікується мною, проставляється приблизно п'ять посилань, як на внутрішні сторінки, так і на зовнішні.
Загалом знання основних понять у мові розмітки html, я вважаю, сильно допоможе Вам і спростить життя. Все ж таки час, який Ви витратите зараз на вивчення, можливо нового для Вас матеріалу, не буде витрачено дарма.
Тег посилання А - створюємо гіперпосилання в html документі з анкором і без нього
Однак, щоб вказати шлях гіперпосилання, потрібно обов'язково використовуватиатрибутhref. Завдяки йому можна і потрібно вказувати URL-сторінки, на яку Ви хочете послатися. Це можуть бути як внутрішні сторінки Вашого сайту, так і сторінки будь-якого іншого ресурсу у всесвітньому павутинні.
Тобто, в тексті гіперпосилання не використовуються символи, таким чином воно буде видно в інтернет-браузері для користувачів, як http://checho.ru.
Відкриття посилання у новому вікні. Атрибут target _blank
Target blank у html використовують дуже часто так, як це допомагає, у плані поведінки відвідувачів на Вашому сайті, тобто впливає на його поведінкові фактори. Тому, якщо Ви досі не використовуєте атрибут target із параметром _blank, рекомендую дуже уважно прочитати цей розділ.
Як Ви могли помітити, особливої різниці, де буде проставлено необхідний атрибут – ні, тому що їхній порядок не має значення всередині html тегів.
Атрибут rel nofollow і тег noindex. Закриваємо посилання від індексації
[yandexd] Приступимо до роботи з атрибутом посилань rel в html документі. Цей атрибут з параметром nofollow служить для того, щоб не передавати вагу Вашої сторінки на будь-яку іншу.
Як відомо в будь-якій сторінки, навіть у тільки, що створеної і не має зовнішніх посилань з інших ресурсів є своя вага, яка вище нуля. Користувачі не можуть цього бачити, але пошукові системи це все враховують.
Тому, щоб внутрішня вага Ваших сторінок не впливала від Вас, деякі посилання потрібно укладати атрибутомrel nofollow. Посилання, що включають, даний атрибут не будуть передавати вагу іншим сайтам.
Звичайно,атрибутrel nofollow не варто використовувати, коли Ви посилаєтеся на внутрішні сторінкиВашого сайту, оскільки грамотна внутрішня перелінковка – запорука успішної оптимізації ресурсу та подальшого його розвитку.
Тепер варто обговорититегnoindex. Він служить для того, щоб пошукові роботи не індексували непотрібні елементи сторінки. Причому це стосується не тільки гіперпосилань, а й певних ділянок тексту.
Наприклад, якщо Ви хочетезакрити посилання тегомnoindex, тобто, щоб «павуки» пошукачів не індексували її, потрібно лише безпосередньо перед посиланням в html вказати тег noindexі закрити його. Ось як це виглядає:
Посилання якір та як її зробити. Атрибут Name
Завдяки йому, а також при використанніхеш-посилання, можна посилатися не просто на якусь статтю, а й на місце в ній, яке необхідне, тобто на певну ділянку тексту. Це потрібно, коли публікація дуже об'ємна і знайти на ній потрібну інформацію буде важко.
Так ось, браузер при натисканні на посилання якорь відкриває нову сторінку і автоматично прокручує до того місця, де попередньо був проставленийатрибутname. Зараз я докладніше розповім, як усе це влаштовано.
Якір посилання уhtml виглядає так:
Як бачите, атрибут name не має анкора, так як якір складається з тега A, що відкривається і закривається. Параметр атрибута Ви повинні задати самі, вказується він після знака рівності і дужок, як показано вище на прикладі.
У принципі, html код посилання практично не змінився. Тільки після вказівки URL-сторінки, на яку Ви хочете послатися, потрібно проставити знак решітки «#» (хеш-символ) і вказати назву якоря.
Усім удачі, з Вами був В'ячеслав Чечотенко!
Відео-епілог: художник дуже швидко малює картини на склі