Тема Дня »

Обновил тему WordPress на этом блоге. Старый вариант Arthemii меня устраивал во всем, кроме моральной древности. Функциональность тем значительно увеличилась с 2008 года.
Проблема замены состояла в том, что старая тема на моём блоке постоянно допиливалась в ручную, и перенести все созданное в новую тему было практически невозможно. Но пришлось чем-то жертвовать.
Новая Arthemia была скачена, максимально отстроена и установлена.

Читать полностью »
Партнерский интернет-магазин

Создание, оптимизация и продвижение интернет-магазина.

Создать форум

Как создать “с нуля” и сделать популярным форум. Полезно, интересно и подробно о phpbb3.

WordPress

Рекомендации по настройке и оптимизации WordPress. Плагины, темы, шаблоны.

Дайджест блогосферы

Каждую неделю публикую подборку из пяти наиболее интересных статей.

Конкурсы

Статьи, написанные для участия в различных блоггерских конкурсах.

Главная » WordPress

Как приманить Google хлебными крошками

Добавлено на 30.01.2012 – 7:09 пп12 Комментарии

плагин хлебные крошки WordPress

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

Выглядят навигационные цепочки примерно так:

навигация хлебные крошки

или так:

хлебные крошки меню

Название “хлебные крошки” появилось благодаря сказке братьев Гримм Гензель и Гретель, в которой дети заблудились в лесу и вышли только благодаря рассыпанным хлебным крошкам. С не меньшим успехом такую навигацию можно было назвать “нитью Ариадны”.

Адепты юзабилити (например, Стив Круг в своей книге “Веб-редизайн. Не заставляйте меня думать!” очень рекомендую) настоятельно рекомендуют использовать “хлебные крошки” на страницах сайтов. Посетитель видит где он находится сейчас и где может получить искомую информацию

Юзабилити – это, конечно, важно, но я занимаюсь продвижением сайтов в поисковых системах, поэтому раньше “хлебным крошкам” особого внимания не уделял.

Пока не случилось СОБЫТИЕ!

Хлебные крошки и Google.

С недавнего времени Google настолько зауважал “хлебные крошки”, что стал показывать их в результатах поисковой выдачи. На скриншоте две страницы с одного сайта.

навигация в выдаче Google

Для верхней страницы указан её URL (ссылка зеленого цвета), для нижней – хлебные крошки в виде трех дополнительных ссылок.

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

Для этого существует экспериментальный формат расширенного описания веб-страниц.

Элементы навигации для Google.

Используя некоторые дополнительных свойства мы можем подробно объяснить поисковым системам какая именно информация находится на веб-странице.

Например, код обычной ссылки:

<a href="http://odezhda.dlja-pohudenija.ru/">Похудение</a>

навигационной:

<div xmlns:v="http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"> <a href="http://odezhda.dlja-pohudenija.ru/" rel="v:url" property="v:title">Похудение</a> </span> </div>

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

Подробнее о расширенном описании читайте здесь: “Элементы навигации”.

Хлебные крошки для WordPress.

Существует несколько способов добавить “хлебные крошки” на WordPress. Если хотите сделать это без использования плагинов читайте: “Хлебные крошки” для WordPress без использования плагина.

Меня вполне устраивает плагин “хлебных крошек для WordPress” Breadcrumb NavXT (скачать можно отсюда).

Что бы навигационная цепочка отображалось на сайте в шаблоне нужно добавить вот такой код:

<div xmlns:v="http://rdf.data-vocabulary.org/#"><?php if(function_exists('bcn_display')) { bcn_display(); } ?></div>

Я добавил его в файл footer.php, получилось так:

хлебные крошки футер

После активации плагин Breadcrumb NavXT нужно настроить, что бы заменить “Home” и прочее нужными нам названиями. Подробная инструкция по настройке со множеством картинок здесь.

Обращаю Ваше внимание на то, что ссылки нужно оформлять с учетом расширенной разметки, о которой писал выше:

ссылку:

<a title="Go to %title%." href="%link%">%htitle%</a>

заменяю на:

<span typeof="v:Breadcrumb"><a title="Главная страница %title%." href="%link%" rel="v:url" property="v:title">%htitle%</a></span>

и так далее, со всеми навигационными ссылками. У меня их получилось 9.

Проверить правильно ли добавлена расширенная разметка поможет специальный сервис для вебмастера — Rich Snippets Testing Tool.

Если все добавлено правильно, то введя url любой страницы вашего сайта, можно увидеть как она будет выглядеть в выдаче Google после индексации.

расширенная разметка Google

Заключение.

Расширенная разметка применяется не только для элементов навигации, но и для информации о товарах, рецептах, отзывах, автомобилях и многом другом. Я сам пока тестирую эти нововведения. Скоро поделюсь наработками.

P.S. Если что-то непонятно, спрашивайте в комментариях.

GD Star Rating
loading...
Как приманить Google хлебными крошками, 4.3 out of 5 based on 10 ratings

Буду благодарен, если поделитесь этой статьей в социальных сетях:

Метки: , ,

12 Комментарии »

Оставить комментарий!

Добавить свой комментарий ниже, или Архив с вашего собственного сайта. Вы также можете Comments Feed через RSS.

Будьте вежливы. Держите его в чистоте. Оставайтесь на тему. Не спам.

Вы можете использовать эти теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Это Gravatar поддержкой сайта. Чтобы получить свой собственный глобально признанных-аватара, пожалуйста, зарегистрируйтесь на Gravatar.