Навіщо на сайті якоря
Якір на сайті - це умовна позначка на його сторінці
Призначення якоря на сайті
Якоря на сайті - це умовні позначки на його сторінках, які мають тільки одне призначення - намітити і позначити умовні місця або кордону для майбутніх дій, подій або сценарій. Іншими словами, якщо десь на поле веб-сторінки встановлений якір, то в цьому місці - має щось статися або відбутися.
З найвідоміших подій і пригод на сайті, для яких можуть знадобитися якоря - це відпрацювання CSS-коду і Java-сценаріїв, а також автоматичне перегортання (скролінг) браузером веб-сторінки. Про останній події і піде мова в цій статті.
Навіщо на сайті якоря
Так уже влаштовані всі веб-браузери в усьому світі, що абсолютно будь-який веб-документ вони відкривають, як нову книгу - виключно! і тільки! зі свого початку. Далі, кожен користувач веб-ресурсу повинен сам гортати і «скролл» свою інтернет-сторінку. Відбувається таке перегортання за допомогою нехитрих пристосувань - клавіш, коліщатка мишки, спеціальних бічних кнопок або простого і банального ерзанья пальцем по екрану (за умови звичайно, що цей екран сенсорний).
При послідовному читанні матеріалу, просте переміщення по полю веб-сторінки рідко коли викликає утруднення. Однак, якщо користувачеві потрібно пропустити ділянку незнайомого або непотрібного йому тексту то, майже завжди - таке перегортання і прокручування сторінки забирає час і жахливо нервує. Особливо, це помітно при цільовому перенаправлення користувача в іншу тему, розташовану на іншій сторінці і, тим більше - на іншому сайті.
Теорія якірного справи
При цьому, атрибут «href» служить для створення параметрів посилання і задає шлях (url), за яким відправиться браузер після кліка, зробленого по створеної посиланням. У свою чергу, атрибути «name» і «id» створюють ідентифікатори для завершення цього шляху в межах веб-сторінки, за якими браузер, власне і знаходить «заякоренних текст» і які, по суті своїй і є якорями - головною темою для цієї статті .
Загальний вигляд конструкції коду посилання виглядає так:
текст посилання
в той час, коли код якоря має вигляд
текст якоря, або
Якір в HTML - як це працює
Якір - він якір і є.
Вже одне тільки слово «якір» говорить про фіксацію чого-небудь.
У розмітці HTML, якір використовується для фіксації місця після відкривання веб-сторінки. В цьому і проявляється головне призначення якоря в HTML - вказати, намітити, «заякорити» точку на поле веб-сторінки для подальшого переходу до неї браузера користувача після відриття веб-сторінки. У завдання якоря входить продовження і доповнення дії звичайного посилання після відкривання веб-сторінки. При переході по посиланню з якорем, браузер не просто відкриє веб-сторінку, а буде прокручувати і перегортати її до місця установки якоря. Якщо, звичайно цей якір був попередньо встановлений.
Технічно, такий ефект вертикального прокручування (скролінгу) при відкриванні веб-документа забезпечується браузером після обробки ним службового символу «#» - решітки (без лапок). Перебуваючи в тексті посилання, цей символ (#) ділить її на дві частини, які будуть оброблені браузером послідовно і незалежно один від одного.
Як бачимо, службовий символ #. встановлений після закінчення .html ділить посилання на дві частини, які і будуть оброблені окремо один від одного. При цьому відбудеться наступне:
І це важливо для SEO - пошукової оптимізації сайту
Якоря і SEO (пошукова оптимізація)
Наявність якорів в тексті - дуже актуально для великих статей і підвищує загальний ранжування тексту сторінки у пошукачів, для яких, наявність якорів на сторінці - це один ознак, що відрізняють її від "онучі" (тексту без форматування).
Перехід за посиланням на якір фіксується багатьма стежать (спостерігають) системами, як поведінковий фактор. Адже такий перехід - це цільове спрямування користувача, що полегшує його Інтернет-життя. Стало бути, такий підхід до розмітки html-документа підвищує юзабіліті (зручність використання) ресурсу, бо швидкість навігації по ньому зростає в рази.
- Якщо якорів на сторінці багато, то їх можна просто нумерувати, придумавши ім'я по темі статті. Наприклад, razdel1, razdel2, razdel3, і т.д.
- Дуже часто якір роблять невидимим і «АНКОР ЯКОРЯ» просто не вказують. В цьому випадку, анкор майже будь-якого посилання на такий якір буде «в масть» для пошукового просування сторінки.
- Якщо якір видимий і «АНКОР ЯКОРЯ» вказано, то з точки зору SEO-оптимізації, анкор (видимі частини тексту) якоря і посилання на нього повинні, якщо не збігатися, то хоча-б бути близькими за змістом.
Якоря і верстальники
Верстальники дуже часто використовують в своїй роботі якоря. При чому, верстальники неймовірно люблять локальні якоря - якоря в межах домену. Такими якорями робиться верстка простих менюшек. Перевага - збільшенні швидкості навігації і можливість робота в НЕ Мережі.
Обмеження на кількість якорів
Не останнім питанням при установці якорів на сторінці, йде справа з їх предельниі кількістю. Є-ли взагалі будь-які обмеження на кількість якорів, розташованих на одній веб-сторінці?
Відповідь, більш ніж простий - обмеження на кількість якорів немає і бути не може. Пошуковики відносять якоря до звичайних елементів управління (як кнопки), на кількість яких обмеження накладає тільки здоровий глузд. Тому, якорів на веб-сторінці може бути скільки завгодно. Якщо користувачеві це подобається, то він може на кожне слово або букву - встановити окремий якір.