HTML Посилання

Посилання є важливою частиною документа HTML. Вони пов'язують веб-сторінки, що дозволяє користувачам швидко переходити за посиланнями та отримувати необхідну інформацію.

Посилання HTML документами називаються гіпертекстовими посиланнями, або гіперпосиланнями. Для їх вставки використовують елемент. Як посилання можна використовувати як текст, і зображення.

За промовчанням HTML посилання відображаються як підкреслений текст синього кольору. При наведенні курсору миші на посилання вона стає червоною. Посилання, якими вже клацали (відвідані посилання), стають фіолетовими.

• не відвідані посилання: підкреслений текст синього кольору
• відвідувані посилання: підкреслений текст фіолетового кольору
• активні посилання: підкреслений текст червоного кольору

Змінити колір посилань та прибрати підкреслення можна за допомогою CSS стилів.

Синтаксис

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

a href="url">текст посиланняa>.

приклад

html>
html>
head>
title>Заголовок вікна веб-сторінки title> head>
body>
h2>Приклад посилання h2>
a
href="https://ua.w3docs.com/">W3Docs.com a> body> html>

Результат

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

Атрибут target

Для того, щоб посилання відкривалося у новому вікні, необхідно додати атрибут target , значенням якого є"_blank" .

Не забудьте додавати слєш (/) до посилання.

Атрибут ID

Атрибут id використовується для створення унікального ідентифікатора частини документа, щоб до нього можна було звертатися.

Для того, щоб перенаправити користувача на певну частину тексту на тій самій веб-сторінці, необхідно:

1. Створити унікальний ідентифікатор цієї частини тексту. Ідентифікатор може бути слово або фраза (якщо ви використовуєте фразу, між словами не повинно бути пробілу, можна використовувати нижнє підкреслення).
   приклад. Тут знаходиться частина тексту з унікальним ідентифікатором приклад, куди користувач буде перенаправлений після натискання на посилання.

1. Створити гіперпосилання із зазначенням id, якому передує символ ґрат #.
   приклад. Коли ми клацнемо на це посилання, ми будемо перенаправлені на частину тексту з унікальним ідентифікатором “приклад”

Тепер давайте подивимося, як це виглядає у коді HTML.

приклад

html>
html>
head>
title>Заголовок вікна веб-сторінки title> head>
body>
h2>Приклад посилання з атрибутом id h2>
a
id="приклад">Тут знаходиться частина тексту з унікальним ідентифікатором приклад, куди користувач буде перенаправлений після натискання на посилання a>
a
href="#приклад">Коли ми клацнемо на це посилання, ми будемо перенаправлені на частину тексту з унікальним ідентифікатором “приклад” a> body> html>

Результат

Як додати гіперпосилання до зображення

1. src - джерело зображення
2. alt - альтернативний текст
3. width - ширина зображення
4. height - висота зображення

приклад

html>
html>
head>
title>Заголовок вікна веб-сторінки title> head>
body>
a
href="https://ua.w3docs.com/">
img
src="/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png"
width="190"
height="45"
alt="logo" /> a> body> html>

Результат

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

Про HTML зображення ми поговоримо докладніше у наступному розділі.

Практикуйте свої знання

HTML - це гіпертекстові посилання, які можуть вести на іншу веб-сторінку або інший розділ сторінки.

HTML посилання можуть відкривати нову вкладку браузера або поштову програму для надсилання електронного листа.

Як створити гіперпосилання (А, Href, Target blank), як відкривати її в новому вікні на сайті, а також зробити картинку посиланням у Html коді

Доброго дня, шановні читачі блогу KtoNaNovenkogo.ru. Сьогодні я хочу детальніше поговорити про те, що таке гіперпосилання в мові Html, як можна розміщувати їх у тексті на сайті, як зробити посиланням картинку, як правильно використовувати тег «A» та його атрибути «Href» та «Target blank» (відкрити в новому вікні).

