Все знают, что типы ссылок описывают взаимосвязь между двумя или более страницами на сайте. Определение типа ссылки полезно для SEO, так как позволяет поисковым системам лучше понимать ваш сайт. Так же они могут объяснять причину, почему эта ссылка присутствует на данной странице и дать поисковому роботу гораздо больше информации, чем вы можете подумать.

Краткий перечень типов ссылок

Тип Для чего используется
alternate альтернативный способ отображения страницы
author За ссылкой подробная информация об авторе
bookmark Постоянная ссылка
help Справка или информация помогающая с какой-то частью сайта или контента
license Ссылка на информацию об авторском праве
nofollow Ссылка, которую вы не рекомендуете. Возможно вы ее разместили их корыстных мотивов
prefetch Ресурс, который скорее всего заинтересует пользователя. Сообщает браузеру, что его можно заранее поместить в кэш
search Поиск по сайту
tag Ключевое слово или название категории сайта
next Ссылка на следующую страницу
prev Ссылка на предыдущую страницу

Как определить тип ссылки?

Для определения типа используется атрибут rel

rel=alternate
Тип alternate указывает на то, что по этой ссылкой идет альтернативный вид отображения страницы. Например, это может быть PDF версия, или версия оптимизированная для печати.

PDF версия страницы

Так же у этого типа можно задать hreflang , который указывает на то, что по этой ссылкой идет страница другой языковой версии.

English version

rel=author
Этот тип сообщает, что за ссылкой находиться подробная информация об авторе сайта или страницы.

Постоянная ссылка на страницу автора

rel=help
Ссылка данного типа ведет к контенту справочного характера. Но есть важный момент. Help-ссылка контекстно-зависимая. Браузер сопоставит эту справочную информацию с родительским контейнером, в котором была размещена эта ссылка.

Помощь по комментариям

rel=license
Этот тип может использоваться когда ссылка ведет на лицензионное соглашение основного контента данной страницы. Ссылка данного типа должна быть размещена в пределах тега main сайта. Лицензионное соглашение относится только к тому контенту, которое размещено в пределах этой секции. Оно не будет относится к тому, что например у вас в подвале.

Лицензия

rel=nofollow
Этот тип сообщает, что поисковому роботу не следует воспринимать эту ссылку как ссылку, которую рекомендует публицист

Робот, не переходи на эту страницу

rel=prefetch
Ссылки этого типа следует использовать когда вы ссылаетесь на некие внешние ресурсы, которые пользователь скорее всего откроет. Браузер закеширует заранее эту ссылку и она откроется очень быстро без всяких ожиданий.

Это обязательно нужно прочитать

rel=search
Этот тип сообщает, что ссылка ведет на интерфейс поиска

Открыть поиск на сайте

Эта страница относится к странице поиска

rel=next и rel=prev
Указывает и используется в постраничной навигации. Ссылка на следующую страницу имеет тип next , а на предыдущую – prev

  • 1 страница
  • Текущая страница
  • 3 страница

By Sean

Last updated on December 18, 2018 at 12:06 pm

There are lots of ways in the internet that you can use to search for links – or what is more widely known as link search. Link search is usually done through advanced queries in search engines or using link search tools like SEOMoz Link Finder .

Link search is never easy – and don’t believe blog entries that tell you link search is easy. It’s not. Even when you get to find a link worth having, you’ll still have to negotiate with the webmaster in order to get it.

Advanced Queries

Or what we would like to call Advanced Link Search – is a method of link search using the search engines itself. When, for example, you are selling Bed Mattresses and you go to Google.com and type in a query such as ‘Bed Mattress links’ you won’t usually find websites where you can get bed mattress links from. That’ just won’t happen.

What is an advanced query for?

Advanced queries are used to narrow down your search into something more specific. Here are some of Google’s advanced query commands:

Search Service Search Operators
Web Search allinanchor: , allintext: , allintitle: , allinurl: , cache: , define: , filetype: , id: , inanchor: , info: , intext: , intitle: , inurl: , link: , phonebook: , related: , site:
Image Search allintitle: , allinurl: , filetype: , inurl: , intitle: , site:
Groups allintext: , allintitle: ,
Directory allintext: , allintitle: , allinurl: , ext: , filetype: , intext: , intitle: , inurl:
News allintext: , allintitle: , allinurl: , intext: , intitle: , inurl: , location: , source:
Product Search allintext: , allintitle:

Some of the search operators indicated will not work if you put a space between the colon (:) and the query word.

There are so many search operators you can play with in searching for links. Note: I only included the search operators I think you can use in Link Searching.

allinanchor:

This search operator limits your Google results to pages that has all the query terms you made in the anchor text on links to the page.

