Кракозябры вместо русских букв на сайте — 6 проблем и их решения

.htaccess, HTML, MySQL, PHP / 50 комментариев

Когда я только начинал изучать тему разработки сайтов, кракозябры были одной из моих постоянных проблем. Создал HTML-страницу — в браузере кракозябры, установил денвер и попробовал создать сайт на PHP — снова вместо букв кракозябры. Скачал иностранную тему, подключился к базе данных — та же проблема.

На своих сайтах я обычно использую UTF-8 (это такая кодировка текста, она ещё называется юникод), соответственно она будет присутствовать во всех примерах в этой статье.

1. UTF-8 без BOM

Начнём с самой простой проблемы. Вы создали какой-то HTML-файл, открыли его в браузере и получили:

Кракозябры (проблема с кодировкой).

Проблема актуальна в основном для пользователей Windows, на маке я с таким ни разу не сталкивался.

Решение проблемы зависит в основном от того, каким редактором вы пользуетесь. Для пользователей Windows я рекомендую бесплатный офигительный Notepad++.

Значит, открываем файл в Notepad++ и переходим в Кодировки > Преобразовать в UTF-8 без BOM. Вопрос — почему без BOM? Потому что с BOM у вас будут постоянно вставляться пустые символы (на самом деле они не пустые, у них тоже есть своя функция, но нам она в данном случае не нужна) куда не надо, а для PHP это уже критично.

2. Мета тег charset

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

Всё, что нам требуется, это вставить следующий код между тегами <head> сайта. Прежде всего проверьте, возможно этот метатег у вас уже присутствует. Если да, то посмотрите какое у него стоит значение параметра charset.

<meta charset="UTF-8" />

В темах WordPress обычно этот тег уже имеется по умолчанию и выглядит следующим образом:

<meta charset="<?php bloginfo('charset'); ?>" />

3. .htaccess

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

AddDefaultCharset utf-8

4. Заголовки сервера через header()

Ещё один способ определения кодировки. На этот раз через PHP. На WordPress никогда не приходилось им пользоваться.

header('Content-Type: text/html; charset=utf-8');

Важно! Этот код должен вставляться до того, как будет что-либо выведено на странице сайта, иначе — ошибка.

5. Проблемы с последним символом при обрезке строки

На многих сайтах встречаются блоки с популярными записями, последними комментариями, отзывами и так далее. Обычно в таких обзорных блоках выводится часть записи/комментария/отзыва и кнопка «читать далее». Так вот, для того, чтобы вывести первые несколько предложений или первые несколько слов текста, используется функция PHP substr(). Конечно же в основном я имею ввиду англоязычные темы, которых так много в интернете. Даже если у этих тем есть локализация — то есть вроде бы она на русском — переведена админка, переведён практически весь сайт, но при этом мы встречаем такие вот косяки:

Как решить эту проблему?

Легко — всё что нам нужно, это найти функцию substr() в коде и поменять её на mb_substr().

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

6. MySQL

У меня не раз бывало такое, что я подключался к MySQL, вытаскивал какие-нибудь данные, и при их выводе на сайте, текст отображался кракозябрами.

Такое может произойти, если кодировка вашего сайта не совпадает с кодировкой базы данных, к которой вы подключаетесь. В WordPress обычно таких проблем не бывает.

Для того, чтобы исправить это, после подключения к БД, делаем следующее:

mysql_query("SET NAMES 'UTF8'");

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

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Комментарии — 50

NextGenGamer 20 Мар 2015
Спасибо! статья помогла мне.
Василий 16 Июн 2015
Спасибо помогло писал код в PHPDesigner проблему решил по умолчанию файл был создан в кодировке ANSI поменял на UTF-8 без BOM (Проблема в списке 1) заработало.
Daria 28 Июн 2015
Благодарю! Использовала .htaccess
User 1 Авг 2015
Спасибо за подсказку насчет "Кодировки > Преобразовать в UTF-8 без BOM". Никак не мог понять откуда берутся пустые символы.

campusboy

4 Авг 2015

Если установить WP для тестов на локальную машину (Windows) и включить отладку:

define('WP_DEBUG', true);

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