Взагалі гіперпосилання є ключовим елементом мови гіпертекстової розмітки. Крім того, посилання зараз є одним із трьох основних факторів, що впливають на успішне просування сайту. Правильне їх застосування та розуміння того, наприклад, як впливає атрибут rel зі значенням nofollow на їх облік пошуковими системами, може суттєво вплинути на відвідуваність вашого ресурсу.

P.S. Як би я не хотів, але всього необхідного в одну (або навіть кілька публікацій) не впихнеш (а диявол, як кажуть, у деталях). Загалом, є варіант пройти онлайн-навчання за темоюЯк створити сайт самостійно від TexTerra“. Все ж таки, за 20 годин розповісти можна, напевно, все. Але це платно, звісно ж.

Що таке гіперпосилання та якір (anchor)

Отже, ми з вами вже встигли познайомилися із застарілими та не рекомендованими для повсякденного використання тегами Font, Pre та Blockquote. Продовжимо подальше знайомство.

Для того, щоб зробити гіперпосилання в Html коді, нам теж знадобиться використовувати тег A. Для нього можна буде використовувати різні атрибути, що задають, наприклад, URL-адресу мети переміщення за цим посиланням (href) або ж розкриває її в новому вікні (target= _blank). Але поговоримо про все по порядку.

Як ми вже згадали трохи вище, гіперпосилання є ключовим елементом мови Html і дозволяють посилатися як на внутрішні сторінки свого ж сайту, так і на інші ресурси інтернету. Скажу банальність - перехід за посиланням здійснюється за допомогою клацання миші по ній (а як ви думали?).

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

І тут вони видно на сторінці, т.к. прописуються в області Head вихідного коду документа, вміст якої на сторінці не відображається (про структуру коду мови гіпертекстової розмітки я згадував у статті про директиви коментарів та Доктайп).

Службові гіперпосилання створюються не за допомогою тега „A“ (як звичайні), а за допомогою тега „Link“. Завдань, ними виконуваних, досить багато, наприклад, за допомогою них до документа Html підключаються зовнішні файли з таблицями каскадних стилів CSS або, наприклад, підключається іконка Фавікон.

Але сьогодні розглядати те, як можна їх створювати, ми не будемо (до них ще дійде час), а докладно зупинимося на видимих ​​посиланнях, які можна створити всередині області Body і, відповідно, вони відображатимуться на веб-сторінці.

Однак у всіх гіперпосилань (і видимих, і службових) є одне спільне — всі вони мають у своєму складі обов'язковий атрибут Href. У ньому, як його значення, прописується певне місце в документі (якщо воно було заздалегідь позначено якорем) або адресу самого документа в інтернеті (в Href прописується URL адреса або, іншими словами, шлях до сторінки або якого-небудь іншого файлу) .

Гіперпосилання є елементами навігації, які покликані вас переносити на інші документи в мережі, або здійснювати переміщення по вмісту веб-сторінки, що вже проглядається вами, за допомогою заздалегідь зроблених у тілі документа міток, які називаються ще Html якорями (Anchor).

Тут може з'явитися деяка плутанина, т.к. у SEO під словом „анкор“ розуміють текст посилання, але у мові Html під „anchor“ мають на увазі саме якір (переклад слова anchor) або ж мітку в тексті, на яку потім можна буде послатися.

Навіщо в Html використовуються якорі (anchor)? Це досить зручно при створенні навігації досить довгою web-сторінкою. Напевно, ви зустрічали в мережі, коли на відкритій сторінці відразу під її заголовком наведені назви розділів статті, опублікованої на цій сторінці.

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

Як створюються якорі та хеш посилання

Отже, наше завдання в цьому випадку полягатиме в установці в потрібних місцях сторінки (документу) якорів, які будуть виглядати так:

Тобто. для того, щоб зробити anchor, потрібно в порожній тег гіперпосилання „А“ прописати єдиний атрибут „Name“, як значення якого використовувати унікальну мітку, яка не повинна містити пробілів і в якій можна використовувати символи латиниці, цифри, дефіс та підкреслення (у повної аналогії з правилами, якими можна створювати Урли — [0-9],[a-z],[A-Z],[_],[-]).

