HTML: Все о ссылках «A HREF REL. Когда использовать rel=author, а когда rel=publisher? Аннотации в коде HTML

rel=author и rel=publisher. Чем они отличаются друг от друга и какую из связей использовать для своего сайта? Можно ли использовать одновременно rel=author и rel=publisher? В этой статье дается пояснение к каждому из упомянутых атрибутов и инструкция, как их правильно использовать.

Что такое rel=author?

Авторская разметка Google это способ связать авторов с их контентом с помощью использования профиля Google+ и двустороннего подтверждения связи профиля с контентом (см. ). Создание этой связи дает ряд преимуществ:

— В результатах поиска рядом со сниппетами ваших страниц будет отображаться фото из профиля Google+.

— Увеличится кликабельность (CTR) сниппета. Можно получать больше трафика, оставаясь на тех же поизициях в поиске.

— При воровстве контента с вашего сайта, Google будет знать первоисточник и, скорей всего, показывать его выше сворованного.

— Это хорошо влияет на персональный брендинг и повышение узнаваемости автора.

— У вас появляется возможность иметь специальную панель в результатах поиска, при вводе пользователем навигационных/брендовых запросов. Эта панель не отображается, пока вы не наберете определенное вовлечение пользователей на странице Google+ (сколько именно нужно плюсов, постов или комментариев, пока не известно). В этой панели отображается ваш логотип, имя компании, количество фоловеров, кнопка подписки и ваши последние посты в Google+.

(кликните для просмотра примера непосредственно в Google)

По мнению некоторых экспертов, возможно, существует некий BrandRank для верифицированных брендов, и связь сайта со страницей Google+ может существенно улучшить ранжирование по тем запросам, в которых этот бренд является авторитетом.

Когда использовать rel=author, а когда rel=publisher?

Из-за того, что оба атрибута создают связь, возникает вопрос, как определить, что лучше использовать?

Из описанного выше, основная разница между rel=author и rel=publisher в следующем:

• rel=author относится к статьям (у разных статей могут быть разные авторы), rel=publisher относится ко всему сайту.
• rel=author для персональных профилей, rel=publisher для бизнес-страниц.
• в поиске rel=author дает возможность отобразить свое фото вместе со сниппетом сайта, rel=publisher будет отображать описание со страницы Google+ в боковой панели.
• rel=author добавляет фото по любым запросам, rel=publisher отображает панель только по брендовым запросам.

Эти теги также можно использовать совместно.

Если подвести итог, используйте rel=publisher для связи бизнес-страниц со всем сайтом, аrel=author для связи страниц/статей отдельного автора с его профилем в Google+. Сайт может иметь несколько авторов, а также бизнес-страницу. И в любом случае потребуется двусторонняя верификация, то есть ссылка не только с сайта, но и на сайт с настроек страницы или профиля Google+.

Несколько полезных советов:

— Добавьте на свой сайт виджет Google+ . Так посетителям будет легче добавлять страницу в свои круги.

или

— Если вы подтвердили сайт в панели вебмастеров Google, и на этом же аккаунте имеете персональный профиль Google+, дополнительно верифицировать сайт нет необходимости.

— Ознакомьтесь с ответами Google на часто задаваемые вопросы по авторской разметке.

Дата публикации: 01 декабря, 2013

Url разные, а контент страниц одинаковый. Думаете, ничего страшного? Всего лишь пара одинаковых страниц на сайте. Но одинаковый контент может попасть под фильтры поисковых систем. Чтобы этого не произошло, надо знать, как избавляться от внутренних дублей страниц.

Понятие дублей страниц и их виды

Дубли — это отдельные страницы сайта, контент которых полностью или частично совпадает. По сути, это копии всей страницы или ее определенной части, доступные по уникальным URL-адресам.

Что приводит к появлению дублей на сайте:

Автоматическая генерация дублирующих страниц движком системой управления содержимым сайта (CMS) веб-ресурса. Например:

http://site.net/press-centre/cat/view/identifier/novosti/
http://site.net/press-centre/novosti/

Ошибки, допущенные вебмастерами. Например, когда один и тот же товар представлен в нескольких категориях и доступен по разным URL:

http://site.net/category-1/product-1/
http://site.net/category-2/product-1/

Изменение структуры сайта, когда уже существующим страницам присваиваются новые адреса, но при этом сохраняются их дубли со старыми адресами. Например:

http://site.net/catalog/product
http://site.net/catalog/category/product

Есть два типа дублей: полные и частичные.

Что такое полные дубли?

Это страницы с идентичным содержимым, доступны по уникальным, неодинаковым адресам. Примеры полных дублей:

1. URL-адреса страниц со слешами («/», «//», «///») и без них в конце:
http://site.net/catalog///product ; http://site.net/catalog//////product.

2. HTTP и HTTPS страницы: https//site.net ; http//site.net.

3. Адреса с «www» и без «www»: http//www.site.net ; http//site.net.

4. URL страниц с index.php, index.html, index.htm, default.asp, default.aspx, home:
http://site.net/index.html ;
http://site.net/index.php ;
http://site.net/home.

5. URL-адреса страниц в верхнем и нижнем регистрах:
http://site.net/example/ ;
http://site.net/EXAMPLE/ ;
http://site.net/Example/.

6. Изменения в иерархической структуре URL. Например, если товар доступен по нескольким разным URL:
http://site.net/catalog/dir/tovar;
http://site.net/catalog/tovar;
http://site.net/tovar;
http://site.net/dir/tovar.

7. Дополнительные параметры и метки в URL.

• URL с GET параметрами : http://site.net/index.php?example=10&product=25. Страница полностью соответствует следующей: http://site.net/index.php?example=25&cat=10.
• Наличие utm-меток и параметров gclid. Utm-метки помогают предоставить в систему аналитики информацию для анализа и отслеживания различных параметров трафика. URL целевой страницы, к которой добавляются utm-метки, выглядят так:
  http://www.site.net/?utm_source=adsite&utm_campaign=adcampaign&utm_term=adkeyword
• Параметры gclid (Google Click Identifier) . Пометка целевых URL, которая добавляется автоматически для отслеживания данных о компании, канале и ключевых словах в Google Analytics. Например, если переходят по вашему объявлению для сайта http://site.net, то адрес перехода посетителя будет выглядеть так: http://site.net/?gclid=123xyz .
• Метка yclid . Помогает отслеживать эффективность рекламных кампаний в Яндекс Метрике. Метка позволяет отследить действия посетителя, который перешел на сайт по рекламному объявлению. Вот как выглядит адрес перехода:
  http://site.net/?yclid=321 .
• Метка openstat . Универсальная и также используется для анализа эффективности рекламных кампаний, анализа посещаемости сайта и поведения пользователей на сайте. Ссылка с меткой «openstat»:
  http://site.net/?_openstat=231645789.
• Дубли, которые создаются реферальной ссылкой. Реферальная ссылка это специальная ссылка с вашим идентификатором, по которому сайты распознают, от кого пришел новый посетитель. Например:
  https://site.net/register/?refid=398992 ;
  http://site.net/index.php?cf=reg-newr&ref=Uncertainty .

8. Первая страница пагинации каталога товаров интернет-магазина или доски объявлений, блога. Она зачастую соответствует странице категории или общей странице раздела pageall: http://site.net/catalog ; http://site.net/catalog/page1.

9. Неправильные настройки 404 ошибки приводят к появлению многочисленных дублей. Например: http://site.net/rococro-23489-rocoroc ; http://site.net/8888-??? .

Выделенный жирным текст может вмещать какие-либо символы и/или цифры. Страницы такого вида должны отдавать код ответа сервера 404 (не 200) или же перенаправлять на актуальную страницу.

Что такое частичные дубли?

В частично дублирующихся страницах контент одинаковый, но есть небольшие отличия в элементах.

Виды частичных дублей:

1. Дубли на карточках товаров и страницах категорий (каталогов). Здесь дубли возникают из-за описаний товаров, которые представлены на общей странице товаров в каталоге. И те же описания представлены на страницах карточек товаров. Например, в каталоге на странице категории под каждым товаром есть описание этого товара:

И тот же текст на странице с товаром:

Чтобы избежать дубля, не показывайте полную информацию о товарах на странице категории (каталога). Или используйте неповторяющееся описание.

2. Дубли на страницах фильтров, сортировок, поиска и страницах пагинации, где есть похожее содержимое и меняется только порядок размещения. При этом текст описания и заголовки не меняются.

3. Дубли на страницах для печати или для скачивания, данные которых полностью соответствуют основным страницам. Например:
http://site.net/novosti/novost1
http://site.net/novosti/novost1/print

Частичные дубли тяжелее обнаружить. Но последствия от них проявляются систематически и негативно отражаются на ранжировании сайта

К чему приводят дубли страниц на сайте

Дубли могут появиться независимо от возраста и количества страниц на сайте. Посетителю они не помешают получить нужную информацию. Совсем иная ситуация с роботами поисковых систем. Поскольку URL разные, поисковые системы воспринимают такие страницы как разные. Следствием большого количества дублирующегося контента становится:

Проблемы с индексацией. При генерировании дублирующих страниц увеличивается общий размер сайта. Боты, индексируя «лишние» страницы, неэффективно тратят краулинговый бюджет собственника веб-ресурса. «Нужные» страницы могут вовсе не попасть в индекс. Напомню, что краулинговый бюджет это количество страниц, которое бот может просканировать за один визит на сайт.

Изменения релевантной страницы в выдаче. Алгоритм поисковика может решить, что дубль больше подходит запросу. Поэтому в результатах выдачи он покажет не ту страницу, продвижение которой планировалось. Другой итог: из-за конкуренции между дубль-страницами, ни одна из них не попадет в выдачу.

Потеря ссылочного веса страниц, которые продвигаются. Посетители будут ссылаться на дубли, а не на оригиналы страниц. Результат потеря естественной ссылочной массы.

Каталог средств для поиска дублированных страниц

Итак, мы уже выяснили, что такое дубли, какими они бывают и к чему приводят. А теперь перейдём к тому, как их обнаружить. Вот несколько эффективных способов:

Поиск дублей с помощью специальных программ Атрибуты rel="next" и rel="prev"

С помощью rel="next" и rel="prev" можно связать между собой URL отдельных страниц. Поисковики будут распознавать контент этих страниц, как один большой свиток, а не отдельные URL.

Для этого на первой странице (http://site.net/catalog-page1 ) необходимо разместить в разделе (http://site.net/catalog-page1 ) тег, указывающий какая страница будет следующей:

Учитывая, что это первая страница, добавлять нужно только rel="next". На всех последующих страницах добавляем и атрибут rel="next", и rel="prev", которые будут указывать на предыдущий и следующий URL. Например, на второй странице (http://site.net/catalog-page2) нужно добавить ссылки:

На завершающей странице (http://site.net/catalog-pageN), как и на первой, необходимо указать только один атрибут. Важно: в данном случае он указывает на предыдущий URL:

• rel="prev" и rel="next" не являются для Google директивами, это лишь вспомогательные атрибуты;
• они не учитываются Яндексом;
• важно следить за корректностью генерации тегов и придерживаться четкой последовательности между страницами пагинации, чтобы не создавать бесконечные цепочки.

Метатег

Метатег указывает роботу не индексировать документ, но при этом переходить по ссылкам размещенным в нем.

Для использования метода необходимо разместить на дублирующих страницах в блоке один из метатегов:
или же аналогичный: ; .

Атрибут rel="canonical"

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

Тег для устранения дублей на страницах фильтров и сортировок, страницах с get-параметрами и utm-метками. Применяется для печати, при использовании одинакового информационного содержания на разных языковых версиях и на разных доменах. Атрибут rel="canonical" для разных доменов поддерживается не всеми поисковыми системами. Для Google он будет понятен, Яндекс его проигнорирует.

Указывая каноническую ссылку, мы указываем адрес страницы, предпочтительной для индексации. Например, на сайте есть категория «Ноутбуки». В ней фильтры, которые показывают разные параметры выбора. А именно: бренд, цвет, разрешение экрана, материал корпуса и т.д. Если эти страницы фильтров не будут продвигаться, то для них канонической указываем общую страницу категории.

Как задать каноническую страницу? В HTML-код текущей страницы помещаем атрибут rel="canonical" между тегами .... Например, для страниц:
http://site.net/index.php?example=10&product=25;
http://site.net/example?filtr1=%5b%25D0%,filtr2=%5b%25D0%259F%;
http://site.net/example/print.

Канонической будет страница http://site.net/example.

В HTML коде это будет выглядеть так: .

Выводы

1. Дубли — отдельные страницы сайта, контент которых полностью или частично совпадает.

2. Причины возникновения дублей на сайте: автоматическая генерация, ошибки, допущенные вебмастерами, изменение структуры сайта.

3. К чему приводят дубли на сайте : индексация становится хуже; изменения релевантной страницы в поисковой выдаче; потеря естественной ссылочной массы продвигаемыми страницами.

4. Методы поиска дублей : использование программ-парсеров (Netpeak Spider); поискового оператора site; панели для вебмастеров Google Webmasters Tools.

5. Инструменты устранения дублей: соответствующие команды в файле robots.txt; атрибуты rel="next" и rel="prev"; тег meta name="robots" content="noindex, nofollow"; тег rel="canonical"; 301 редирект.

Устранили дублирующий контент? Теперь необходимо проверить сайт ещё раз. Так вы увидите эффективность проведенных действий, оцените результативность выбранного метода. Анализ сайта на дубли рекомендуем проводить регулярно. Только так можно вовремя определить и устранить ошибки.

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.

In Image Search, the search operator allintitle: will display only image files which has names that contain the terms that you queried.

In Google News, the operator allintitle: will display only articles with your search queries as the title of the articles.

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.

allinurl:

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

For example: [ allinurl: supersize me ] will return only pages with the words “supersize” and “me” in its URL.

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.

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 .

For example: [ 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 [ “Sean Si ” ] to make your advanced search query more exact.

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.

cache:

This search operator will display all the cached version of a webpage in Google’s index instead of the current version of the page.

For example: [ cache: h3sean.com ] will show you Google’s cached version from their last index of God and You.

Heads-up: Take note that this advanced search operator does not let you put any spaces between cache: and the URL.

looking at the Google cache, you can better see if Google has already indexed your link or not in other websites.

define:

This search operator will display the definition of the term you have typed in.

For example: [ define : Su ] will show you the definition of the word “Supercalifragilisticexpialidocious”

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.

ext:

This is just the same as the filetype: advanced search operator.

filetype:

This search operator will limit your search results to pages whose names end in that specific suffix.

For example: [ how to belly dance filetype :pdf ] 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 – [ belly dancing filetype :pdf OR filetype :doc ].

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.

As Matt Cutts says:

“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.”

link:

This search operator limits your search results to all links pointing to the search term that you entered.

For example: [ link :сайт ] will show you pages that have links pointing to сайт

Of course, most of the links pointing to seo-hacker.. The way to do this is using the -site: search operator.

For example: [ link сайт -site :сайт ] will exclude сайт in the results while showing you all other pages linking to сайт

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.

related:

This search operator limits your results to pages with similar content and HTML framework as the webpage you specified.

For example: [ related :actlikeaman.org ] will show you webpages that are similar to “actlikeaman.org”

This is pretty much common sense as you search for related websites to get a link from.

site:

This search operator limits your search to the website that you specified.

Note: There should be no space in between the search operator “site : ” and the subsequent domain name.

For example: [ link building site :kaiserthesage.com ] will show you all information about “link” “building” in kaiserthesage.com only.

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.

Let’s move on to search Advanced search Functionalities to help you in your link search.

Exclude terms function (-)

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.

For example: [ transformers -avr -electrical -wiring ] will search for transformers that are not related to the words “avr”, “electrical”, and “wiring”.

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.

Fill in the blanks (*)

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.

For example: [ Gloria Arroyo is a * president of the Philippines ] will return pages where the * can be replaced with any number of other related words such as “corrupt”, “thieving”, “useless”, etcetera – try it.

This can be easily used for vertically related articles. It can also produce ideas for you to get link leads.

Tips for Keeps: 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”.

Влад Мержевич

В интерфейс браузера Firefox, начиная с версии 2.0 встроена строка поиска, позволяющая без захода на сайт вводить поисковые запросы к Гуглу, Яндексу и другим системам. Идея оказалась удачной и ее впоследствии подхватили разработчики других браузеров. Несмотря на то, что подобным поиском пользуются многие, включая и создателей сайтов, большинство из них не подозревают, насколько просто и легко сделать собственный поисковый плагин для сайта. Плюсов у такого плагина несколько: пользователи начинают активнее использовать поиск, возрастает количество посетителей, повышается результативность сайта, улучшается юзабилити. Главное, что затрат практически нет. Если на сайте используется поиск, «прикрутить» для него плагин раз плюнуть.

В основе плагина лежит технология OpenSearch, которая представляет собой коллекцию небольших форматов для распространения результатов поиска. Эти данные могут использоваться браузером для перехода к нужной странице, вывода описания, картинок и других вещей. Поскольку я затрону лишь малую часть всех возможностей, отсылаю желающих к полному описанию спецификации по адресу http://opensearch.org .

Перейдем от теории к практике. Итак, у вас на сайте уже есть поиск и при вводе запрашиваемой строки выводятся результаты по адресу http://mysite.ru/search/?q=бла-бла. Вместо «бла-бла» может быть любая строка, конечно же. Создаем файл с расширением xml, назовем его search.xml, и сохраняем на сервере. Содержание этого файла следующее (пример 1).

Пример 1. Файл search.xml

Краткое название сайта Краткое описание поиска http://mysite.ru/favicon.ico UTF-8

Первые две строки в примере являются стандартными. Остальные элементы описаны ниже.

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

Description - краткое описание поисковой системы. Не должно превышать 1024 символа и содержать HTML-теги. Это необязательный параметр и его можно опустить.

Image - путь к иконке сайта в формате ICO, PNG или JPEG. Размер иконки обычно 16x16 пикселов. Элемент не обязателен и если иконки нет, удалите его из текста. Непременно должен быть указан тип файла через параметр type , для ICO - image/x-icon, PNG - image/png, JPG - image/jpeg.

Url - путь к результатам поиска. В параметре method пишется метод отправки данных (обычно GET), а в template указывается полный адрес к поисковой странице. Вместо поискового запроса надо написать {searchTerms}. Если для работы поиска требуются и другие параметры, их можно перечислить здесь же через амперсанд (?q={searchTerms}&lang=ru ).

InputEncoding - кодировка, в которой выводятся результаты поиска.

Теперь остается включить механизм добавления плагина в браузер пользователя. Это можно сделать двумя способами: через тег и JavaScript.

Использование тега

В теге добавьте следующую строку.

Здесь Title название поиска, URL относительный или абсолютный путь к файлу search.xml. К примеру, для сайта сайт эта строка имеет такой вид:

После включения указанной строки на сайт при открытии списка поисковых плагинов будет виден и ваш (рис. 1).

Рис. 1. Поисковый плагин в списке Firefox

Использование JavaScript

Пользователи не всегда догадываются, что в строку поиска можно добавить плагин с текущего сайта, поэтому следует предложить им это сделать явно, нажав на ссылку. Сама ссылка ведет не на документ, а на следующий скрипт (пример 2).

Пример 2. Скрипт для добавления плагина в браузер

function addEngine() { URL = "http://mysite.ru/search.xml"; if (window.external && ("AddSearchProvider" in window.external)) { window.external.AddSearchProvider(URL); } else { alert("Ваш браузер не поддерживает поисковый плагин!"); } }

Здесь переменная URL содержит путь к файлу search.xml. Скрипт работает в браузерах Firefox, Internet Explorer 7 и старше. Для остальных браузеров будет выведено сообщение с помощью alert() .

Создать ссылку можно разными способами - через тег , указав в качестве адреса решетку и добавив событие onclick (пример 3), либо вообще отказаться от ссылки, заменив ее тегом (пример 4).

Установить плагин

Пример 4. Вызов скрипта

Установить плагин

Технология OpenSearch не ограничивается простым перенаправлением на результаты поиска, с ее помощью также можно выводить в браузере подходящие варианты слов и даже изображения. Для этого используются .

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

Как правило, в таких случаях страницы для компьютеров размещаются в домене www.example.com , а соответствующие страницы для мобильных устройств – в домене m.example.com . Google не отдает предпочтения тому или иному формату URL. Главное требование – страницы должны быть доступны для агентов пользователя Googlebot.

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

Кратко

Указывайте, как соотносятся два URL, при помощи тегов с элементами rel="canonical" и rel="alternate".

Правильно определяйте строки агента пользователя и перенаправляйте их.

Атрибуты для обычных и мобильных URL

Чтобы наша система сканирования лучше распознавала URL, предназначенные для мобильных устройств, рекомендуем использовать следующие аннотации:

Разместите на каждой странице для компьютеров специальный тег link с атрибутом rel="alternate", который будет вести на соответствующую страницу мобильного сайта. Это поможет роботу Googlebot найти контент, оптимизированный для мобильных устройств.

На странице для мобильных устройств добавьте тег link rel="canonical" со ссылкой на соответствующую обычную страницу.

Наши системы поддерживают два способа добавления таких атрибутов: в HTML-коде страниц и в файлах Sitemap . Предположим, что URL обычной страницы – http://example.com/page-1 , а URL соответствующей страницы для мобильных устройств – http://m.example.com/page-1 .

Аннотации в коде HTML

На обычной странице (http://www.example.com/page-1) добавьте следующий код:

На странице для мобильных устройств (http://m.example.com/page-1) используйте следующие атрибуты:

В URL, который размещен на странице мобильного сайта и указывает на аналог этой страницы с обычным форматированием, необходимо добавить тег rel="canonical".

Аннотации в файлах Sitemap

Google поддерживает добавление атрибутов rel="alternate" на страницы для компьютеров с помощью файлов Sitemap. Пример:

http://www.example.com/page-1/

При этом тег rel="canonical" для URL страницы мобильного сайта обязательно нужно добавить непосредственно в код HTML этой страницы.

Подробные сведения об атрибутах

На странице для компьютеров могут использоваться следующие атрибуты тега:

• Атрибут rel="alternate" говорит о том, что тег указывает на альтернативный URL для этой страницы.
• В качестве значения атрибута media используется строка медиа-запроса CSS, в которой указывается, при каких условиях Google должен использовать альтернативный URL. В этом примере приведен медиа-запрос, который обычно используется для таргетинга на мобильные устройства.
• Атрибут href указывает, где находится альтернативный URL. В данном случае это страница в домене m.example.com.

Эти атрибуты помогают роботу Googlebot найти ваш контент, а нашим алгоритмам – определить взаимосвязь между обычными и мобильными страницами вашего сайта. Когда вы используете разные URL для одного и того же контента в различных форматах, атрибуты сообщают системе, что эти два URL содержат одинаковый контент и их следует считать одним объектом, а не двумя. Если обычная и мобильная версии страницы интерпретируются как независимые объекты, то в результатах Поиска на ПК могут присутствовать оба URL. В таком случае их рейтинг будет ниже, чем если бы роботу Google было известно об их взаимосвязи . Также обратите внимание на следующие распространенные ошибки в этой конфигурации:

• Если вы используете атрибуты rel="alternate" и rel="canonical", то каждой обычной странице должна соответствовать только одна мобильная и наоборот.
• Тщательно проверяйте параметры переадресации: убедитесь, что обычные страницы случайно не перенаправляют пользователя на одну и ту же страницу с другим содержанием.

Если вы решили создать отдельный сайт для обильных устройств, избегайте распространенных ошибок, например в переадресации мобильных пользователей. Автоматическая переадресация

Если ваш сайт направляет браузеры обычных компьютеров и браузеры мобильных устройств на разные URL, вы можете использовать автоматическую переадресацию посетителей. В этом случае роботов Googlebot нужно перенаправлять так же, как и агенты обычных пользователей.

Поддерживаемые способы переадресации

Робот Googlebot поддерживает следующие способы переадресации:

• переадресация с помощью HTTP;
• переадресация с помощью JavaScript.

Переадресация с помощью HTTP

Переадресация с помощью HTTP обычно используется для перенаправления на URL для конкретных устройств. Как правило, она выполняется с учетом агента пользователя, указанного в заголовках HTTP-запроса. Переадресация должна соответствовать альтернативному URL, указанному в атрибуте rel="alternate" целевой ссылки или в файле Sitemap.

В этом случае неважно, возвращает ли сервер при переадресации код статуса 301 или 302. Однако, по возможности рекомендуется использовать код 302.

Переадресация с помощью JavaScript

Если возникают сложности с настройкой переадресации с помощью HTTP, то для перенаправления пользователей можно использовать JavaScript. Для этого нужно задать соответствующие URL с помощью тега link rel="alternate" . Необходимо обеспечить приемлемое для пользователя время реакции, поскольку перед выполнением переадресации происходит скачивание страницы, а затем синтаксический анализ и запуск кода JavaScript.

Существует множество способов такой переадресации. Например, можно обрабатывать запросы контента, которые уже используются на сайте. Для этого подойдет функция JavaScript matchMedia() .

Однонаправленная и двунаправленная переадресация

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

Робот Googlebot поддерживает оба варианта. Выбирайте тот, который больше подойдет вашим пользователям. Самое главное – чтобы перенаправление выполнялось без ошибок и открывались нужные страницы. Если переадресация будет реализована некорректно, некоторые пользователи вообще не увидят нужный контент.

Примечание. Ознакомьтесь с , чтобы не повторять их.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License , and code samples are licensed under the Apache 2.0 License . For details, see our . Java is a registered trademark of Oracle and/or its affiliates.

Обновлено Январь 14, 2019