Notice: Р¤СѓРЅРєС†РёСЏ register_sidebar РІС‹Р·РІР°РЅР° РЅРµРїСЂР°РІРёР»СЊРЅРѕ. Р’ РјР°СЃСЃРёРІРµ Р°СЂРіСѓРјРµРЅС‚РѕРІ РґР»СЏ Р±РѕРєРѕРІРѕР№ РєРѕР»РѕРЅРєРё В«Р‘РѕРєРѕРІР°СЏ РєРѕР»РѕРЅРєР° 1В» РЅРµ Р·Р°РґР°РЅ РїР°СЂР°РјРµС‚СЂ id. РџСЂРёСЃРІРѕРµРЅРЅРѕРµ РїРѕ СѓРјРѕР»С‡Р°РЅРёСЋ Р·РЅР°С‡РµРЅРёРµ СЂР°РІРЅРѕ В«sidebar-1В». Р§С‚РѕР±С‹ СѓР±СЂР°С‚СЊ СЌС‚Рѕ СЃРѕРѕР±С‰РµРЅРёРµ Рё СЃРѕС…СЂР°РЅРёС‚СЊ С‚РµРєСѓС‰РµРµ СЃРѕРґРµСЂР¶РёРјРѕРµ Р±РѕРєРѕРІРѕР№ РєРѕР»РѕРЅРєРё, Р·Р°РґР°Р№С‚Рµ РІСЂСѓС‡РЅСѓСЋ РїР°СЂР°РјРµС‚СЂ id, СЂР°РІРЅС‹Р№ В«sidebar-1В». Р”РѕРїРѕР»РЅРёС‚РµР»СЊРЅСѓСЋ РёРЅС„РѕСЂРјР°С†РёСЋ РјРѕР¶РЅРѕ РЅР°Р№С‚Рё РЅР° СЃС‚СЂР°РЅРёС†Рµ «РћС‚Р»Р°РґРєР° РІ WordPress». (РС‚Рѕ СЃРѕРѕР±С‰РµРЅРёРµ Р±С‹Р»Рѕ РґРѕР±Р°РІР»РµРЅРѕ РІ РІРµСЂСЃРёРё 4.2.0.) in Z:\home\test1.ru\www\wp-includes\functions.php on line 3560

К удивлению, это не всегда. То есть поставишь чистый WP для тестов и всё нормально, как ни крути. А бывает вот такое :-)

Миша 5 Авг 2015
По идее должно помочь:
AddDefaultCharset utf-8
Не катит?
- campusboy 5 Авг 2015
  Проблема проявляется редко. Сейчас пока её нет, как я появится - попробую твой способ, спасибо. Это ж в htaccess вписывается?
  - Миша 6 Авг 2015
    Да, верно.

Дмитрий 30 Авг 2015
Здравствуйте. Помогите, пожалуйста по следующему вопросу. Функции substr() нету, что делать? Как убрать этот вопросительный знак?
- Дмитрий 30 Авг 2015
  Нашел, в дужках просто был текст, а я искал через поиск, по этому и не искалось)
Максим 2 Сен 2015
Здравствуйте!
В первую очередь хотел сказать спасибо за статью! За разнообразность решения одной проблемы :)
Но, к сожалению, я так и не смог решить проблему. Помогите, пожалуйста:

Создал локальный сайт через Денвер. БД следующая:
База данных: ut8_general_ci
Language: russian (ru-utf-8)
Сопоставление соединения с MySQL: ut8_general_ci
Уже где только можно и нельзя поставил кодировку UTF8.
На всякий случай в .htaccess прописал AddDefaultCharset utf-8

Дело, собственно говоря в чем. Установил плагин Page Builder, добавляю строку, виджет, все нормально. Но если "Переключится на обычный редактор", то там и видно следующее:
<a href="http://localhost/vetlikar/wp-content/uploads/2015/08/12121286.png"><img src="http://localhost/vetlikar/wp-content/uploads/2015/08/12121286-300x294.png" alt="12121286"></a> РџР°СЂР°Р·РёС‚Р°СЂРЅС‹Рµ Р±РѕР»РµР·РЅРё СЃРІРёРЅРµР№
Это первая проблема. Кракозябра присутствует.
Вторая: я обрез статью, и в конце появился знако вопроса �

Помогите, пожалуйста.
- Миша 2 Сен 2015
  Здравствуйте!
  1) тут нужно смотреть, сходу трудно сказать
  2) а каким образом обрезаете статью?
