Заказать SEO-услуги
Согласен с правилами обработки персональных данных
Скорость ответа - до 30 минут!

Как использовать символы Unicode в Title и Description для привлечения пользователей из выдачи

  • (Обновлено: )
  • 6 минут
like 122
58
31
33

Что такое спецсимволы Юникода и HTML

Символы Юникода – это конструкции SGML (англ. Standard Generalized Markup Language), с помощью которых можно использовать почти все письменные языки мира, а также большое количество специальных символов, которых нет в раскладке клавиатуры.
Применение таких знаков не ограничивается оформлением Title и Description, однако в этой статье вы узнаете, как их использовать именно в этом случае.

Зачем такие символы нужны в заголовке и описании страницы

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

Символы привлекают внимание пользователей.

Пример:

Пример использования символов в сниппете

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

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

Правильное использование специальных символов и «всё хорошо, что в меру»

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

Пример использования значка папки в Title

Или, если сайт предлагает туристические путёвки за границу с перелётом, уместен будет спецсимвол с изображением самолёта:

Пример использования значка самолёта в Title

Однако не переусердствуйте с количеством и «броскостью» значков, иначе сниппет будет выглядеть отталкивающе.

Пример слишком большого количества символов:

Пример некорректного использования символов в сниппете

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

Как понять, как отобразится символ в браузере

Важно помнить, что эти знаки по-разному отображаются в каждом браузере и на каждом устройстве.
Прежде чем оформлять Title и Description со значками, проверьте, как они будут отображаться.

Посмотреть, как отобразится тот или иной символ в сниппете, можно путём проверки в поисковой выдаче:

1. Откройте страницу поиска, введите любой запрос и нажмите «Найти».
2. Кликом правой кнопки мыши откройте меню, в котором выберите пункт «Просмотр кода страницы».
3. С помощью инструмента, изображённого ниже, укажите один из сниппетов выдачи и вы увидите этот элемент в коде.

инструмент выбора элемента страницы в коде

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

Проверка отображения символов в сниппете с помощью кода страницы

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

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

Существуют сервисы, в которых можно проверить конечный вид сниппета, однако они не гарантируют 100% варианта. Например, Saney позволяет проверить вид сниппета Google в десктопной выдаче:

Проверка сниппета в поисковых системах Google

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

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

Пример некорректного отображения:

Пример некорректного отображения символов в сниппете

Какие символы не стоит использовать

Стоит упомянуть, что Emoji больше не отображаются в сниппете десктопной поисковой выдачи Google.
Их ещё можно встретить в сниппетах некоторых сайтов, однако не стоит добавлять эмодзи сейчас – это может стать пустой тратой времени.

Не нужно использовать символы Unicode, не относящиеся к тематике вашего сайта и конкретной страницы, чтобы не сбивать пользователя с толку.

Где найти эти символы

Существует несколько сайтов со списком спецсимволов. Один из наиболее удобных для подбора подходящих значков – Таблица символов Юникода.

Выбор символов Юникода в сервисе

Значок, который вы ищете, нужно ввести в строку поиска по сайту и выбрать из предложенных тот, который больше импонирует.

Также некоторые из них можно найти в Википедии.

Часто используемые символы:

Значение Символ Юникод HTML Символ Юникод HTML Символ Юникод HTML
Стрелки U+27A8 ➨ U+2794 ➔ U+27A4 ➤
U+279C ➜ U+25B6 ▶ U+261B ☛
Знаки валют $ U+0024 $ U+20BD ₽ £ U+00A3 £
U+20AC € U+20B4 ₴ ¥ U+00A5 ¥
Звезды U+2605 ★ U+2606 ☆ U+272D ✭
Специальные символы © U+00A9 © ® U+00AE ® U+2122 ™
Значки телефона U+1F580 🖀 ? U+1F4DE 📞 ? U+1F4F1 📱
Транспорт ? U+1F69A 🚚 U+2708 ✈
Галочки U+2713 ✓ U+2705 ✅ U+2714 ✔
Разное U+271A ✚ U+2600 ☀ U+2665 ♥
U+273F ✿ U+2709 ✉ U+2662 ♢

Вывод

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

Не всегда сайт, находящийся на первом месте в выдаче, получает больше трафика, чем те, которые занимают 2–3 позицию. На это как раз и влияет привлекательность сниппета, улучшить которую можно с помощью спецсимволов Юникода и HTML.

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

Подписаться на рассылку

