2000 рублей за решение проблемы. Конкурс Web-ошибки
Главная » Продвижение сайтов » Как сделать красивые URL в выдаче Google

Как сделать красивые URL в выдаче Google

1 звезда2 звезды3 звезды4 звезды5 звезд (11 голос., в среднем: 4.18 из 5)
Loading ... Loading ...


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

красивый URL

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

урл для google

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

красивый URL в Google

Импровизированные елочки с пафосным названием в будущем заменю на что-то более нейтральное, как в прочем и место, где выводится этот кусок кода (как видите, в футере у меня он выводится не красиво :smile:). Думаю, суть ясна. Перехожу к реализации. Все довольно просто. На каждую страницу вашего сайта нужно разместить вот такой небольшой код. Можно, как и я, поместить его в футер (для wordpress это footer.php).

<div>
<span><a rel="v:url" href="http://sosnovskij.ru/">Sosnovskij</a></span>
<span><a href="http://sosnovskij.ru&lt;?=$_SERVER[">#content" rel="v:url" property="v:title"&gt;ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете</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-коды.

символы в wordpress

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

google richsnippets

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

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

Добавить в
Опубликовано: 24.02.2012
Получайте актуальные статьи по SEO, блоггингу и заработку в Интернете
прямо на ваш почтовый ящик. Уже более 4000 подписчиков!