Вячеслав 18 Сен 2015
Благодарю ! Помогло !
Руслан 5 Ноя 2015
Здравствуйте. Недавно перенёс блог с опен-сервера на хостинг. У меня в таблицах БД код utf_general_ci, на хостинге unicode. Менял в пчпмайадмин на юникод, не помогло, вставил по вашему совету в htasess, тоже, а куда вставить не понял). Пробовал еще файл конфиг преобразовать ютф без бом, не работает..
Руслан 5 Ноя 2015
а куда вставить mysql_query("SET NAMES 'UTF8'"); не понял).
- Миша 6 Ноя 2015
  Здравствуйте!
  А проблема собственно какая?
  - Руслан 6 Ноя 2015
    перенеся блог, выходят кракозябры.. кодировку как ни менял, ничего не получается)
Равиль 18 Ноя 2015
А что делать если кракозябры исходят от плагина. Сейчас поясню: есть плагин регистрации. В нем есть настройка какие сообщения отправлять регистрирующемуся на почту. Они на английском. Когда изменяешь текст на свой, на русском языке на почту регистрирующемуся приходит письмо с кракозябрами. Ставишь английские буквы в сообщение - на почту приходят на английском. Где и как это можно исправить, помогите, подскажите пожалуйста?
- Миша 19 Ноя 2015
  Нужно посмотреть, каким образом он это отправляет. Если через wp_mail(), то таких проблем быть не должно, а если через просто mail(), то возможно потребуется добавить параметры кодировки письма.
  - Равиль 20 Ноя 2015
    А как это можно посмотреть? нужно будет найти файл такой и именно туда добавить?
Равиль 20 Ноя 2015
А, да, забыл, он ведь еще до отправки эти кракозябры показывает. Весь плагин сам на русский нормально перевелся. Только вот эта часть, где вводишь какие сообщения будут приходить на почту, показывает кракозябры. Ну и соответственно их и отсылает на ящик
- Миша 20 Ноя 2015
  Да? Это уже другой разговор :)
  
  он ведь еще до отправки эти кракозябры показывает
  
  но на этом моменте нужно подробнее.
  - Равиль 20 Ноя 2015
    Плагин был весь на английском. Я его перевел на русский. Единственная часть которая не переводится, это там где заполняешь какой текст уведомления будет приходить подписчику. Т.е. например: человек заполнил форму, нажал "Отправить" показывается сообщение о том, что заявка отправлена, скоро на почту придет письмо, И одновременно приходит сообщение на ящик что заявка в данный момент находится на рассмотрении.
    Так вот в плагине, эти сообщения в настройках стоят стандартные на английском, их можно менять на свои. Если пишешь свои сообщения, на английском, то всё отображается нормальными английскими буквами. Но как только пишешь на русском и сохраняешь, прямо там же, где эти сообщения задаются, вместо русских букв становятся кракозябры. Соответственно что в этих окошках появляется, то он и отправляет. Эх, скриншот бы отправить, сразу думаю так сразу всё ясно станет
    - Миша 22 Ноя 2015
      Ну плагин косячный, нужно смотреть код и править, что еще тут скажешь.
      - Равиль 23 Ноя 2015
        о, вот какой, какой, а уж этот плагин очень грамотно сделан, просто заточен не под русскоязычную аудиторию, жалко что русскоязычных таких плагинов среди бесплатных нет. Ну, ладно, как бы то ни было, спасибо большое, за подсказки.
Руслан 11 Янв 2016
Привет. Я создавал страничку nopead++ с кодировкой в UTF-8 без BOM и прописывал , но когда загрузил на сервер сайт он получился весь в этих кракозябрах, много уже полазил и ничего не нашел, помогите ребята)))
- Миша 12 Янв 2016
  Привет, если ни один из перечисленных способов не помог, можете написать мне по емайл, я гляну :)
Владислав 19 Янв 2016
Спасибо! Помогло
Илья Волков 16 Апр 2016
У меня вот появляются после выставления текста через редактор такая кракозябра
как ее можно убрать?
- Миша 16 Апр 2016
  Это пробел :)
  - Илья Волков 16 Апр 2016
    да, это то понятно)
    просто в редакторе его нет, а в коде странице при просмотре элемента - есть.
    Он на SEO не влияет?
    - Миша 17 Апр 2016
      Не влияет.
      - Илья Волков 17 Апр 2016
        
        Thanks ;-)
Walter 10 Авг 2016
Моя проблема касается кодировок в MySQL. Почему-то русские буквы записываются в базу в виде Ñ†ÑƒÐ°Ñ‹Ð²Ð°Ñ‹Ð°Ñ‹Ð²Ð° вместо слова Корова, например.