При цьому якір не буде видно на самій сторінці, т.к. всередині елементів „A“ ми не прописали жодного тексту. Однак, створені таким чином anchor будуть забруднювати Html код, і тому зараз набагато частіше ніж якір використовують інший спосіб створення мітки.

У цьому випадку не потрібно створювати порожній тег „А“, а можна використовувати будь-який з наявних у потрібному місці тексту елемент. Наприклад, це можуть бути теги заголовків H1-H6 або абзаців P.

Тобто. для створення аналога якоря достатньо прописати до будь-якого тегу універсальний атрибут ID (його можна буде використовувати для всіх тегів, і на його основі, до речі, працюють селектори Id у CSS коді), наприклад:

Так, тепер замість створення потрібної кількості anchor, які забруднюють код і були на даний момент не валідними (не рекомендованими консорціумом W3C, який і розробляє мову Html), ми просто додає Id.

Нам потрібно буде зрозуміти, як зробити посилання на будь-якій з цих якорів (не важливо яким чином створених).

Виявляється, що для цього потрібно буде, як завжди, всередині гіперпосилання „А“ вставити обов'язковий атрибут „Href“, але значення якого формуватиметься з імені потрібної мітки (якоря) із попереднім його знаком решітки „#“, яка ще має назву хеш (звідси, до речі, і ростуть ноги у найчастіше використовуваної назви: хеш посилання):

Зверніть увагу, що при переході за таким гіперпосиланням, відкриття нового документа не відбудеться. Браузер прокрутить вже відкриту сторінку до такого положення, щоб місце в тексті, куди ви вставили anchor, зайняло позицію у верхній частині екрана. Логічно було б припустити, що значення всіх міток (якорів) на одній сторінці має бути унікальним, щоб уникнути непоняток для браузера.

Якщо ви робите якір за допомогою атрибута ID в зручно розташованому для цього тегу, то потрібно враховувати, що крім обмеження типу використовуваних символів ([0-9],[a-z],[A-Z],[_],[-]), значення ID обов'язково має починатися з символу латинської літери.

Потім можуть розташовуватися всі допустимі символи у будь-якій кількості, але першим символом мітки якоря у значенні атрибута ID обов'язково має бути буква (латинська, звичайно). В іншому випадку такий якір, вставлений в Html код, не працюватиме (у більшості браузерів).

Якщо ви не пропишіть після символу решітки „#“ жодної назви мітки якоря (href=»#"), то таке гіперпосилання прокрутити сторінку на початок. Саме так можна буде створити найпростішу кнопку «Наверх», зробивши посилання з картинки (поговоримо про це трохи нижче) та вставивши її у шаблоні свого сайту, наприклад:

Href - обов'язковий атрибут тега будь-якого гіперпосилання

Тепер перейдемо від навігації всередині документа (за допомогою якорів) до зовнішньої навігації, тобто. нам потрібно буде зробити посилання, що ведуть на інші документи нашого або іншого сайту. Тепер в атрибуті Href нам потрібно прописувати вже не мітки якорів, а шлях до файлу, що відкривається (сторінка за своїм задумом є файлом, що підвантажується в браузер для подальшого відображення).

Тут далі мова має піти про абсолютні й відносні посилання, але я про них уже більш ніж докладно писав у згаданому матеріалі, тому повторюватися, напевно, не має сенсу. Але знати, як можна задати шлях до файлу в атрибуті Href зробленого вами гіперпосилання, потрібно обов'язково. Тому не застосовуйте ознайомитися з наведеним матеріалом.

Однак, нагадаю, при створенні Урлов краще використовувати тільки наступні символи: ([0-9],[a-z],[A-Z],[_],[-]) і не використовувати пробіли. Якщо ми розглядаємо вміст атрибуту Href для абсолютних посилань, то схематично це можна буде так:

Якщо відкинути те, що ви рідко будете використовувати, то можна уявити те саме в дещо спрощеному вигляді:

протокол(зазвичай http)://доменне_ім'я (наприклад, ktonanovenkogo.ru)/шлях_до_файлу (web сторінки)

