Шпаргалка по Юникоду
Каждый автор статей, контент-менеджер или веб-дизайнер рано или поздно сталкивается с задачей: как вставить на сайт красивую стрелочку, значок копирайта, редкую валюту или математический знак так, чтобы он не превратился в «кракозябры» при публикации. Для этого существует Юникод (Unicode) — единый международный стандарт, который кодирует миллионы символов со всего мира. Сегодня мы собрали самую удобную и подробную шпаргалку с готовыми кодами, которые помогут сделать тексты аккуратнее, а сниппеты в поисковиках — заметнее.
Знаки интеллектуальной собственности
Эти символы обязательны для футера сайта, юридических документов, оферт и описания брендов.
| Символ | Название | Юникод | HTML-код (имя) | Цифровой код |
|---|---|---|---|---|
| © | Авторское право (Copyright) | U+00A9 | © | © |
| ® | Зарегистрированная торговая марка | U+00AE | ® | ® |
| ™ | Товарный знак (Trademark) | U+2122 | ™ | ™ |
| ℗ | Авторское право на звукозапись | U+2117 | — | ℗ |
| ℠ | Знак обслуживания (Service Mark) | U+2120 | — | ℠ |
Популярные и редкие валюты
Коды валют выручают в интернет-магазинах, прайс-листах и коммерческих статьях, когда нужно указать цену быстро и красиво.
| Символ | Валюта / Страна | Юникод | HTML-код (имя) | Цифровой код |
|---|---|---|---|---|
| ₽ | Российский рубль | U+20BD | — | ₽ |
| $ | Доллар США | U+0024 | — | $ |
| € | Евро | U+20AC | € | € |
| £ | Британский фунт стерлингов | U+00A3 | £ | £ |
| ¥ | Иена / Юань | U+00A5 | ¥ | ¥ |
| ₹ | Индийская рупия | U+20B9 | — | ₹ |
| ₪ | Израильский шекель | U+20AA | — | ₪ |
| ₩ | Корейская вона | U+20A9 | — | ₩ |
| ฿ | Тайский бат | U+0E3F | — | ฿ |
Стрелки и указатели для навигации и списков
Стрелочки незаменимы для оформления меню, хлебных крошек, списков преимуществ и кнопок «Читать далее».
| Символ | Название / Назначение | Юникод | HTML-код (имя) | Цифровой код |
|---|---|---|---|---|
| → | Правая стрелка | U+2192 | → | → |
| ← | Левая стрелка | U+2190 | ← | ← |
| ↑ | Стрелка вверх | U+2191 | ↑ | ↑ |
| ↓ | Стрелка вниз | U+2193 | ↓ | ↓ |
| ➔ | Жирная правая стрелка | U+2794 | — | ➔ |
| ✓ | Галочка (успех / пункт списка) | U+2713 | — | ✓ |
| ✗ | Крестик (ошибка / отмена) | U+2717 | — | ✗ |
Математические и технические знаки
Часто используются в инфографике, технических характеристиках товаров, калькуляторах и формулах.
| Символ | Назначение | Юникод | HTML-код (имя) | Цифровой код |
|---|---|---|---|---|
| ° | Знак градуса (температура, углы) | U+00B0 | ° | ° |
| ∞ | Знак бесконечности | U+221E | ∞ | ∞ |
| ± | Плюс-минус | U+00B1 | ± | ± |
| × | Знак умножения | U+00D7 | × | × |
| ÷ | Знак деления | U+00F7 | ÷ | ÷ |
| & | Амперсанд (и / and) | U+0026 | & | & |
| • | Маркер списка (жирная точка) | U+2022 | • | • |
Греческий алфавит (для науки и формул)
Используется в физических, математических и SEO-терминах (например, альфа, бета, гамма или пи).
| Символ | Название буквы | Юникод | HTML-код (имя) | Цифровой код |
|---|---|---|---|---|
| α / Α | Альфа (строчная / заглавная) | U+03B1 | α | α |
| β / Β | Бета (строчная / заглавная) | U+03B2 | β | β |
| γ / Γ | Гамма (строчная / заглавная) | U+03B3 | γ | γ |
| δ / Δ | Дельта (строчная / заглавная) | U+03B4 | δ | δ |
| π / Π | Пи (строчная / заглавная) | U+03C0 | π | π |
| ω / Ω | Омега (строчная / заглавная) | U+03C9 | ω | ω |
Как быстро находить и вставлять спецсимволы без кода?
Не всегда под рукой есть таблица с HTML-мнемониками. Если вам нужно срочно вставить знак в текст статьи, пост в соцсетях или карточку товара, пользуйтесь встроенными системными панелями:
- На Windows. Нажмите комбинацию клавиш Win + . (точка) или Win + ; (точка с запятой). Откроется удобная встроенная панель эмодзи, где на вкладке со значками можно найти стрелочки, валюты и математические символы.
- На macOS. Используйте комбинацию Control + Command + Пробел. Откроется «Панель символов и эмодзи» (Character Viewer), где знаки разбиты по категориям.
- Через системную утилиту. Наберите в поиске Windows приложение «Таблица символов» (charmap), выберите нужный шрифт (например, Arial или Segoe UI), скопируйте выбранный значок в буфер обмена и вставьте в редактор.
Отдельного внимания заслуживают Google Документы (Google Docs). Если вы пишете тексты в облачном редакторе, вам даже не нужно выходить из вкладки браузера. В верхнем меню перейдите в «Вставка» → «Специальные символы». Откроется удобное окошко, где можно найти нужные знаки по категориям (например, стрелки, валюты, математические знаки) или даже нарисовать символ мышкой, а умный поиск Google сам подскажет похожий Юникод-знак.
Главные ошибки при использовании спецсимволов и как их избежать
Даже опытные контент-менеджеры иногда допускают досадные ошибки при работе со знаками Юникода:
- Превращение в «кракозябры» или вопросы (?). Это случается, если база данных сайта или старый движок не поддерживают расширенную кодировку utf8mb4. Чтобы этого не происходило, всегда задействуйте надежные HTML-сущности (например, © вместо самого символа © в чистом коде шаблонов).
- Переспам эмодзи и спецсимволов в SEO. Поисковые системы Яндекс и Google негативно относятся к избытку графических знаков в тегах Title и Description. Если пихать стрелочки и галочки в каждый заголовок, роботы могут посчитать страницу спамной и принудительно заменить ваш сниппет на собственный сгенерированный вариант. Используйте символы точечно, только для главных акцентов.
- Проблемы с мобильной версткой. Некоторые редкие или устаревшие значки могут некорректно отображаться на старых смартфонах, превращаясь в пустые квадратики. Всегда проверяйте внешний вид статьи на мобильных устройствах перед публикацией.
Зачем SEO-специалисту, контентщику и маркетологу знать эти коды?
Вот несколько преимуществ, которые получит профессионал, работающий с контентом в интернете и использующий специальные символы правильно:
- Заметное улучшение сниппетов в поиске. Добавление аккуратных стрелочек (→), галочек (✓) или спецсимволов в теги Title и Description делает сниппет сайта визуально ярче на фоне конкурентов в Яндексе и Google.
- Рост показателей CTR (кликабельности). Пользователи подсознательно обращают внимание на нестандартные графические элементы в выдаче, что приводит к увеличению переходов на сайт без дополнительных затрат на рекламу.
- Идеальное оформление карточек на маркетплейсах. На площадках вроде Авито, Wildberries или Ozon спецсимволы помогают структурировать огромные полотна текста, выделять характеристики товара и акцентировать внимание на выгодах.
- Повышение читаемости и структуры лонгридов. Использование красивых маркеров списков, указателей и буллетов вместо банальных дефисов делает статьи более профессиональными и легкими для восприятия.
- Универсальность и безопасность верстки. Знание цифровых и буквенных кодов избавляет от проблем с плавающими кодировками на старых сайтах и форумах.
Как видите, работа со спецсимволами в Юникоде — это простой, но невероятно эффективный инструмент в руках веб-мастера, копирайтера и маркетолога. Всего одна правильно подобранная стрелочка, галочка или значок валюты способны кардинально преобразить внешний вид текста, сделать карточку товара более привлекательной, а сниппет в поисковой выдаче — заметным для потенциальных клиентов. Сохраняйте эту шпаргалку в закладки, используйте проверенные HTML-коды и делайте свои сайты и публикации удобнее и качественнее!