For example: [ allinanchor: best bed mattress philippines ] – this advanced search query will return pages in which the anchor text on its inbound links contain the words “best”, “bed”, “mattress” and “philippines”

This is a good link search strategy when you’re looking to find other websites to extract good links from with your desired anchor text in it.

allintext:

This search operator makes sure that the words you are looking for is inside the text of the webpage. It’s kind of like the normal query except that it tries to be a bit more specific because it makes sure that the text you’re looking for is in the page.

For example: [ allintext: bite my hamburger ] will display only results that have the words “bite”, “my”, and “hamburger” in it.

You can use this if you want to find webpages with the text you want in it and perhaps request the webmaster to make those words link to your site so that you won’t have to bother searching for a website without your anchor text automatically in it.

allintitle:

This search operator limits the results to show only the pages in which your query is present in the title.

For example: [ allintitle: umbilical brothers ] will display only pages with the words “umbilical” and “brothers” in the tag of the page.</p><p>In Image Search, the search operator allintitle: will display only image files which has names that contain the terms that you queried.</p><p>In Google News, the operator <i>allintitle: </i> will display only articles with your search queries as the title of the articles.</p><p>Right now if you get a link from a webpage with a very relevant title to your topic, that is very valuable. Perhaps even more valuable than getting a link with the right anchor text.</p><p><b><i>allinurl: </i> </b></p><p>This search operator limits the results to show only the pages in which your search query is included in the URL.</p><p><b>For example: </b> [ <span><i>allinurl: </i> supersize me </span> ] will return only pages with the words “supersize” and “me” in its URL.</p><p>Finding your desired keyword in the URL of another webpage and having that webpage link to you gives that link a relevance boost. Just like how a relevant webpage title will boost its link to you.</p><p><b><i> </i> </b></p><p>This search operator will limit the results to the specified author that you are searching for. I personally think that this will be further enhanced as the AuthorRank gets implemented .</p><p><b>For example: </b> [ <span><i>SEO Sean ] – this advanced search query will show you results of webpages that contain the word “SEO” and are written by Sean Si. You can also put in double quotes such as [<i> “Sean Si </i>” ] to make your advanced search query more exact.</i></p><p>If you have an author in mind that you would want a link from, using author search would greatly help you find that author’s articles throughout the net.</p><p><b><i>cache: </i> </b></p><p>This search operator will display all the cached version of a webpage in Google’s index instead of the current version of the page.</p><p><b>For example: </b> [ <i>cache: </i>h3sean.com ] will show you Google’s cached version from their last index of God and You.</p><p><b>Heads-up: </b> Take note that this advanced search operator does not let you put any spaces between <i>cache: </i> and the URL.</p><p>looking at the Google cache, you can better see if Google has already indexed your link or not in other websites.</p><p><b><i>define: </i> </b></p><p>This search operator will display the definition of the term you have typed in.</p><p><b>For example: </b> [ <span><i>define </i>: Su</span> ] will show you the definition of the word “Supercalifragilisticexpialidocious”</p><p>You can search for links from sites that have the definition of a keyword you have and ask them if they could use you as a source or as a further reference.</p><p><b><i>ext: </i> </b></p><p>This is just the same as the <i>filetype: </i> advanced search operator.</p><p><b><i>filetype: </i> </b></p><p>This search operator will limit your search results to pages whose names end in that specific suffix.</p><p><b>For example: </b> [<span> how to belly dance <i>filetype </i>:pdf </span> ] will display Adobe Acrobat pdf files that has the words “how”, “belly”, and “dance” in it. Furthermore, you can heighten the scope of your advanced query by including another filetype of your choice – [ <span>belly dancing <i>filetype </i>:pdf OR <i>filetype </i>:doc </span> ].</p><p>Looking for a PDF filetype is said to give a better boost in authority when getting an uploaded .pdf file link. Regardless whether it’s true or not, Google does crawl and index PDF files.</p><blockquote><p>As Matt Cutts says:</p><p><i>“We absolutely do process PDF files. I am not going to talk about whether links in PDF files pass PageRank. But, a good way to think about PDFs is that they are kind of like Flash in that they aren’t a file format that’s inherent and native to the web, but they can be very useful. In the same way that we try to find useful content within a Flash file, we try to find the useful content within a PDF file. At the same time, users don’t always like being sent to a PDF. If you can make your content in a Web-Native format, such as pure HTML, that’s often a little more useful to users than just a pure PDF file.” </i></p> </blockquote><p><b><i>link: </i> </b></p><p>This search operator limits your search results to all links pointing to the search term that you entered.</p><p><b>For example: </b> [ <i>link </i>:сайт ] will show you pages that have links pointing to сайт</p><p>Of course, most of the links pointing to seo-hacker.. The way to do this is using the -site: search operator.</p><p><b>For example: </b> [ <span><i>link </i> сайт <i>-site </i>:сайт </span> ] will exclude сайт in the results while showing you all other pages linking to сайт</p><p>This is just like using Yahoo Site Explorer in a way. But this time, you get to see Google’s results of your backlinks. You can use it on your competitors to find where they are getting their backlinks from.</p><p><b><i> related: </i> </b></p><p>This search operator limits your results to pages with similar content and HTML framework as the webpage you specified.</p><p><b>For example: </b> [<span> <i>related </i>:actlikeaman.org </span> ] will show you webpages that are similar to “actlikeaman.org”</p><p>This is pretty much common sense as you search for related websites to get a link from.</p><p><b><i>site: </i> </b></p><p>This search operator limits your search to the website that you specified.</p><p><b>Note: </b> There should be no space in between the search operator “<i>site </i>: ” and the subsequent domain name.</p><p><b>For example: </b> [ <span>link building <i>site </i>:kaiserthesage.com </span> ] will show you all information about “link” “building” in kaiserthesage.com only.</p><p>Having this search operator at hand eases your link search especially if you want a link from a specific site but you need to go through its pages to find a relevant topic. Use this especially if the website doesn’t have any search bar in it.</p><p><img src='https://i2.wp.com/seohackercdn-seohacker.netdna-ssl.com/wp-content/uploads/2011/07/Link-Searching-300x300.jpg' align="center" height="300" width="300" loading=lazy></p><p>Let’s move on to search Advanced search Functionalities to help you in your link search.</p><p><i><b>Exclude terms function (-) </b> </i> </p><p>Including a minus sign before your search term indicates that you want to exclude that search term in the results. This narrows down your results to an even more specific bunch.</p><p><b>For example: </b> [ <span>transformers -avr -electrical -wiring </span> ] will search for transformers that are not related to the words “avr”, “electrical”, and “wiring”.</p><p>This is a very useful functionality as it helps you to narrow down your search to the terms that you really need. It helps limit the pages you can see – page leads where you can get a link from.</p><p><i><b>Fill in the blanks (*) </b> </i> </p><p>Including an asterisk in your search phrase indicates that you want the search engines to fill in the blanks for necessary, related words in your sentence.</p><p><b>For example: </b> [ <span>Gloria Arroyo is a * president of the Philippines </span> ] will return pages where the * can be replaced with any number of other related words such as “corrupt”, “thieving”, “useless”, etcetera – try it.</p><p>This can be easily used for vertically related articles. It can also produce ideas for you to get link leads.</p><p><b>Tips for Keeps: </b> Searching for links is just the first step. Contacting the webmaster to ask for some is the hard part. Keep these things in mind. As the saying goes, “The longest journey starts with the first step”.</p> <h2>Типы ссылок</h2> <p>Существует много типов ресурсов, на которые может ссылаться документ. Это делается с помощью ключевых слов, указанных в атрибуте отношения (<span>rel </span>). Они должны использоваться в разделе <head> как метаданные:</p> <ul><li>alternate ;</li> <li>author ;</li> <li>help ;</li> <li>icon ;</li> <li>license ;</li> <li>next ;</li> <li>prefetch ;</li> <li>prev ;</li> <li>search ;</li> <li>stylesheet .</li> </ul><p>Тег <link> в HTML размещается в <head> и <body>, хотя чаще он встречается в <head> в качестве метаданных. Тег <link> может ссылаться на традиционную гиперссылку, используемую для навигации или присоединения к документу внешних ресурсов, таких как CSS и Javascript .</p> <h3>Alternate</h3> <p>Используется для альтернативного представления HTML документа .</p> <p>В приведенном ниже примере представлены два альтернативных языка для данного документа HTML на английском — французский и испанский языки. Атрибут hreflang используется, чтобы сообщить пользовательскому агенту доступный <span>код страны по стандарту ISO 639-1 </span>:</p> <p><head> <link rel="alternate" hreflang="fr" type="text/html" href="http://www.site.com/lang/fr/html/this-doc.html"/> <link rel="alternate" hreflang="es" type="text/html" href="http://www.site.com/lang/es/html/this-doc.html"/> </head></p> <p>Еще один пример использования HTML link rel предлагает три различных текстовых документа на английском, французском и испанском языках:</p> <p><head> <link rel="alternate" hreflang="en" type="application/msword" href="http://www.site.com/lang/en/msword/this-doc.doc"/> <link rel="alternate" hreflang="fr" type="application/msword" href="http://www.site.com/lang/fr/msword/this-doc.doc"/> <link rel="alternate" hreflang="es" type="application/msword" href="http://www.site.com/lang/es/msword/this-doc.doc"/> </head></p> <h3>Author</h3> <p>Используется для получения информации об авторе. Как правило, гиперссылка ведет на страницу автора. В данном атрибуте тега может быть указан только один </p><p><head> <link rel="author" href="http://www.site.com/the-author-bio"/> </head></p> <p><head> <link rel="author" href="http://www.site1.com/the-author-bio"/> <link rel="author" href="http://www.site2.com/the-author-bio"/> <link rel="author" href="http://www.site3.com/the-author-bio"/> </head></p> <p>В завершении можно добавить метатег author :</p> <p><head> <meta name="author" content="Статья написана Joe Smith, Harry Paul, Samantha Lang"> </head></p> <h3>Help</h3> <p>Позволяет предоставить помощь посетителям страницы. Пользовательский агент, поддерживающий справку, может иметь два вида — основная вкладка для отображения документа и другая для вывода справки:</p> <p><head> <link rel="help" href="http://www.site.com/category/article-title/help.html"/> </head></p> <h3>Icon</h3> <p>Это значение HTML link rel указывает на иконку страницы. Может быть множество иконок, представляющих страницу. Используется та, которая является наиболее подходящей:</p> <p><head> <link rel="icon" type="image/png" href="http://www.site.com/icons/favicon.png"/> <link rel="icon" type="image/jpeg" href="http://www.site.com/icons/apple.jpg"/> <link rel="icon" type="image/gif" href="http://www.site.com/icons/msoft.gif" sizes="64x64"/> <link rel="icon" type="image/png" href="http://www.site.com/icons/android.png" sizes="64x64"/> </head></p> <h3>License</h3> <p><head> <link rel="license" type="text/html" href="http://www.site.com/legal/sitewide.html"/> <link rel="license" type="text/html" href="http://www.site.com/legal/item-100.html"/> </head></p> <h3>Next</h3> <p>Указывает на следующую страницу в HTML-документе . Для поисковых систем весьма полезно знать, какая страница является следующей:</p> <p><head> <link rel="next" href="http://www.site.com/article-title/2"/> </head></p> <h3>Prefetch</h3> <p>Это значение HTML link rel дает подсказку пользовательскому агенту о том, что он должен кэшировать ресурс для ускорения загрузки и обработки. Это делается, когда разработчик точно знает, что ресурсы, используемые на странице, будут запрашиваться:</p> <p><head> <link rel="prefetch" href="http://www.site.com/fonts/myfonts"/> <link rel="prefetch" href="http://www.site.com/images/mylogo.jpg"/> <link rel="prefetch" href="http://www.site.com/article-title/1"/> <link rel="prefetch" href="http://www.site.com/article-title/3"/> </head></p> <h3>Prev</h3> <p>Определяет предыдущую страницу в HTML-документе . Полезно для навигации по страницам:</p> <p><head> <link rel="prev" href="http://www.site.com/article-title/1"/> </head></p> <h3>Search</h3> <p>Определяет документ, который используется для поиска существующего документа. Как правило, это страница со специальной формой для поиска ключевых слов в документе. Для реализации рекомендуется использовать <span>спецификацию OpenSearch </span>:</p> <p><head> <link rel="search" href="http://www.site.com/search/search.html"/> </head></p> <h3>Stylesheet</h3> <p>HTML link CSS используется для импорта таблицы стилей, используемой для отображения документа. Это делается с помощью каскадных таблиц стилей (<span>CSS </span>):</p> <p><head> <link rel="stylesheet" type="text/css" href="http://www.site.com/css/styles.css"/> </head></p> <p>Перевод статьи “HTML: The Link Tag ” был подготовлен дружной командой проекта</p> <p>В большинстве современных браузеров есть специальное окно поиска, где вы можете производить поиск по различным сайтам. В список поисковых систем можно добавлять собственные ресурсы. Это делается по технологии OpenSearch , которая и описывает поисковый механизм вашего сайта. Чтобы пользователь мог добавить ваш сайт в список своих поисковых систем, вам требуется сделать всего лишь два простых действия.</p><p>Сперва надо создать файл-описание поисковой системы вашего сайта. Вот примерный шаблон такого файла:</p><ol><li> <span><? xml version = "1.0" encoding = "windows-1251" ?> </span></li> <li> <span>< OpenSearchDescription xmlns = <span>"http://a9.com/-/spec/opensearch/1.1/" </span>> </span></li> <li> <span>< ShortName > Site Name </ ShortName > </span></li> <li> <span>< Description > Site Name - Search </ Description > </span></li> <li> <span>< InputEncoding > windows - 1251 </ InputEncoding > </span></li> <li> <span>< Contact > your_mail @ domain </ Contact > </span></li> <li> <span>< Image width = "16" height = "16" > data : image / x - icon ; base64 , AAABAAEAE ... AAAA </ Image > </span></li> <li> <span>< Developer > Admin </ Developer > </span></li> <li> <span>< Url type = "text/html" method = "GET" </span></li> <li> <span> template = <span>"http://site/search?q={searchTerms}&do=action" </span>/> </span></li> <li> <span></ OpenSearchDescription > </span></li> </ol><p>Вы можете менять следующие поля: <b>ShortName </b> - краткое название сайта, не более 16 символов. <b>Description </b> - описание сайта, не более 1024 символов. <b>InputEncoding </b> - кодировка сайта. <b>Contact </b> - контактный ардес e-mail администратора сайта. <b>Developer </b> - имя или никнейм администратора сайта. <b>Url </b> - шаблон ссылки, которая формируется для обращения к странице поиска. Переменная <b>{searchTerms} </b> будет автоматически заменяться на строку, которую пользователь будет вводить в форму поиска браузера. В шаблоне она должна быть записана именно в таком виде. <b>Image </b> - иконка, которая будет отображаться рядом с названием вашего сайта. Она может быть двух типов: в виде ссылки на файл на сервере или в виде закодированных двоичных данных. Например:илиВ этом случае данные представляют собой содержимое файла иконки, сконвертированное в текстовое представление по алгоритму base64. По возможности придерживайтесь стандартного размера иконки - 16х16 пикселов. Это минимально необходимый набор параметров для файла описания. Полный их список вы можете найти в официальной спецификации OpenSearch и в руководстве по созданию поисковых плагинов для Firefox.</p><p>После того, как файл-описание вашей поисковой системы создан и размещен на сервере, надо сообщить об этом браузеру пользователя. Делается это специальным мета-тегом в заголовке страницы:Здесь <b>search.xml </b> - имя файла-описания и полный путь до него, <b>title </b> - краткий заголовок, который будет отображаться в меню добавления поисковой системы в браузере, остальные поля служебные и не должны меняться. Теперь при заходе на web-страницу с таким мета-тегом, например браузером Firefox, в окне поиска появится кнопка "плюсик". При нажатии на нее поисковая система вашего сайта будет добавлена в список поисковых систем пользователя. Firefox обрабатывает OpenSearch-файл и конвертирует его в собственный поисковый плагин.</p><p>Для личных нужд наклепал несколько поисковых плагинов для Mozilla Firefox. Это поисковики по трекерам kinozal.tv, demonoid.com, thepiratebay.org, по базе форматов файлов formats.ru, поисковики для программеров wotsit.org, php.net, msdn.com, и, конечно, проверка правописания gramota.ru. Может кому и пригодится.</p><p>Mozilla.Firefox.Searchplugins.zip (8,399 bytes)<br class="clean"></p><br> Для установки скопируйте файлы в папку \Mozilla Firefox\searchplugins и перезапустите браузер. <p><b>LINK </b> - это тег, который обеспечивает связь между страницами сайта, и связь между файлами ресурсов и сайтом. Он может быть расположен только в теле HEAD. <b>Тег LINK </b> регистро-независим. При помощи него можно связать ленту новостей со страницей сайта, можно подключить иконку страницы, подключить к странице таблицу стилей. Также можно логически вязать разные страницы сайта, если между ними есть определенная взаимосвязь. Действие <b>тега LINK </b> распространяется только на ту страницу сайта, на которой он установлен.</p> <p><b>Тег LINK </b> используют некоторые боты, для понимания структуры сайта. Также, эти теги используются некоторыми браузерами и плагинами, для удобной навигации по сайту. В частности, в браузере Opera существует панель навигации, которая берет информацию из <b>тега LINK </b>. Поэтому, если вы заботитесь о своих пользователях и удобстве навигации по сайту, то обязательно связывайте структуру сайта через <b>теги LINK </b>.</p> <p>Синтаксис <b>тега LINK </b> выглядит следующим образом:</p> <p><link href="адрес_ресурса" rel="тип_взаимосвязи" type="тип_ресурса" media="устройство_вывода" title="Описание_ссылки"></p> <p>Свойство <b>тега LINK </b> "href" определяет файл, с которым будет связана страница (страница, на которую делается ссылка). Свойство "rel" определяет тип связи между файлом (документом) и страницей. "type" определяет тип файла, который связывается со страницей. "media" - тип устройства, на котором должна отражаться связь с файлом ресурсов.</p> <h3>Свойство HREF</h3> <p>Значением этого свойства может быть любой файл, на который ссылается <b>тег LINK </b>. Адрес файла задается в любом доступном формате. Это могут быть как прямые сылки, так и относительные.</p> <h3>Свойство REL</h3> <p>Это свойство может принимать одно из следующих значений:</p> <ul><li><b>top </b> или <b>home </b> - ссылка на самую первую в иерархии сайта страницу.</li> <li><b>contents </b> или <b>toc </b> - ссылка на файл оглавления сайта.</li> <li><b>index </b> - ссылка на файл, который может выполнять индексный поиск по странице. Индексный поиск - это поиск нужного слова или словосочетания в пределах одной страницы.</li> <li><b>glossary </b> - ссылка на файл, который является глоссарием страницы, и содержит термины и определения, которые упомянуты на странице. Обычно, ведет на краткий справочник.</li> <li><b>copyright </b> - ссылка на файл, в котором показаны авторские права на страницу.</li> <li><b>next </b> - ссылка на следующую страницу сайта по предполагаемому маршруту пользователя.</li> <li><b>previous </b> - ссылка на предыдущую страницу сайта по предполагаемому маршруту пользователя.</li> <li><b>help </b> - ссылка на файл помощи, в котором, скажем, более подробно расписано описанное на странице.</li> <li><b>search </b> - ссылка на страницу поиска по сайту.</li> <li><b>start </b> - точка входа, с которой начинается логическая структура сайта.</li> <li><b>chapter </b> - ссылка на страницу, которая является главой текущей страницы.</li> <li><b>section </b> - ссылка на страницу, которая является главным разделом текущей страницы.</li> <li><b>subsection </b> - ссылка на страницу, которая является главным подразделом текущей страницы.</li> <li><b>bookmark </b> - ссылка на закладку к текущей странице, установленную на другой странице.</li> <li><b>up </b> или <b>parent </b> - ссылка на страницу, которая находится выше текущей страницы по иерархии сайта.</li> <li><b>first </b> - ссылка на страницу, которая является первой по предполагаемому маршруту перемещения пользователя по сайту.</li> <li><b>last </b> или <b>end </b> - ссылка на страницу, которая является последней по предполагаемому маршруту перемещения пользователя по сайту.</li> <li><b>child </b> - ссылка на страницу, которая является дочерней по иерархии сайта в отношении к текущей странице.</li> <li><b>stylesheet </b> - ссылка на <b>файл css </b>, в котором зранятся стилевые настройки оформления страницы.</li> <li><b>alternate </b> - ссылка на альтернативный файл текущей страницы. Обычно, с таким свойством <b>REL </b> ссылаются на <b>RSS-ленты </b> обновлений сайта. Некоторые браузеры (Opera, Firefox) при обнаружении такого тега выводят в адресной строке кнопку для перехода на альтернативный файл.</li> <li><b>icon </b> или <b>shortcut icon </b> - ссылка на иконку страницы. Иконка будет отображаться в заголовке страницы.</li> <li><b>canonical </b> - свойство, разработанное для поисковых ботов. Это ссылка на оригинал материала, опубликованного на странице. Если у вас на сайте имеются 2 страницы с одинаковым контентом, то при помощи этого тега можно указать, который из контентов оригинал. Пример одинакового контента на одном сайте: страница с материалом и страница оптимизированная на печать.</li> <li><b>chapter </b> - ссылка на страницу, которая является отдельной главой к текущей странице.</li> <li><b>appendix </b> - ссылка на страницу добавления контента.</li> </ul><p>При использовании свойства rel="icon" или rel="shortcut icon" <b>тега LINK </b> иконка может быть любая, но, желательно, чтобы она была размером 16x16 пикселей и качеством 32 битов на пиксел. Возможны и анимированные иконки, но двигаться они будут только в браузере Firefox. Остальные браузеры будут показывать только первый кадр анимации.</p> <h3>Свойство TYPE</h3> <p>Это свойство определет тип файла, на который ссылается <b>тег LINK </b>. Значение этого свойства задается в MIME формате. Если вы подключаете файл CSS стилей, то <b>MIME формат </b> будет "text/css". Если ссылка ведет на другую страницу сайта, то значение этого свойства "text/html" или "text/xml", если на иконку, то "image/x-icon", если на rss-ленту, то "application/rss+xml". Это основные и самые используемые MIME-типы.</p> <h3>Свойство MEDIA</h3> <p>Это свойство определяет, на каком устройстве будет отражаться действие файла, на кторорый ссылается <b>тег LINK </b>. Это свойство может принимать следующие значения:</p> <ul><li><b>all </b> - все устройства.</li> <li><b>screen </b> - экран монитора.</li> <li><b>print </b> - устройство печати. Обычно - принтер.</li> <li><b>projection </b> - проектор.</li> <li><b>braille </b> - устройства, предназначенные для чтения слепыми, на основе системы Брайля.</li> <li><b>speech </b> - устройства речевого вывода. Обычно - синтезаторы речи или речевые браузеры.</li> </ul><p>Обычно, для файлов стилей применяется <b>MIME-тип </b> "screen".</p> <h3>Свойство TITLE</h3> <p>Это свойство описывает файл, на который ссылается <b>тег LINK </b>. Свойство является необязательным и используется, в основном, для краткого описания или оглавления RSS-лент.</p> <h3>Примеры</h3> <p>Предлагаю несколько распространенных примеров, использующих <b>тег LINK </b>.</p> <p>Подключение внешнего CSS файла стилей:</p> <p><link href="/styles/mystyle.css" rel="stylesheet" type="text/css" media="screen"></p> <p>Подключение RSS канала новостей к странице:</p> <p><link href="http://szenprogs.ru/load/rss" rel="alternate" type="application/rss+xml" title="RSS канал новостей"></p> <p>Подключение своей иконки favicon производится двумя тегами LINK. Это нужно для поддержки тега разными браузерами:</p> <p><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"></p> <p>сылка на главную страницу сайта:</p> <p><link href="/" rel="home" type="text/html" title="Главная страница"></p> <p>Это лишь некоторые способы использования <b>тега LINK </b>. Вы можете использовать его по-своему, но в рамках описанных выше правил.</p> <p>Вы можете присоедениться к моему микроблогу в Твиттере</p> <br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> <dblock></dblock> <dblock></dblock> <dblock></dblock> <dblock></dblock> </article> </div> </div> <div id="sidebar"> <aside> <div class="inner"> <div> <div class="xyz_wrapper"> <div> </div> </div> <div> </div> </div> </div> </aside> </div> </div> </div> <script type="text/javascript" src="/assets/like.js"></script> </main> <div id="slide-menu"> <div id="slide-menu"> <div class="menu-content"> <div class="slide-menu-close" id="slide-menu-close" title="Закрыть"></div> <dblock></dblock> <ul> <li><span class="link" onclick="go('/category/beeline/')"><i class=""></i> Beeline</span></li> <li><span class="link" onclick="go('/category/internet/')"><i class=""></i> Интернет</span></li> <li><span class="link" onclick="go('/category/tele2/')"><i class=""></i> Tele2</span></li> <li><span class="link" onclick="go('/category/useful/')"><i class=""></i> Полезное</span></li> <li><span class="link" onclick="go('/category/ip-telephony/')"><i class=""></i> IP-Телефония</span></li> <li><span class="link" onclick="go('/category/iota/')"><i class=""></i> Йота</span></li> <li><span class="link" onclick="go('/category/mts/')"><i class=""></i> Mts</span></li> <li><span class="link" onclick="go('/category/megafon/')"><i class=""></i> Megafon</span></li> </ul> <ul> <li><a href="/feedback.html">Контакты</a></li> <li><a href="">Реклама</a></li> <li><a href="">О сайте</a></li> </ul> </div> </div> </div> <div id="slide-search"> <div class="search-content"> <div class="search-form-close" id="slide-search-close" title="Закрыть"></div> <div class="search-form-header"><img src="/assets/vsadu-icon-gray.svg" alt="Портал о мобильных операторах" onerror="this.src='/ui/vsadu-icon-gray.png'" style="height: 45px" loading=lazy> Поиск</div> <form style="position: relative" action="/search" method="get" autocomplete="off"> <input type="text" class="m-seach-field" name="q" placeholder="поиск по сайту" value="" /> <div> <dblock></dblock> </div> <div class="desktop_screen" style="position: absolute;right: 9px;top: 9px;"> <input type="submit" class="button yellow big" value="Найти" /> </div> </form> </div> </div> <script type="text/javascript" src="/assets/slide-menu.3.js"></script> <script type="text/javascript" src="/assets/sticky.min.js"></script> <script type="text/javascript" src="/assets/jquery.lazyload.min.js"></script> <script type="text/javascript" src="/assets/jquery-ui.min.js"></script> <script type="text/javascript" src="/assets/JsHttpRequest.js"></script> <script type="text/javascript" src="/assets/Request.js"></script> <div class="white_section"> <div> <div class="desktop_screen" style="padding: 15px 0;background:#f6f8f2;"> <dblock></dblock> </div> </div> </div> <footer> <div class="footer"> <dblock></dblock> <div class="silver_section"> <div class="content"><div class="inner"> <div class="section group" style="text-align: center"> <div class="col span_1_of_3"> <div style="font-size: 16px; vertical-align: middle; line-height: 45px;"><i class="fa fa-envelope-o"></i> cena5.ru - Портал о мобильных операторах</div> </div> <div class="col span_1_of_3"> </div> <div class="col span_1_of_3"> <a target="_blank" href="https://connect.ok.ru/offer?url=https://cena5.ru/raznye-url-chto-takoe-vnutrennie-dubli-stranic-i-kak-s-nimi-borotsya.html"><img class="soc" alt="Портал о мобильных операторах Одноклассники" src="/assets/ok.svg" onerror="this.src='/ui/icons/ok.png'" loading=lazy></a> <a target="_blank" href="https://vk.com/share.php?url=https://cena5.ru/raznye-url-chto-takoe-vnutrennie-dubli-stranic-i-kak-s-nimi-borotsya.html"><img class="soc" alt="Портал о мобильных операторах ВКонтакте" src="/assets/vk.svg" onerror="this.src='/ui/icons/vk.png'" loading=lazy></a> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://cena5.ru/raznye-url-chto-takoe-vnutrennie-dubli-stranic-i-kak-s-nimi-borotsya.html"><img class="soc" alt="Портал о мобильных операторах Facebook" src="/assets/fb.svg" onerror="this.src='/ui/icons/fb.png'" loading=lazy></a> <a target="_blank" href="https://www.twitter.com/share?url=https://cena5.ru/raznye-url-chto-takoe-vnutrennie-dubli-stranic-i-kak-s-nimi-borotsya.html"><img class="soc" alt="Портал о мобильных операторах Twitter" src="/assets/tw.svg" onerror="this.src='/ui/icons/tw.png'" loading=lazy></a> <a target="_blank" href=""><img class="soc" alt="Портал о мобильных операторах Google+" src="/assets/g+.svg" onerror="this.src='/ui/icons/g+.png'" loading=lazy></a> <a target="_blank" href=""><img class="soc" alt="Портал о мобильных операторах Pinterest" src="/assets/pin.svg" onerror="this.src='/ui/icons/pin.png'" loading=lazy></a> <div class="soc-caption">Портал о мобильных операторах в социальных сетях</div> </div> </div> </div></div> </div> <div class="content desktop_screen" style="overflow: inherit; margin-top: 20px"><div class="inner"> <div class="section group"> <div class="col span_2_of_5"> <div class="share-widget"> <script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="https://yastatic.net/share2/share.js" async="async"></script> <div class="ya-share2" data-services="collections,vkontakte,gplus,odnoklassniki,facebook,moimir,twitter,pinterest,lj,viber,whatsapp,pocket" data-url="https://cena5.ru" data-counter="true" data-limit="6"></div> </div> </div> <div class="col span_3_of_5" style="text-align: center;"> <a class="section_link" href="/feedback.html">Контакты</a> <a class="section_link" href="" style="color: #ff4500 !important;">Реклама</a> <a class="section_link" href="">Вакансии</a> <script> document.write('<a class="section_link" href="mailto:info' + '@cena5.ru">Написать нам</a>') </script> </div> </div> </div> </div> <dblock></dblock> <div class="content"> <div class="inner"> <p style="margin: 20px 0">Copyright © «cena5.ru» 2024 Копирование и видоизменение материалов сайта возможно только после письменного согласия правообладателей. <br /> Статьи защищены законом об авторских и смежных правах, при цитирование материалов проекта «cena5.ru» <span style="text-decoration: underline">прямая открытая ссылка</span> на <strong>cena5.ru</strong> обязательна. <br /> Все права защищены.</p> <dblock></dblock> </div> </div> </div> </footer> <script src="/assets/init.3.js"></script> <div class="push-popup"> <img src="/assets/vsadu-icon.png" style="float: left; margin-right: 10px; margin-bottom: 70px" / loading=lazy> Мы можем оповещать вас о новых статьях,<br /> чтобы вы всегда были в курсе самого интересного. <br /><br /> <button class="button blue uppercase push-button" style="margin-bottom: 10px">Продолжить</button> <button class="button blue-text uppercase push-cancel" style="margin-bottom: 10px">Нет, спасибо</button> </div> <script src="/assets/init.1.js"></script> <div id="p-b"> </div> <style> #yinfo-badge .yinfo-links, #yinfo-badge .yinfo-report { display: none !important } ::shadow .yinfo-links, ::shadow .yinfo-report { display: none !important } </style> <div class="page-top-button wide_desktop_screen hidden"> <div class="page-top-sec"> <a href="/" title="Главная Портал о мобильных операторах"><i class="fa fa-home gray" style="font-size: 32px"></i></a> </div> <div class="page-top-sec"> <a href="" title="О сайте"><i class="fa fa-calendar green" style="font-size: 32px"></i></a> </div> <div class="page-top-sec"> <a title="Связаться с нами" href="/feedback.html"><i class="fa fa fa-commenting-o" style="font-size: 32px; color:#ff4500"></i></a> </div> </div> </body> </html>