Крім простого протоколу http на просторах інтернету, ви можете зустріти посилання з протоколом https, який відрізняється тим, що в ньому застосовується шифрування. Останній застосовується на сайтах, де є необхідність захистити канал обміну даними між сервером та браузером клієнта. Наприклад, він використовується на сервісах електронних грошей Веб Мані.

В інтернеті ви можете зустріти різні варіанти вмісту Href, наприклад, такий:

https://ktonanovenkogo.ru/videokursy

Або такий (з розширенням для файлу):

https://ktonanovenkogo.ru/seo/kak-raskrutit-sajt.html

Сутності це не змінює, а от якщо в кінці вмісту атрибуту Href всередині гіперпосилання стоятиме слеш, то це означає, що звернення йде вже не до файлу, а до папки, в якій шукатиметься відповідний індексний об'єкт (докладніше про це читайте у статті по url адреси згаданої вище).

Так само можна зробити посилання для скачування файлу:

Як бачите, це гіперпосилання нічим не відрізняється від звичайного, просто браузер розуміє, що файл з розширенням zip йому потрібно саме завантажити, а не намагатися відкрити для перегляду, як, наприклад, файли документа з розширенням html. Хоча ви все це можете налаштувати суто індивідуально у своєму браузері під свої особисті потреби.

Створити посилання для завантаження файлу за протоколом Ftp (тут можете почитати що таке Ftp) можна за аналогією, замінивши тільки тип проштовхала на самому початку вмісту атрибуту Href:

Можна ще, наприклад, створити гіперпосилання з псевдопротоколом Mailto (поштовий), додавши у Href відповідний Url:

При переході за таким посиланням у вас на комп'ютері відкриється поштова програма (в браузері можна налаштувати, щоб лінки з mailto в Href відкривалися в Gmail, в поштовому сервісі Яндекса та ін.) і з'явиться діалог створення нового листа, в якому в поле «Кому» буде вставлено наведену в Href поштову адресу.

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

Та й взагалі, вебмайстри останнім часом практично перестали використовувати гіперпосилання з mailto в Href через те, що їх паряться спамери з усіма наслідками, що випливають. Краще створити на сайті простеньку форму зворотного зв'язку, хоча у мене все як і раніше представлено в класичному вигляді на сторінці з контактами. Треба б поміняти в дозвіллі (або не треба. подумаю).

Як відкрити посилання у новому вікні (target blank)

При створенні посилань у коді Html перед нами часто постає питання — в якому вікні браузера відкривати той документ, на який вона веде? За замовчуванням він відкриватиметься у вже наявному вікні, перекриваючи собою ту сторінку, з якою було проставлено це гіперпосилання.

Особисто я великий прихильник атрибута Target зі значенням blank, який дозволяє відкривати сторінку в новому вікні, залишаючи відкритою і той документ, де було проставлено це посилання. Не знаю, як це впливає на юзабіліті мого блогу, але мені цей варіант подобається більше, і я його використовую практично у всіх випадках.

У пошукових системах мені теж подобається налаштовувати відкривання посилань у новому вікніщоб видача завжди була під рукою і завжди можна було б у неї повернутися. Для цих цілей, як уже згадав, Html використовується спеціальний атрибут Target, який за замовчуванням має значення Self:

Хоча, звичайно ж, target="_self" у тезі "A" ніхто не прописує, бо це значення використовується за умовчанням, а ось якщо потрібно відкрити сторінку в новому вікні, то потрібно буде прописати:

Зверніть увагу, що значення атрибуту Target пишуться зі знаком підкреслення спочатку (_blank), тому що так обумовлено у валідаторе Wc3, що містить нори мови гіпертекстової розмітки.Що примітно, у Html передбачена можливість змінити варіант відкриття посилання, прийнятий за умовчанням.

Наприклад, якщо ви захочете, щоб усі гіперпосилання вашого сайту відкривалися в новому вікні, то потрібно буде в області Head, використовуваного вами шаблону, прописати тег Base з атрибутом:

