Привет, друзья! В этом посте расскажу о том, как сделать красивые URL’ы вашего сайта в поисковой системе Google. В статье 10 способов влияния на SERP я уже затрагивал тему привлекательных урлов в гугл. Сегодня же опишу, как быстро и легко сделать свой ресурс более кликабельным в выдаче этого поисковика. Кстати, метод будет подходить не только для wordpress, но и для любого сайта на PHP.

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

Это не кодировка полетела, а специальная вставка, которая делает вот такие привлекательные URL в Google.

Импровизированные елочки с пафосным названием в будущем заменю на что-то более нейтральное, как в прочем и место, где выводится этот кусок кода (как видите, в футере у меня он выводится не красиво
). Думаю, суть ясна. Перехожу к реализации. Все довольно просто. На каждую страницу вашего сайта нужно разместить вот такой небольшой код. Можно, как и я, поместить его в футер (для wordpress это footer.php).
<div> <span><a rel="v:url" href="http://sosnovskij.ru/">Sosnovskij</a> › </span> <span><a href="http://sosnovskij.ru<?=$_SERVER[">#content" rel="v:url" property="v:title">ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете</a></span></div>
Код стандартный, но вся “фишка” в этом кусочке , который вставляет часть URL документа после имени домена (например, для этой страницы http://sosnovskij.ru/kak-sdelat-krasivye-url-v-google/, он вставит то, что выделено жирным шрифтом). Именно эта функция позволяет не вставлять для каждой страницы свой код.
Единственным его минусом является то, что у каждой страницы будет одинаковый “красивый url” в выдаче Google. Можно, конечно, для каждой статьи вставлять уникальные красивости, но это будет довольно долго (хотя для сайтов, которые сделаны на голом html можно попробовать и этот вариант).
Итак, выше код, который используется на моем блоге. Во-первых, нужно поменять имя домена на свое (http://sosnovskij.ru и Sosnovskij). Во-вторых, необходимо заменить текстовое описание, в которое можно вставлять различные специальные символы и текст (ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете). Если ваш ресурс имеет кодировку UTF-8 (стандартная кодировка для блога на wordpress), то вы можете скопировать любой из приведенного ниже символа. Если же нет, то альтернативные NUM или HTML коды.
■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▰ ▱ ▲ △ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ ▾ ▿ ◀ ⌕ ⌖ ⌗ ⌘ ⌙ ⌚ ⌛〠㊛ ㊜ ㊝ ㊞ ㊟ ㊠ ㊡ ㊢ ㊣ ㊤ ㊥ ㊦ ¡¢£¤¥¦§¨©ª«»¬®¯°±⁑ ₰ ₱ ₲ ₳ ₴ ₵²³´µ¶·¸¹º¼½⅓¾¿ℕ № ℗ÿ℘ℑℜ™ℵ✁ ✂ ✃ ✄ ✆ ✇ ✈ ✉ ✌ ✍ ✎ ✏ ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯←↑→↓◄▲►▼↔↵⇐⇑⇒⇓⇔∀∂∃∅∇∈∉∋∏∑−∗√∝∞∠∧∨∩∪∫∴∼≅≈≠≡← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪⊕ ⊖ ⊗ ⊘ ⊙ ⊚ ⊛ ⊜ ⊝ ⊞ ⊟ ⊠ ⊡◁ ◂ ◃ ◄ ◅ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉❊ ❋ ❍ ❏ ❐ ❑ ❒ ❖ ❡ ❢ ❣ ❤ ❥ ❦ ❧◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ◯❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ❘ ❙ ❚ ❛ ❜ ❝ ❞ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➉⑀ ⑁ ⑂ ⑃ ⑄ ⑅ ⑆ ⑇ ⑈ ⑉≤≥⊂⊃⊄⊆⊇⊕⊗⊥⌈⌉⌊⌋〈〉◊♠♣♥♦€№ᖧ ᖨ ᖩ ᖪ ᖫ ᖬ ᖭᖠ ᖡ ᖢ ᖣ※ ‼ ‽⁂℣ ℤ ℥ Ω
Просто копируете отсюда символ и вставляете его в текстовый редактор, которым редактируете код (например, notepad++). В административной панели wordpress также есть несколько сотен подобных “украшений”. Чтобы их увидеть, необходимо зайти в редактирование, либо создание записи и нажать на вставку символа (убедитесь, что включена дополнительная панель кнопок). Там же можно посмотреть соответствующие NUM и HTML-коды.

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

В завершении этого небольшого поста посоветую вам не сильно злоупотреблять данным способом привлечения дополнительного внимания к вашему ресурсу в поисковой выдаче Google. Я не думаю, что этому поисковику сильно понравится, если в серпе будут появляться всякие красивости с надписями “Кликни сюда”, “СКОРЕЕ ЖМИ” и тому подобное
.
Если у вас появились вопросы, то задавайте их в комментариях. Также буду рад увидеть ваши отзывы и мысли по поводу этого метода улучшения сниппета вашего сайта.


(
В футере наблюдается:
Sosnovskij › ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете
))
в Яндексе символы не вывел, но “хлебные крошки” с моим текстом удалось вчера вывести. Так что не Google единым)))
Правда использовал я другой код
Я только сделала чтобы в урл были английские буквы, раньше были русские), сказали это плохо для поисковика. Поменяла, теперь пока не буду горячиться новыми фишками)))
Интересная фишка. Похоже о ней немногие знают, я еще ни разу не видел подобных урлов в гугле
Попробую
А CTR увеличился?
Реализовал подобное для каждой отдельной категории, кроме того иногда в title тематичный символ вставляю.
А какой код будет для страницы с голым html? там ведь работать не будет?
Как говорится: все основное и нужное сделали – можно и рюшечек добавить
Спасибо.
Я уже сделал такую фичу но еще знаю один прикол которого тут не написано.
http://i.piccy.info/i7/6facee61a27a197c78e4240d6b7b4056/1-5-5031/25119141/24.02.png
Кому интересно стучите в icq “один один три три два два три шесть”
Неплохо, нужно попробовать.
Александр, этот прикол называется hReview
SiV,
Нет
Есть еще один момент для украшения снипета. В виде рейтинга. В вордпресс реализовывается с помощью плагина gd Star rating. Рейтинг в снипете отображается в виде желтых звездочек. Смотрится очень даже ничего…
Че то нефига не получается
Вроде все правильно сделал
Сааано,
дык так нужно чтоб переиндексировалось…. быстрый какой
Совет конкретно по вашим хлебным крошкам ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете:
1. Для google.com конструкция стремноватая, скорее-всего никогда показана не будет, а в google.ru будет показываться нормально.
2. Выход: начать хл. крошки с буквы, типа “a ᖧᖨᖧᖨ..”, сократить текст, выбрать другие символы (если не показываются именно символы, а не все крошки).
Александр, имею виду, что код этот не работает. Вставил свой домен итп но не прет что-то
Сааано,
Проверь код, может ошибка или пробел или не вывел там где надо.
Александр, Все правильно, с кодом что-то не так.
Использовал генератор снипетов, с ним все работает
Сааано,
хз нужно смотреть
Александр, Дай почту
Сааано,
icq “один один три три два два три шесть”
Сааано, Может и не работать, там куча нюансов, просто взять и забить одними символами хл. крошки не получится. Например, символы типа ❺ гугл принимает около 5 подряд, а ★ только одну. Одни символы работают для начала строки, а другие нет (надо начинать с текста).
Общий совет: короткий текст вперемежку с символами, символов подряд (без пробелов) не больше 5, хл. крошки начать с буквы.
Станислав, Я видел и не раз. Только не знал что это такое. Сейчас знаю
Saney, Код вообще не работает, смотри что выдают:
КАКАКАК › #content” rel=”v:url” property=”v:title”>ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете
Че то где-то символа не хватает.
Сааано, Может двойные кавычки не такие, и код?
. Надо так:
<div xmlns:v=”http://rdf.data-vocabulary.org/#”>
<span typeof=”v:Breadcrumb”><a href=”http://sosnovskij.ru/” rel=”v:url” property=”v:title”>Sosnovskij</a> › </span>
<span typeof=”v:Breadcrumb”><a href=”http://sosnovskij.ru/kak-sdelat-krasivye-url-v-google/#content” rel=”v:url” property=”v:title”>ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете</a></span>
</div>
SANO, пока рановато сравнивать. Через недельку проанализирую.
.
Step40, вместо http://sosnovskij.ru< ?=$_SERVER["REQUEST_URI"];?> полный урл страницы.
Сааано, wordpress порезал код. Поправил. Сейчас должно все работать
Step40, будет http://support.google.com/webmasters/bin/answer.py?hl=en&answer=185417
Sosnovskij, Сказал же что неверный код, как время пройдет скажи как микроразметка повлияла на CTR
Про изменение CTR мне тоже интересно
Александр,
За желтые звездочки отвечает этот код:
Saney отзывы:
10.0 из 10.0: 10 голосов 15 комментариев.
Saney, Вставил код как в статье в футоре, не сработало. Поставил букву перед символами все работает. Спасибо.
Блин, у меня тема такие урлы видеть не хочет
Всё сейчас на много проще
http://schema.org/WebPage
плагин для WP Breadcrumb NavXT
живой пример у меня на блоге
Maximal, а что плагин умеет делать?
а для чего это нужно, по-моему уродство + вряд ли пс будут очень рады видеть такие урлы.
kickboxer, почему уродство? Это поможет увеличить CTR с поисковых систем. Google позволяет выводить подобные урлы. В чем проблема?
Интересно! Обязательно попробую вставить на свой
Sosnovskij, читал с мобильного:) Там все эти символы квадратиками отображаются, вот и написал, что уродство, с ПК вроде очень даже неплохо.
Забавно, может привлечь внимание благодаря такой фишке, поэксперементируем
А нельзя ли к диву добавить стиль display: none ведь он скроет уродскую надпись на сайте, но вот будет ли он индексироваться ? Ответьте, если будет я попробую.
General Dexter, индексировать такую конструкцию поисковики будут, но можно просто вставить ее гармонично на сайте.
Чего-то я гармоничного применения на сайте такой конструкции не представляю. Поэтому лучше её скрою, пусть Гугл только отображает эту красоту.
Чувак, трабл
Я взял для туристического портала вот такой самолетик ✈ из твоего списка – очень крутой самолетик для туризма, считаю
Но только вот в чем штука: в проверке сниппетов вот как http://clip2net.com/s/1G4Nj
получается, что Google не знает этот самолетик?
Nodar Giorgadze, Поставь перед самолетиками букву, и в конце крошки букву – будет работать
“x ✈ ✈ ✈ Туры в Египет ✈ ✈ ✈ x”
Ок, спасибо, попробую
Сергей не подскажешь после, какой строки ставить код в футере?