Во время разработки дизайна сайта нередко возникают ситуации, когда появляется необходимость разбавить сухие тексты и формы дополнительными изображениями. Использование специализированных символов для текста, которые заменяют собой слова, придают информации более лёгкий и свободный характер. Далеко не всегда стоит подавать контент акцентировано серьёзно и строго.
Если ваш ресурс нацелен на молодую аудиторию, то применение нескольких небольших иконок внутри текста может быть отличным решением. Таким образом вы сможете глубже вовлечь пользователей в процесс взаимодействия с контентом и побудить их оставить ответную реакцию, в виде лайка, подписки или комментария.
Поэтому, с целью внести немного разнообразия в публикуемый контент, люди нередко добавляют в него специальные значки. Но подгружая к каждой статье специальные шрифты или добавляя графические изображения, вы можете попросту перегрузить собственный ресурс, что негативно скажется на скорости его загрузки и оценке поисковыми системами.
Однако существует простое и элегантное решение – использование символов Unicode таблицы. Юникод таблица – это виртуальная библиотека, интегрированная в браузер. Она включает в себя более ста тысяч различных иконок и изображений. Каждому символу, входящему в библиотеку, присвоен собственный идентификационный номер. Для того, чтобы скопировать эмодзи, нужно просто указать этот номер. Тем самым вы получите внутри текста соответствующее изображение, например, лайк из символов.
Чтобы не запутаться в огромном многообразии символов, стоит обратить внимание на наборы наиболее популярных из них. Как правило, в текстах используется весьма ограниченный набор иконок, разбавляющих сухую информацию.
Как правильно скопировать юникод знаки
В большинстве случаев можно попросту скопировать смайлик и вставить в тело текста. При этом не возникнет никаких проблем. Движок вашего сайта их благополучно примет и обработает.
Вот только пользователи, использующие другие браузеры, могут столкнуться с затруднениями при просмотре ваших текстов. Потому что специальные символы могут попросту не отображаться из-за того, что в их браузере применяется другая кодировка.
И именно поэтому намного лучшим решением будет использовать HTML escape-код. Он позволит стандартизировать вставленные иконки и сделать их отображение одинаковым, вне зависимости от устройства и браузера, с которого они будут просматриваться.
Использование специальных символов для улучшения SEO
Несмотря на то, что прямого влияния на продвижение специальные символы для текста не оказывают, они могут помочь с привлечением трафика из поисковых систем. Ведь иконки не учитываются лишь алгоритмами ранжирования, тогда как рядовые пользователи их прекрасно видят. И именно поэтому многие специалисты предпочитают вставлять их в Description или, в некоторых случаях, даже в Title.
Это, своего рода, инструмент, позволяющий выделиться на общем фоне поисковой выдачи по целевым запросам. Люди будут банально больше обращать внимание на ваш ресурс из-за того, что он отличается от остальных.
Разумеется, не стоит бросаться бездумно копировать смайлики и набивать заголовки, описания всевозможными картинками. Здесь, как и во всём процессе работы с сайтами, стоит проявлять сдержанность и аккуратность:
Всё хорошо в меру – слишком активное использование иконок приведёт к тому, что ваш ресурс начнут воспринимать, как несерьёзный. А значит эффект от их использования окажется скорее отрицательным, чем положительным. Более того, в итоге поисковые алгоритмы могут посчитать, что ваше описание не релевантно основным запросам.
Изображения должны соответствовать тематике целевой страницы – значение, которое несёт в себе та или иная иконка, не всегда трактуется аудиторией однозначно. Причём эта интерпретация может зависеть не только от самого символа, но и от контекста, в котором он используется. Всегда помните о том, что смысл, закладываемый в использующиеся специальные символы, должен полность соответствовать вашим мета-тегам. Только тогда они будут эффективны и оправданы.
Каждый раз проверяйте корректность отображения иконок – использование специальных символов в сниппетах не всегда приводит к хорошему результату. Не все из них правильно воспринимаются поисковыми системами. Даже Яндекс и Google совершенно по-разному относятся к подобным решениям. После того, как скопировали эмодзи, надо обязательно не только проверить итоговый результат, но и протестировать его на различных устройствах и браузерах.
Если вы хотите заранее проверить, как будет отображаться тот или иной символ в поисковой выдаче, можно провести пару простых тестов:
Проверьте результаты поисковой выдачи по запросу необходимого emoji и посмотрите на полученные Description. Если там есть аналогичные symbols, то скорее всего они сработают.
Скопируйте эмодзи из таблицы Unicode и вставьте в строку поиска. Проверяйте каким образом поисковик будет их интерпретировать. Google вполне сносно работает с наиболее популярными и часто используемыми.
Самые популярные эмодзи: валюты, рубль, Инь и Ян, огонь, бомбочка, часы
Название | Превью | Код |
Евро | € | € |
Рубль | ₽ | ₽ |
Казахстанский тенге | ₸ | ₸ |
Фунт | £ | £ |
Лира | ₤ | ₤ |
Йена | ¥ | ¥ |
Гривна | ₴ | ₴ |
Цент | ¢ | ¢ |
Погода: градус, солнце, снежинка, облако
Природа и животные: слон, лошадь, лев, собака, кошка, насекомые
Юникод знаки с руками и смайлики (цветные)
Символы квадратиков, стрелочек, колбочек
▖ ▗ ▘ ▙ ▚ ▛ ▜ ▝ ▞ ▟ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▰ ▱ ▲ △ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ ▾ ▿ ◀ ◁ ◂ ◃ ◄ ◅ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ◯ ◰ ◱ ◲ ◳ ◴ ◵ ◶ ◷ ◸ ◹ ◺ ◻ ◼ ◽ ◾ ◿
Специальные символы вида «солнышко, звёздочка, рука»
☀ ☁ ☂ ✊ ✋ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ♮ ♯ ♰ ♱ ✁ ✂ ✃ ✄ ✆ ✇ ✈ ✉ ✌ ✍ ✎ ✏ ✐ ✑ ✒ ✓ ☢ ☣ ☯ ☮ ☣ ☬ ☪ ☦ ✡ 〄 ♨ ☸ ⌘ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❍ ❏ ❐ ❑ ❒ ❖ ❡ ❢ ❣ ❤ ❥ ❦ ❧ ❘ ❙ ❚ ❛ ❜ ❝ ❞ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➔ ➹ ➺ ➻ ➼ ➽ ➾ ➿ ⟠ ⟡ ⟦ ⟧ ⟨ ⟩ ⟪ ⟫ ⟰ ⟱ ⟲ ⟳ ⟴ ⟵
Числа и нумерация от 1 до 20 и от A до Z в Юникод
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳ ⑴ ⑵ ⑶ ⑷ ⑸ ⑹ ⑺ ⑻ ⑼ ⑽ ⑾ ⑿ ⒀ ⒁ ⒂ ⒃ ⒄ ⒅ ⒆ ⒇ ⒈ ⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛ ⒜ ⒝ ⒞ ⒟ ⒠ ⒡ ⒢ ⒣ ⒤ ⒥ ⒦ ⒧ ⒨ ⒩ ⒪ ⒫ ⒬ ⒭ ⒮ ⒯ ⒰ ⒱ ⒲ ⒳ ⒴ ⒵ Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ ⓪ ⓿ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴
Палочки, чёрточки и крестики в Unicode
─ ━ │ ┃ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ┌ ┍ ┎ ┏ ┐ ┑ ┒ ┓ └ ┕ ┖ ┗ ┘ ┙ ┚ ┛ ├ ┝ ┞ ┟ ┠ ┡ ┢ ┣ ┤ ┥ ┦ ┧ ┨ ┩ ┪ ┫ ┬ ┭ ┮ ┯ ┰ ┱ ┲ ┳ ┴ ┵ ┶ ┷ ┸ ┹ ┺ ┻ ┼ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╋ ╌ ╍ ╎ ╏ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕
Греческий алфавит и прочие буквы
ᴀ ᴁ ᴂ ᴃ ᴄ ᴅ ᴆ ᴇ ᴈ ᴉ ᴊ ᴋ ᴌ ᴍ ᴎ ᴏ ᴐ ᴑ ᴒ ᴓ ᴔ ᴕ ᴖ ᴗ ᴘ ᴙ ᴚ ᴛ ᴜ ᴝ ᴞ ᴟ ᴠ ᴡ ᴢ ᴣ ᴤ ᴥ ᴦ ᴧ ᴨ ᴩ ᴪ ᴫ ᴬ ᴭ ᴮ ᴯ ᴰ ᴱ ᴲ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴻ ᴼ ᴽ ᴾ ᴿ ᵀ ᵁ ᵂ ᵃ ᵄ ᵅ ᵆ ᵇ ᵈ ᵉ ᵊ ᵋ ᵌ ᵍ ᵎ ᵏ ᵐ ᵑ ᵒ ᵓ ᵔ ᵕ ᵖ ᵗ ᵘ ᵙ ᵚ ᵛ ᵜ ᵝ ᵞ ᵟ ᵠ ᵡ ᵢ ᵣ ᵤ ᵥ ᵦ ᵧ ᵨ ᵩ ᵪ ᵫ ᵬ ᵭ ᵮ ᵯ ᵰ ᵱ ᵲ ᵳ ᵴ ᵵ ᵶ ᵷ ᵸ ᵹ ᵺ ᵻ ᵼ ᵽ ᵾ ᵿ ᶀ ᶁ ᶂ ᶃ ᶄ ᶅ ᶆ ᶇ ᶈ ᶉ ᶊ ᶋ ᶌ ᶍ ᶎ ᶏ ᶐ ᶑ ᶒ ᶓ ᶔ ᶕ ᶖ ᶗ ᶘ ᶙ ᶚ ᶛ ᶜ ᶝ ᶞ ᶟ ᶠ ᶡ ᶢ ᶣ ᶤ ᶥ ᶦ ᶧ ᶨ ᶩ ᶪ ᶫ ᶬ ᶭ ᶮ ᶯ ᶰ ᶱ ᶲ ᶳ ᶴ ᶵ ᶶ ᶷ ᶸ ᶹ ᶺ ᶻ ᶼ ᶽ ᶾ ᶿ ῲ ῳ ῴ ῶ ῷ Ὸ Ό Ὼ Ώ ῼ ⍳ ⍴ ⍵ ⍶ ⍷ ⍸ ⍹ ⍺
Все спец. символы используемые для математики и физики в Unicode
× ℂ ℃ ℄ ℅ ℆ ℇ ℈ ℉ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℔ ℕ № ℗ ℘ ℙ ℚ ℛ ℜ ℝ ℞ ℟ ℠ ℡ ™ ℣ ℤ ℥ Ω ℧ ℨ ℩ K Å ℬ ℭ ℮ ℯ ℰ ℱ Ⅎ ℳ ℴ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ⅟ ℵ ℶ ℷ ℸ ℹ ℺ ℻ ℽ ℾ ℿ ⅀ ⅁ ⅂ ⅃ ⅄ ⅅ ⅆ ⅇ ⅈ ⅉ ⅊ ⅋ ⅍ ⅎ Ⅽ Ⅾ Ⅿ ∀ ∁ ∂ ∃ ∄ ∅ ∆ ∇ ∈ ∉ ∊ ∋ ∌ ∍ ∎ ∏ ∐ ∑ − ∓ ∔ ∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪ ∫ ∬ ∭ ∮ ∯ ∰ ∱ ∲ ∳ ∴ ∵ ∶ ∷ ∸ ∹ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≂ ≃ ≄ ≅ ≆ ≇ ≈ ≉ ≊ ≋ ≌ ≍ ≎ ≏ ≐ ≑ ≒ ≓ ≔ ≕ ≖ ≗ ≘ ≙ ≚ ≛ ≜ ≝ ≞ ≟ ≠ ≡ ≢ ≣ ≤ ≥ ≦ ≧ ≨ ≩ ≪ ≫ ≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀ ⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ⊌ ⊍ ⊎ ⋐ ⋑ ⋒ ⋓ ⋔ ⋕ ⋖ ⋗ ⋘ ⋙ ⋚ ⋛ ⋜ ⋝ ⋞ ⋟ ⋠ ⋡ ⋢ ⋣ ⋤ ⋥ ⋦ ⋧ ⋨ ⋩ ⋪ ⋫ ⋬ ⋭ ⋮ ⋯ ⋰ ⋱ ⋲ ⋳ ⋴ ⋵ ⋶ ⋷ ⋸ ⋹ ⋺ ⋻ ⋼ ⋽ ⋾ ⋿ ⌀
Все римские числа
Название | Превью | Код |
Римская цифра 1 | Ⅰ | Ⅰ |
Римская цифра 2 | Ⅱ | Ⅱ |
Римская цифра 3 | Ⅲ | Ⅲ |
Римская цифра 4 | Ⅳ | Ⅳ |
Римская цифра 5 | Ⅴ | Ⅴ |
Римская цифра 6 | Ⅵ | Ⅵ |
Римская цифра 7 | Ⅶ | Ⅶ |
Римская цифра 8 | Ⅷ | Ⅷ |
Римская цифра 9 | Ⅸ | Ⅸ |
Римская цифра 10 | Ⅹ | Ⅹ |
Римская цифра 11 | Ⅺ | Ⅺ |
Римская цифра 12 | Ⅻ | Ⅻ |
Наборы нестандартных стрелочек, указателей
Название | Превью | Код |
Leftwards Arrow | ← | ← |
Rightwards Arrow | → | → |
Upwards Arrow | ↑ | ↑ |
Downwards Arrow | ↓ | ↓ |
Left Right Arrow | ↔ | ↔ |
Up Down Arrow | ↕ | ↕ |
Right And Left Arrows | ⇄ | ⇄ |
Up And Down Arrows | ⇅ | ⇅ |
Down-Left 90deg Arrow | ↲ | ↲ |
Down-Right 90deg Arrow | ↳ | ↳ |
Up-Left 90deg Arrow | ↰ | ↰ |
Up-Right 90deg Arrow | ↱ | ↱ |
North West Arrow To Corner | ⇱ | ⇱ |
South East Arrow To Corner | ⇲ | ⇲ |
Leftwards Arrow To Bar | ⇤ | ⇤ |
Rightwards Arrow To Bar | ⇥ | ⇥ |
Anticlockwise Semicircle Arrow | ↶ | ↶ |
Clockwise Semicircle Arrow | ↷ | ↷ |
Anticlockwise Circle Arrow | ↺ | ↺ |
Clockwise Circle Arrow | ↻ | ↻ |
Wide-Headed Rightwards Arrow | ➔ | ➔ |
Downwards Zigzag Arrow | ↯ | ↯ |
North West Arrow | ↖ | ↖ |
Heavy South East Arrow | ➘ | ➘ |
Heavy Rightwards Arrow | ➙ | ➙ |
Heavy North East Arrow | ➚ | ➚ |
Dashed Rightwards Arrow | ➟ | ➟ |
Dotted Leftwards Arrow | ⇠ | ⇠ |
Black Rightwards Arrowhead | ➤ | ➤ |
Leftwards White Arrow | ⇦ | ⇦ |
Rightwards White Arrow | ⇨ | ⇨ |
Left Angle Quotation Mark | « | « |
Right Angle Quotation Mark | » | » |
Right Black Pointer | ► | ► |
Left Black Pointer | ◀ | ◀ |
Up Black Pointer | ▲ | ▲ |
Down Black Pointer | ▼ | ▼ |
Right White Pointer | ▷ | ▷ |
Left White Pointer | ◁ | ◁ |
Up White Pointer | △ | △ |
Down White Pointer | ▽ | ▽ |
Bow Arrow | ➴ | ➴ |
Шахматные фигуры, масти, ноты
Название | Превью | Код |
King White | ♔ | ♔ |
Queen White | ♕ | ♕ |
Rook White | ♖ | ♖ |
Bishop White | ♗ | ♗ |
Knight White | ♘ | ♘ |
Pawn White | ♙ | ♙ |
King Black | ♚ | ♚ |
Queen Black | ♛ | ♛ |
Rook Black | ♜ | ♜ |
Bishop Black | ♝ | ♝ |
Knight Black | ♞ | ♞ |
King White | ♔ | ♔ |
Clubs Black | ♠ | ♠ |
Hearts Black | ♥ | ♥ |
Diamonds Black | ♦ | ♦ |
Spades Black | ♣ | ♣ |
Clubs White | ♤ | ♤ |
Hearts White | ♡ | ♡ |
Diamonds White | ♢ | ♢ |
Spades White | ♧ | ♧ |
Одна четвертная нота | ♩ | ♩ |
Одна восьмая нота | ♪ | ♪ |
Связанные восьмые ноты | ♫ | ♫ |
Одна шестнадцатая нота | ♬ | ♬ |
Знак альтерации - Бемоль | ♭ | ♭ |
Знак альтерации - Бекар | ♮ | ♮ |
Знак альтерации - Диез | ♯ | ♯ |
Unicode таблица и SEO
Не менее актуальными, специальные символы бывают и при оформлении описания товаров для торговых площадок. В таком случае, вводя точный запрос и получая поисковую выдачу со списком подходящих товаров, пользователь с большей долей вероятности обратит внимание именно на ваше предложение. Потому что оно будет выделяться на фоне остальных, благодаря наличию подходящих изображений в Description.
Обратите внимание и на то, что Яндекс относится к специальным символам достаточно негативно. В лучшем случае, отечественный поисковик их попросту проигнорирует. Так что лучше не копировать эмоджи из Unicode таблицы при оформлении ресурсов под Яндекс, чтобы не потерять на этом позиции в выдаче.