І тепер, якщо якесь із посилань ви захочете відкривати в цьому ж вікні, то в її тег «A» вам уже потрібно буде додати target="_self", бо за замовчуванням зараз у вас тепер використовується _blank. О, як.

До речі, елемент Base я використовував описаним вище способом, але й укладав область коду з декількома гіперпосиланнями, які потрібно було відкрити в новому вікні. Тобто. я використав ще й закриваючий тег Base усередині області Body, та все працювало. Хоча такий код, звичайно, виходить не валідним.

Кольори гіперпосилань при наведенні та переході - як їх поміняти

У мові Html було так задумано, щоб користувачеві легко було орієнтуватися в тому, яке посилання він вже відкривав, а яке ще залишилося недоторканим.

Для цієї мети використовується колір, який буде змінюватися в тому випадку, коли користувач клацне гіперпосилання і підвішений на неї документ успішно відкриється. Повернувшись назад на вихідну сторінку, користувач виявить, що відвідане ним посилання змінило колір. Такий фокус вміють робити всі браузери.

За промовчанням, у чистому Html (без використання властивостей CSS) посилання виділяються підкресленням і можуть мати три варіанти кольору:

1. Синій - колір для невідпрацьованих посилань, за якими користувач ще не клацав
2. Червоний - його приймає гіперпосилання відразу після клацання по ній і доти, поки запитаний документ не буде завантажений в браузер користувача по мережі (в сучасних умовах вловити цей момент буває зовсім не просто і у всьому вина швидкість інтернету, що повсюдно зросла).
3. Пурпуровий — колір для відпрацьованих лінків, якими вже пройшовся користувач

У Html 4.01 ці кольори для посилань прийняті за умовчанням, але їх можна змінити за допомогою спеціальних атрибутів, які прописуються в тег Body, який ви зможете знайти в одному з файлів шаблону, який ви використовуєте. Для зміни всіх трьох кольорів використовуються, відповідно, три атрибути:

1. Link — задається колір невідвіданого посилання
2. Alink - колір активної в даний момент, яка відпрацьовується браузером
3. Vlink — колір вже відвіданого користувачем гіперпосилання

Пам'ятайте, я вже писав про те, як задаються кольори в коді. Відповідно до цього згадані атрибути можуть виглядати так:

Природно, що тут мав на увазі варіант чистого Html, коли з яких-небудь причин не зручно або неможливо використовувати стильове оформлення, інакше всі ці кольори можна буде легко задати і змінити за допомогою CSS якості Color.

Як зробити картинку посиланням - два способи

Ну, тут все просто. Т.к. Тег вставки картинки (img) є малим елементом, то за великим рахунком будь-яке зображення можна вважати просто буквою, хіба що тільки більшого розміру.

Вам достатньо буде замість тексту посилання (анкору) вставити тег img, в результаті чого вся область картинки на сторінці стане клікабельною, і при натисканні на ній мишею відбудеться перехід за вказаною в коді гіперпосиланням. Наприклад так:

У разі чистого Html навколо картинки, яку ви зробили посиланням, у вас з'явиться рамочка шириною в три пікселі. Причому колір цієї рамочки повністю відповідатиме кольорам посилань прийнятим для вашого сайту (про них ми говорили трохи вище за текстом).

Щоб видалити додавання рамочки до картинки, яку ви зробили гіперпосиланням, потрібно додати атрибут Border зі значенням нуль в тег Img:

Це дуже простий спосіб зробити картинку посиланням, але є і складніший варіант, званий картою зображень. У цьому випадку, завдяки використанню досить великого числа Html тегів і атрибутів, можна зробити з однієї картинки цілу карту посилань з активними областями (клікабельними і різними формами — прямокутник, коло, багатокутник).

Наприклад, ви можете розмістити велике фото у себе на сторінці і зробити так, щоб при натисканні по різних його частинах відкривалися б різні сторінки за різними гіперпосиланнями. Насправді, описувати карту зображень досить довго, та й навряд чи хтось у сучасній верстці сайтів її використовуватиме, тому я цього робити не буду, бо «вчинка вичинки не варта».