В базе везде стоит кодировка utf8_general_ci.
В php файле есть:
header('Content-type: text/html; charset=utf-8'); mysqli_query("SET NAMES 'utf8';"); mysqli_query("SET CHARACTER 'utf8';"); mysqli_query("SET SESSION collation_connection = 'utf8_general_ci';");
В самом php-файле нет никаких русских букв. Собственно значения c русскими буквами берутся из $_POST, куда они попадают из поля TEXTAREA.
$request=$_POST['request']; $sql='INSERT INTO `table` (`request`) VALUES ("'.$request.'")'; $q=mysqli_query($mysqli, $sql);
Вывожу значение переменной $sql на экран через echo: INSERT INTO `table` (`request`) VALUES ("Корова").
Захожу в базу - там записалось Ñ†ÑƒÐ°Ñ‹Ð²Ð°Ñ‹Ð°Ñ‹Ð²Ð°.

Если через phpMyAdmin добавлять новую запись в таблицу, то все в порядке, записывается и потом отображается Корова русскими буквами.

Ситуация одинаковая что на локальном сервере (MAMP), что на хостинге.

Уже всю голову сломал, не могу понять, почему такого рода краказябры сохраняются в таблицу вместо русских букв. Буду рад любым подсказкам, в каком направлении можно еще покопать.
- Миша 10 Авг 2016
  Добрый день!
  Можете скинуть по емайл мне доступ к хостингу? я поколдую немного, а то так что-то трудно сказать.
  - Walter 10 Авг 2016
    Нет, доступ к хостингу я не дам. Ничего там колдовать не нужно, оказывается. Довольно простую ошибку я нашел в своем же коде, который приводил выше. Если будут еще какие вопросы, буду обращаться.
    - Миша 10 Авг 2016
      Ок, отлично!
- Денис 9 Мар 2020
  Спасибо, человечище!
Walter 10 Авг 2016
В .htaccess стоит
AddDefaultCharset utf-8
ррр 12 Фев 2020
вот это помогло
<meta charset="UTF-8" />
Андрей 4 Мар 2020
Спасибо, добрый человек! :3
Heinz 17 Сен 2020
Хочу выразить огромную благодарность человеку написавшему эту статью , эту проблему не мог решить чел который меня учит а я сам наше вашу статью и решил СПАСИБО
- Миша 17 Сен 2020
  Очень рад, что вам помогла эта статья!
keril 27 Янв 2021
Спасибо большое за UTF, добавить bom и .ini начали отображаться нормально!
Юрий 28 Июн 2021
Здравствуйте. Хьюстон ,у меня проблемы.
Натянул сайт на вордпресс.
На сайте есть кусок кода ,
foreach (glob($audio_path."*.mp3") as $n => $file_path) { $file_name = str_replace($audio_path, '', $file_path); $file_name = str_replace('.mp3', '', $file_name); $song=explode('_', $file_name); $audio= [ 'autor' =>$song[1], 'title' => $song[2], 'style' => $song[3] ]; $audio_array[] = $audio; }
после этого все это выводится в тегах . До натяжки на вордпресс все работало и локально на компе, и на хостинге. Теперь все в кракозяблах вида
Исполнитель: �ࠡ Трек: �� ࠢ�� Стиль: Rap, ��ࠢ��
Пробовал и .htaccess и header('Content-Type: text/html; charset=utf-8'); Все равно та же хрень. Что делать?
- Миша 30 Июн 2021
  Здравствуйте, с таким пока не сталкивался, сорри
Александр 2 Июл 2021
Добрый день, Миша.
Имею старый сайт, в котором записано на каждой странице:

Вроде все всегда и везде отображалось правильно, но в какой-то момент я заметил, что если адрес любой страницы сайта скопировать и вставить, например, в WhatsApp, то title и description сайта разворачиваются там не русскими буквами, а значками ��. Точно так же title и description сайта стал записываться и на сайтах анализа статистики, например, в https://be1.ru/.

Вопрос - почему это и как устранить?

Просто замена на charset=utf-8, вместе с игрой в .htaccess (добавление/убирание DefaultLanguage ru и AddDefaultCharset windows-1251 или utf-8) либо ничего не меняет, либо приводит к замене букв на значки �� уже и в браузере.

Заранее благодарен за помощь.
- Александр 2 Июл 2021
  Неправильно указал код, извиняюсь. На каждой странице сайта написано в meta: charset=windows-1251
qa ninja 1 Сен 2023
Храни вас господь!)) на втором шаге действительно решилась проблема. Я человек далекий от написания кода но пришлось начать постигать азы. Еще раз большое спасибо.
- Миша 7 Сен 2023
  Рад помочь🙏😌

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.