Отзывов к посту "Как сделать красивые URL в выдаче Google" уже 91:

  1. 1. Николай | Цитировать

    В футере наблюдается:
    Sosnovskij › ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете

    ))

  2. в Яндексе символы не вывел, но “хлебные крошки” с моим текстом удалось вчера вывести. Так что не Google единым)))
    Правда использовал я другой код

  3. Я только сделала чтобы в урл были английские буквы, раньше были русские), сказали это плохо для поисковика. Поменяла, теперь пока не буду горячиться новыми фишками)))

  4. Интересная фишка. Похоже о ней немногие знают, я еще ни разу не видел подобных урлов в гугле

  5. А CTR увеличился?

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

  7. А какой код будет для страницы с голым html? там ведь работать не будет?

  8. Как говорится: все основное и нужное сделали – можно и рюшечек добавить :)
    Спасибо.

  9. 10. Александр | Цитировать

    Я уже сделал такую фичу но еще знаю один прикол которого тут не написано.

    http://i.piccy.info/i7/6facee61a27a197c78e4240d6b7b4056/1-5-5031/25119141/24.02.png

    Кому интересно стучите в icq “один один три три два два три шесть”

  10. 11. Afonin Viktor | Цитировать

    Неплохо, нужно попробовать.

  11. Александр, этот прикол называется hReview

  12. 13. Александр | Цитировать
  13. Есть еще один момент для украшения снипета. В виде рейтинга. В вордпресс реализовывается с помощью плагина gd Star rating. Рейтинг в снипете отображается в виде желтых звездочек. Смотрится очень даже ничего…

  14. Че то нефига не получается :sad: Вроде все правильно сделал

  15. 16. Александр | Цитировать

    Сааано,

    дык так нужно чтоб переиндексировалось…. быстрый какой :)

  16. Совет конкретно по вашим хлебным крошкам ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете:
    1. Для google.com конструкция стремноватая, скорее-всего никогда показана не будет, а в google.ru будет показываться нормально.
    2. Выход: начать хл. крошки с буквы, типа “a ᖧᖨᖧᖨ..”, сократить текст, выбрать другие символы (если не показываются именно символы, а не все крошки).

  17. Александр, имею виду, что код этот не работает. Вставил свой домен итп но не прет что-то

  18. 19. Александр | Цитировать

    Сааано,
    Проверь код, может ошибка или пробел или не вывел там где надо.

  19. Александр, Все правильно, с кодом что-то не так.

  20. Использовал генератор снипетов, с ним все работает

  21. 22. Александр | Цитировать

    Сааано,
    хз нужно смотреть

  22. 24. Александр | Цитировать

    Сааано,

    icq “один один три три два два три шесть”

  23. Сааано, Может и не работать, там куча нюансов, просто взять и забить одними символами хл. крошки не получится. Например, символы типа ❺ гугл принимает около 5 подряд, а ★ только одну. Одни символы работают для начала строки, а другие нет (надо начинать с текста).

    Общий совет: короткий текст вперемежку с символами, символов подряд (без пробелов) не больше 5, хл. крошки начать с буквы.

  24. Станислав, Я видел и не раз. Только не знал что это такое. Сейчас знаю :smile:

  25. Saney, Код вообще не работает, смотри что выдают:

    КАКАКАК › #content” rel=”v:url” property=”v:title”>ᖧᖨᖧᖨᖧᖨᖧᖨᖧᖨ Блог №❶ в рунете

  26. Че то где-то символа не хватает.

  27. Сааано, Может двойные кавычки не такие, и код? :) . Надо так:

    <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>

  28. SANO, пока рановато сравнивать. Через недельку проанализирую.
    Step40, вместо http://sosnovskij.ru< ?=$_SERVER["REQUEST_URI"];?> полный урл страницы.
    Сааано, wordpress порезал код. Поправил. Сейчас должно все работать :) .

  29. Sosnovskij, Сказал же что неверный код, как время пройдет скажи как микроразметка повлияла на CTR

  30. Про изменение CTR мне тоже интересно ;-)

  31. 34. Дмитрий | Цитировать

    Александр,
    За желтые звездочки отвечает этот код:

    Saney отзывы:
    10.0 из 10.0: 10 голосов 15 комментариев.

  32. Saney, Вставил код как в статье в футоре, не сработало. Поставил букву перед символами все работает. Спасибо. ;-)

  33. Блин, у меня тема такие урлы видеть не хочет :-(

  34. Всё сейчас на много проще
    http://schema.org/WebPage
    плагин для WP Breadcrumb NavXT

    живой пример у меня на блоге

  35. Maximal, а что плагин умеет делать? :)

  36. а для чего это нужно, по-моему уродство + вряд ли пс будут очень рады видеть такие урлы.

  37. kickboxer, почему уродство? Это поможет увеличить CTR с поисковых систем. Google позволяет выводить подобные урлы. В чем проблема? :)

  38. 41. Елена | Цитировать

    Интересно! Обязательно попробую вставить на свой

  39. Sosnovskij, читал с мобильного:) Там все эти символы квадратиками отображаются, вот и написал, что уродство, с ПК вроде очень даже неплохо.

  40. 43. Дмитрий | Цитировать

    Забавно, может привлечь внимание благодаря такой фишке, поэксперементируем

  41. А нельзя ли к диву добавить стиль display: none ведь он скроет уродскую надпись на сайте, но вот будет ли он индексироваться ? Ответьте, если будет я попробую.

  42. General Dexter, индексировать такую конструкцию поисковики будут, но можно просто вставить ее гармонично на сайте. :)

  43. Чего-то я гармоничного применения на сайте такой конструкции не представляю. Поэтому лучше её скрою, пусть Гугл только отображает эту красоту.

  44. Чувак, трабл :)

    Я взял для туристического портала вот такой самолетик ✈ из твоего списка – очень крутой самолетик для туризма, считаю :)

    Но только вот в чем штука: в проверке сниппетов вот как http://clip2net.com/s/1G4Nj :) получается, что Google не знает этот самолетик?

  45. Nodar Giorgadze, Поставь перед самолетиками букву, и в конце крошки букву – будет работать :smile:
    “x ✈ ✈ ✈ Туры в Египет ✈ ✈ ✈ x”

  46. Ок, спасибо, попробую :)

  47. Сергей не подскажешь после, какой строки ставить код в футере?

Подняться наверхПодняться наверх