Успіхів вам! До швидких зустрічей на сторінках блоґу KtoNaNovenkogo.ru

Коментарі та відгуки (37)

Класна стаття! До речі, вітаю вас Дмитро з підвищенням ТІЦ до 110.

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

Так як я тільки недавно почав просування через картинки — зробити окремо картинку посиланням — це зараз для мене актуальна тема. правда, в скриптах я ще не дуже.

Інформативна стаття, дещо дізнався про новий). До речі, вітаю з таким добрим зростанням ТІЦ аж на 50 пунктів)). ТИЦ тільки безкоштовними способами піднімали або далася взнаки покупка посилань в GGL?

Alex: дякую. Напевно, GGL, бо почав з ним працювати на початку травня і думаю, що зараз, якраз, настав час випливати результатам потихеньку.

Дуже повчальна стаття, хоч і все знав, але такі статті корисні як новачкам, адже вони ще вчаться; і вже бувалим SEO'шникам, адже завжди корисно згадувати про потрібне.

Гарна стаття! Більше таких корисних статей.

У мене сайт на вордпрес, і за замовчуванням картинки якщо розміщуєш, відкриваються в новому вікні.

При описі картинки щоб поставити галочку відкривати картинку в новому вікні - треба щоразу відкривати нове віконце.

Хотів би раз прописати і налаштувати вордпрес щоб за замовчуванням картинки відкривалися на тому самому вікні — а в новому.

Наприклад, якщо ви захочете, щоб усі гіперпосилання вашого сайту відкривалися в новому вікні, то вам потрібно буде в області Head, який ви використовуєте шаблону, прописати Html тег Base з атрибутом target="_blank":

Хотів уточнити - а це в стилях CSS шукати треба цю область Head?

Знайшовши Head, вставити в ту область код.

І навіщо між кодом прописувати слово та яке треба? Ти написав ЩО ТО ТАМ ЩЕ.

Має бути якийсь текст? А яке саме прописати незрозуміло. За що він відповідає, чи де буде виводиться?

Вибач за дурні запитання.

Однією з ваших статей, яка присвячена Яндекс Каталогу та Дмозу, ви вказали, що Дмоз ставитися до Google, це не так, достатньо набрати у Вікіпедії та побачити, що Дмоз-міжнародний трастовий каталог, який належить AOL.Тому попрошу, щоб Ви Дмитро виправили і не вводили в оману вебмастерів-початківців.І прошу на знак подяки опублікувати мій сайт blogostar.com

Стаття дуже гарна. Мені подобається, що чимало корисної інформації виклвадує.

Здрастуйте, Дмитре! Дякую Вам за Вашу роботу. Вас порекомендував Володимир Бєляєв. Я зайшла на сайт — і тепер усі сторінки роздрукую, візьму з собою в дорогу, читатиму на пляжі, вивчатиму. ДЯКУЮ! УСПІХІВ!

Статті супер, часто допомагають підправляти всякі «корявості» свого блогу, спасибі.

Дмитре, скажіть, будь ласка, якщо ставити хеш-посилання, наприклад, з одного місця на сторінці в інше або та ж кнопка Вгору, то при переході відкриється та сама сторінка, але за іншою адресою. Адже пошукові системи вважатимуть це дублем. Як у такому разі вчинити?

Ернест, Ельвіра та Сергій: дякую за відгуки.

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

Дякую, Дмитре! Тег Canonical у плагіні включений, користуюся скриптом, але ще в хеш-посиланнях прописую nofollow. Чи це зайве з огляду на те, що посилання внутрішні?

Олег: швидше за все зайве, але знову ж таки я не експерт.

Дмитре, не скромничайте. Мені б бути таким не експертом. Ваш блог для мене як підручник.Звик довіряти тим, хто на практиці, а не в теорії, показує результат.

Nofollow приберу, тим більше, що читав інтерв'ю у Шакіна, де співробітник Ґуґла казав, що внутрішні посилання закривати не варто.