Еще по теме:

  • Как оптимизировать изображения на сайте
  • Как правильно оптимизировать изображения на сайте, чтобы они соответствовали требованиям поисковых систем и могли приносить дополнительный трафик на сайт? Об этом кратко рассказал Никита Простяков...
  • Как повысить CTR сайта в Google
  • Чем ближе к ТОПу, тем лучше CTR Работаем с Title и Description Используем призывы к действию Специальные предложения Используем эмодзи Используем микроразметку для сайта Хлебные...
  • Как и зачем оптимизировать страницу контактов?
  • Внимание! У нас вышла новая статья с актуальными данными по страницам контактов, прочитать её можно по ссылке Оформляя страницу контактов, многие считают, что достаточно указать адрес,...
  • Можно ли продвинуть клонированный сайт?
  • Подскажите, пожалуйста, имеет ли смысл продвигать клонированный сайт если он зашел в индекс и занял позиции? Клонировал сайт, развернул его на старом дропе. Через какое...
  • Плохой и хороший ссылочный профиль. Изучаем фильтры Google за платные ссылки
  • 12 февраля на конференции AllintopConf 2014 мы выступили с докладом о ссылочных санкциях Google. Рассказали о промежуточных результатах нашего исследования, посвященного этой теме, и поделились...

Юлия Е.

Помощник SEO-специалиста

Работала помощником руководителя в молодой IT-компании, после чего прошла курсы SEO. Пришла в SiteClinic и поняла, что хочу работать именно здесь.

Окончила курсы английского языка с уровнем Upper-intermediate, первую работу получила в 15 лет, работаю помощником SEO-специалиста.

Занимаюсь продвижением проектов клиентов.

Девиз: Работа сама себя не сделает.

Оцените мою статью: 

1 Star2 Stars3 Stars4 Stars5 Stars (36 оценок, среднее: 4,61 из 5)

Есть вопросы?

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

Siteclinic logo
Наверх

22 комментария к статье “Как использовать символы Unicode в Title и Description для привлечения пользователей из выдачи

  1. Есть опыт использования emoji в сниппетах ? Хотелось бы получить такую информацию

  2. Добрый день. У меня такой вопрос.
    Я оптимизирую один сайт, и хочу использовать в метатегах спецсимволы, а именно голубую и малиновую звездочку (это соответствует цветам нашего бренда).
    Вопрос в следующем. Где можно найти такие символы, и что нужно сделать, чтобы они в итоге корректно отображались в сниппетах?

    1. Добрый день,
      Удобный сервис для подбора символов в тексте статьи указан в первом предложении пункта «Где найти эти символы».
      А схема проверки и сервис для автоматической проверки указаны в пункте «Как понять, как отобразится символ в браузере»
      Активные ссылки на сервисы подсвечены голубым цветом в тексте.

  3. а Вордпресс в сниппеты спецсимволы встают шикарно. но почему в ocstore2.1 в сниппетах просто символы идут. в чем может быть проблема? как вв ocstore2.1 спецсимволы превратить в иконки?

    1. Добрый день, вероятно, в ocstore 2.1 не предусмотрена реализация спецсимволов в сниппетах. Попробуйте уточнить у тех. поддержки ocstore

    2. в мене Ocstore 2.1.0.1 и все показует в админке, просто копирою готовые символы, а не код

    1. Добрый день! Благодарим за ваше замечание! Мы заменили сервис в статье на рабочий аналог

  4. Здравствуйте! Хорошая статья). Но страшно как-то использовать спецсимволы в тайтлах и дескрипшн, хотя очень хочется выделиться. Я не видел ни по одному запросу в Топ-10 ни в Яндексе ни в Гугле спецсимволы. Можете показать примеры успешного использования спецсимволов в выдаче Яндекса или Гугла? Я что-то не нашел… Уверены ли Вы, что Яндекс и Гугл не накажут за это? Заранее благодарю).

    1. Добрый день, спасибо за вопрос. Нет причин, по которым бы поисковые системы наказывали за их использование. Стоит обратить внимание на то, что Google больше не отображает emoji в сниппете (в статье есть ссылка на статью об этом https://goo.gl/GJ51x6)
      Наша компания использует спецсимволы при написании метаданных для продвигаемых сайтов (пример http://prntscr.com/lhcymt).

  5. Отличная статья. В description просто супер будет смотреться. Еще читал что начали внедрять спецсимволы в микроразметку хлебных крошек

    1. Добрый день! Можете прислать скриншот того, как выглядит код страницы при добавлении спецсимвола? Сейчас у вас просто текст в title, а метатега description и вовсе нет.

  6. Время от времени использую их, но ИМХО считаю страницы с большим содержанием символов колхозом

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

  8. В дескрипт вставить дает но как только сохраняю страницу все пропадает даже текст

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Мы продвигаем: