Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:
< >
1 2 3 4 5

Метатеги і SEO. Використання мета-тега LINK

  1. властивість HREF
  2. властивість REL
  3. властивість TYPE
  4. властивість MEDIA
  5. властивість TITLE
  6. приклади

LINK -

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

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

Синтаксис тега LINK виглядає наступним чином:

<Link href = "адрес_ресурса" rel = "тіп_взаімосвязі" type = "тіп_ресурса" media = "устройство_вивода" title = "Опісаніе_ссилкі">

Властивість тега LINK "href" визначає файл, з яким буде пов'язана сторінка (сторінка, на яку робиться посилання). Властивість "rel" визначає тип зв'язку між файлом (документом) і сторінкою. "Type" визначає тип файлу, який зв'язується зі сторінкою. "Media" - тип пристрою, на якому повинна відображатися зв'язок з файлом ресурсів.

властивість HREF

Значення цього властивості може бути будь-який файл, на який посилається тег LINK. Адреса файлу задається в будь-якому доступному форматі. Це можуть бути як прямі посиланням, так і відносні.

властивість REL

Це властивість може приймати одне з наступних значень:

  • top або home - посилання на найпершу в ієрархії сайту сторінку.
  • contents або toc - посилання на файл змісту сайту.
  • index - посилання на файл, який може виконувати індексний пошук по сторінці. Індексний пошук - це пошук потрібного слова або словосполучення в межах однієї сторінки.
  • glossary - посилання на файл, який є глосарієм сторінки, і містить терміни та визначення, які згадані на сторінці. Зазвичай, веде на короткий довідник.
  • copyright - посилання на файл, в якому показані авторські права на сторінку.
  • next - посилання на наступну сторінку сайту по передбачуваному маршруту користувача.
  • previous - посилання на попередню сторінку сайту по передбачуваному маршруту користувача.
  • help - посилання на файл допомоги, в якому, скажімо, більш детально розписано описане на сторінці.
  • search - посилання на сторінку пошуку по сайту.
  • start - точка входу, з якої починається логічна структура сайту.
  • chapter - посилання на сторінку, яка є главою поточної сторінки.
  • section - посилання на сторінку, яка є головним розділом поточної сторінки.
  • subsection - посилання на сторінку, яка є головним підрозділом поточної сторінки.
  • bookmark - посилання на закладку до поточної сторінці, встановлену на іншій сторінці.
  • up або parent - посилання на сторінку, яка знаходиться вище поточної сторінки по ієрархії сайту.
  • first - посилання на сторінку, яка є першою по передбачуваному маршруту переміщення користувача по сайту.
  • last або end - посилання на сторінку, яка є останньою по передбачуваному маршруту переміщення користувача по сайту.
  • child - посилання на сторінку, яка є дочірньою по ієрархії сайту в ставленні до поточної сторінці.
  • stylesheet - посилання на файл css, в якому зранятся стильові настройки оформлення сторінки.
  • alternate - посилання на альтернативний файл поточної сторінки. Зазвичай, з такою властивістю REL посилаються на RSS-стрічки оновлень сайту. Деякі браузери (Opera, Firefox) при виявленні такого тега виводять в адресному рядку кнопку для переходу на альтернативний файл.
  • icon або shortcut icon - посилання на іконку сторінки. Іконка буде відображатися в заголовку сторінки.
  • canonical - властивість, розроблене для пошукових роботів. Це посилання на оригінал матеріалу, опублікованого на сторінці. Якщо у вас на сайті є 2 сторінки з однаковим контентом, то за допомогою цього тега можна вказати, який з контентів оригінал. Приклад однакового контенту на одному сайті: сторінка з матеріалом і сторінка оптимізована на друк.
  • chapter - посилання на сторінку, яка є окремою главою до поточної сторінці.
  • appendix - посилання на сторінку додавання контенту.

При використанні властивості rel = "icon" або rel = "shortcut icon" тега LINK іконка може бути будь-яка, але, бажано, щоб вона була розміром 16x16 пікселів і якістю 32 бітів на піксель. Можливі й анімовані ікони, але рухатися вони будуть тільки в браузері Firefox. Решта браузери будуть показувати тільки перший кадр анімації.

властивість TYPE

Це властивість определется тип файлу, на який посилається тег LINK. Значення цієї властивості задається в MIME форматі. Якщо ви підключаєте файл CSS стилів, то MIME формат буде "text / css". Якщо посилання веде на іншу сторінку сайту, то значення цієї властивості "text / html" або "text / xml", якщо на іконку, то "image / x-icon", якщо на rss-стрічку, то "application / rss + xml ". Це основні і найбільш використовувані MIME-типи.

властивість MEDIA

Це властивість визначає, на якому пристрої буде відображатися дію файлу, на який посилається тег LINK. Це властивість може набувати таких значень:

  • all - усі пристрої.
  • screen - екран монітора.
  • print - пристрій друку. Зазвичай - принтер.
  • projection - проектор.
  • braille - пристрої, призначені для читання сліпими, на основі системи Брайля.
  • speech - пристрої мовного виведення. Зазвичай - синтезатори мови або мовні браузери.

Зазвичай, для файлів стилів застосовується MIME-тип "screen".

властивість TITLE

Це властивість описує файл, на який посилається тег LINK. Властивість є необов'язковим і використовується, в основному, для короткого опису або змісту RSS-стрічок.

приклади

Пропоную кілька поширених прикладів, що використовують тег LINK.

Підключення зовнішнього CSS файлу стилів:

<Link href = "/ styles / mystyle.css" rel = "stylesheet" type = "text / css" media = "screen">

Підключення RSS каналу новин на сторінку:

<Link href = "http://szenprogs.ru/load/rss" rel = "alternate" type = "application / rss + xml" title = "RSS канал новин">

Підключення своєї ікони favicon проводиться двома тегами LINK. Це потрібно для підтримки тега різними браузерами:

<Link href = "/ images / icon.ico" rel = "icon" type = "image / x-icon" media = "screen"> <link href = "/ images / icon.ico" rel = "shortcut icon" type = "image / x-icon" media = "screen">

розсилання на головну сторінку сайту:

<Link href = "/" rel = "home" type = "text / html" title = "Головна сторінка">

Це лише деякі способи використання тега LINK. Ви можете використовувати його по-своєму, але в рамках описаних вище правил.


Чи знаєте Ви,

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