Підкажіть, будь ласка, як у joomla зробити так, щоб при натисканні на посилання для завантаження файлу користувачеві повідомлялося, що він повинен зареєструватися?

Не розумію, навіщо потрібно робити кнопку «верх», якщо можна на сторінці натиснути коліщатко миші, з'являється кнопочка і кермо куди хочеш: вліво - вправо, вниз - вгору.

Дмитре! Якщо можна, дайте відповідь будь ласка на 2 питання:

Якщо після ключового слова в тексті поставлено розділовий знак без пробілу, а в метах після нього немає розділового знаку робот ідентифікує їх?

Я на своєму сайті використовую функцію вирівнювання тексту з обох боків. Виходять великі прогалини між словами. Як ви вважаєте, чи варто нею користуватися? Деякі члени групи, в якій ми разом освоюємо SEO, не дуже добре ставляться до цього. Ваша думка для мене була б важливою, тому що Вас тут знають і часто на Вас посилаються. На коментарі я передплатила.

Проблема ось у чому - при натисканні на хеш-посиланні ЗАВЖДИ відкривається нове вікно, навіть якщо прописано target = "_self". Б'юся про монітор (( Як це лікується?).

Дякую! Гарна стаття, респект у майбутньому

Дякую за статтю. Але таке питання. Чи можливо зробити гіперпосилання на певний елемент, наприклад, у центрі, іншої сторінки?

Дякую, Дмитре! Дуже корисний та актуальний пост

Дмитре, підкажіть, де подивитися у Ваших статтях, як поставити якір у Joomla з використанням текстового редактора.

Привіт! Підкажіть, як прописати посилання, щоб воно вело не просто на іншу сторінку сайту, а й до потрібної мітки (якоря) посередині контенту. Щоб людина, перейшовши за посиланням, не прокручувала всю сторінку, а одразу потрапляла на початок потрібного абзацу. Дякую!

Sorokin Vladimir: ось так #giperssylka-1

Значить, якщо є мітка на сторінці

перекине на місце, позначене якорем усередині сторінки, а посилання

перекине до позначки на іншій сторінці. Чи не так?

Все, розібрався, трохи не так, як я написав, але все заробило. Ще раз дякую!

Дмитре, привіт! Вибачте, але атрибут target="_blank" відкриває посилання в новій ВКЛАДЦІ. А чи є подібний html-атрибут, що відкриває посилання в новому ВІКНЕ, що розкривається при натисканні на посилання десь посередині існуючої вкладки (сторінки сайту)?

Ну, такого атрибуту немає, але зробити це можна - http://web-first-step.ru/publ/script/vsplyvajushhee_okno/20-1-0-36

Дякую, Дмитре! Я також подібний скрипт використовую. Сподівалася просто, раптом у html щось подібне можна реалізувати. Начебто десь зустрічала, але ось де… Рішення таке витончене було. Мабуть, наснилося.:)

Успіхів та подальших успіхів та розвитку і Вам особисто, і Вашому проекту!

Інга: дякую і Вам теж удачі та успіхів!

Здрастуйте. Може й не по темі, але все ж таки. У вас кожне посилання, куди б не клацнуло, відкривається в новій вкладці. Багато суперечок на тему внутрішніх посилань, більшість схиляється, що не можна внутрішні лінки відкривати в новій вкладці, мовляв, це дуже дратує, а інші.

Мені цікаво, чи це дає щось з точки зору Seo, виходячи з вашої практики?

Я також за те, щоб посилання на сторінці сайту відкривалися в новому вікні.Однак, нещодавно почула думку про те, що внутрішні посилання повинні відкриватися в тому ж вікні, інакше це негативно позначається на SEO.

А ви як вважаєте, це справді погано позначається на SEO чи ні?

Здрастуйте, Дмитре. Як ви вважаєте, якщо я відкриватиму всі внутрішні посилання на своєму сайті в новій вкладці через таргет бланк, чи не піде за це песимізація (фільтри) у пошукових системах?

Сашко: я так роблю. Щоправда, фільтри та песимізації траплялися, але, як на мене, там були інші причини.

Ваш коментар або відгук