Во время разработки дизайна сайта нередко возникают ситуации, когда появляется необходимость разбавить сухие тексты и формы дополнительными изображениями. Использование специализированных символов для текста, которые заменяют собой слова, придают информации более лёгкий и свободный характер. Далеко не всегда стоит подавать контент акцентировано серьёзно и строго.
Если ваш ресурс нацелен на молодую аудиторию, то применение нескольких небольших иконок внутри текста может быть отличным решением. Таким образом вы сможете глубже вовлечь пользователей в процесс взаимодействия с контентом и побудить их оставить ответную реакцию, в виде лайка, подписки или комментария.
Поэтому, с целью внести немного разнообразия в публикуемый контент, люди нередко добавляют в него специальные значки. Но подгружая к каждой статье специальные шрифты или добавляя графические изображения, вы можете попросту перегрузить собственный ресурс, что негативно скажется на скорости его загрузки и оценке поисковыми системами.
Однако существует простое и элегантное решение – использование символов 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 таблицы при оформлении ресурсов под Яндекс, чтобы не потерять на этом позиции в выдаче.