Щоб інформація, яка розміщується на WEB-сторінках, добре сприймалася, привертала увагу відвідувача, і, в кінцевому підсумку, спонукала його до певних дій – покупкам, замовлення та іншого, існує чимало прийомів. Більшість з них спрямовані на те, щоб відвідувач сайту отримав додаткову інформацію швидко, як йдеться в один клік. Цю інформацію можна отримати з іншої сторінки цього сайту, з стороннього ресурсу або прямо на цій же сторінці за принципом «показувати пальцем». Реалізується така можливість програмними методами, з допомогою так званих «анкорных» і «безанкорных» посилань.
Що таке «анкорная посилання
Анкорная посилання призначена для полегшення пошуку інформації в рамках однієї WEB-сторінки. Проілюструвати таку дію можна на такому прикладі: у вас на сторінці написано, що цей товар можна придбати в такому-то магазині, але сам адреса торгової точки написаний в самому низу сторінки. Нетерплячий відвідувач може не захотіти читати всю інформацію, а отримати адреса магазину відразу. Для реалізації його бажання слово «магазин» треба зробити за допомогою тега A анкорной посиланням, а біля адреси в коді сторінки поставити «анкор» (якір).
Реалізується це так:
- В атрибути тега, який укладено адреса магазину пишете його “ім’я”: name=”address1″.
- Те слово, з якого ви плануєте відправити відвідувача адресою робиться посиланням, має особливий адреса: href=”#address1″.
Звичайно ж, слово «магазин» треба засобами CSS виділити – кольором, розміром шрифту або його типом.
З допомогою безанкорных посилань можна реалізувати швидкий перехід до початку сторінки, щоб не змушувати відвідувача користуватися смугою прокручування. Посилання може бути зроблена не тільки текст, але і картинкою, якщо укласти тег img всередині тега A
Безанкорная або гіперпосилання
Нерідко відвідувача сайту для отримання додаткової інформації треба відправити на іншу сторінку або навіть на сторонній ресурс. Змусити його набрати в адресному рядку браузера повну сточки починаючи з http:// – значить напевно втратити відвідувача. Тому в тексті сторінки вибирається слово, що підходить за змістом для початку переходу. Наприклад: «детальну інформацію ви можете знайти Тут». Слово, відповідне для переходу, робиться посиланням і виділяється засобами CSS.
Реалізується безанкорная посилання все тим же тегом А, але в адресі href пишеться або повний, що починається з http:// або відносний (скорочений) www.адрес ресурса.ги/имя файлу.
При влаштуванні всередині тексту, гіперпосилань варто звертати увагу на такий атрибут тега як target. Якщо його не вказати, то браузер за замовчуванням відкриє наступну сторінку в тому ж вікні і відвідувач сайту для вас буде втрачено. Тому завжди вказуйте посилання мета – target=”_blank”. У цьому випадку у відвідувача лише додасться ще одна відкрита в браузері вкладка, і він завжди зможе повернутися до вас «в один клік».