Как настроить кодировку сайта самостоятельно

Как кодировка влияет на отображение сайта, чем отличается UTF-8 от Windows 1251 и где указать кодировку.

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

Зачем нужна кодировка

Кодировка (Charset) — способ отображения кода на экране, соответствие набора символов набору числовых значений. О ней сообщает строка Content-Type и сервер в header запросе.

Несовпадение кодировок сервера и страницы будет причиной появления ошибок. Если они не совпадают, информация декодируется некорректно, так что контент на сайте будет отображаться в виде набора бессвязных букв, иероглифов и символов, в народе называемых «кракозябрами». Такой текст прочитать невозможно, так что пользователь просто уйдет с сайта и найдет другой ресурс. Или останется, если ему не очень важно содержание:

Студентка списывала реферат с формулами, а на сайте слетела кодировка. Реальная история

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

Кодировка влияет на SEO?

Разберемся, как кодировка на сайте влияет на индексацию в Яндекс и Google.

Яндекс четко заявляет:

«Тип используемой на сайте кодировки не влияет на индексирование сайта. Если ваш сервер не передает в заголовке кодировку, робот Яндекса также определит ее самостоятельно».

Позиция Google такая же. Поисковики не рассматривают Charset как фактор ранжирования или сигнал для индексирования, тем не менее, она косвенно влияет на трафик и позиции.

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

Пример страницы со слетевшей кодировкой

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

Виды кодировок

Существует довольно много видов, но сейчас распространены два:

UTF-8

Unicode Transformation Format — универсальный стандарт кодирования, который работает с символами почти всех языков мира. Символы могут занимать от 1 до 4 байт, такое кодирование позволяет создавать мультиязычные сайты.

Есть несколько вариантов — UTF-8, 16, 32, но чаще используют восьмибитное.

Windows-1251

Этот вид занимает второе место по популярности после UTF-8. Windows-1251 — кодирование для кириллицы, созданное на базе кодировок, использовавшихся в русификаторах операционной системы Windows. В ней есть все символы, которые используются в русской типографике, кроме значка ударения. Символы занимают 1 байт.

Выбор кодировки остается на усмотрение веб-мастера, но UTF-8 используют намного чаще — ее поддерживают все популярные браузеры и распознают поисковики, а еще ее удобнее использовать для сайтов на разных языках.

Определить кодировку страницы своего или чужого сайта можно через исходный код страницы. Откройте страницу сайта, выберите «Просмотр кода страницы» (сочетание горячих клавиш Ctrl+U» в Google Chrome) и найдите упоминание «charset» внутри тега head.

На странице сайта используется кодировка UTF-8:

Указание кодировки в коде страницы

Узнать вид кодирования можно с помощью «Анализа сайта». Сервис проверяет в том числе и техническую сторону ресурса: анализирует серверную информацию, определяет кодировку, проверяет редиректы и другие пункты.

Фрагмент анализа серверной информации сайта

С помощью этого же сервиса можно проверить корректность указанного кодирования. Аудит внутренних страниц «Анализа сайта» проверяет кодировку сервера и сравнивает ее с той, которая указана на внутренней странице. Найденные ошибки Анализ покажет в результатах проверки, и вы сразу узнаете, где нужно исправить.

Отчет о технических данных Кодировка сервера и страницы

Проверить кодировку еще можно через сервис Validator.w3, о котором писали в статье о проверке валидации кода. Нужная надпись находится внизу страницы.

Кодировка сайта в валидаторе

Если валидатор не обнаружит Charset, он покажет ошибку:

Ошибка указания кодировки

Но валидатор работает не точно: он проверяет только синтаксис разметки, поэтому может не показать ошибку, даже если кодирование указано неправильно.

Если кодировка не отображается

Если вы зашли на чужой сайт с абракадаброй, а вам все равно очень интересно почитать контент, то в Справке Google объясняют, как исправить кодирование текста через браузер.

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

Главное правило — для всех файлов, скриптов, баз данных сайта и сервера должна быть указана одна кодировка. Ошибка может возникнуть, если вы случайно указали на сайте разные виды кодировки.

Яндекс советует использовать одинаковую кодировку для страниц и кириллических адресов структуры. К примеру, если робот встретит ссылку href=»/корзина» на странице с кодировкой UTF-8, он сохранит ее в этом же UTF-8, так что страница должна быть доступна по адресу «/%D0%BA%D0%BE%D1%80%D0%B7%D0%B8%D0%BD%D0%B0».

Где указать кодировку сайта

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

• кодировка в мета-теге;
• кодировка в .htaccess;
• кодировка документа;
• кодировка в базе данных MySQL.

Кодировка в мета-теге

Добавьте указание кодировки в head файла шаблона сайта.

При создании документа HTML укажите тег meta в начале в блоке head. Некоторые браузеры могут не распознать указание кодировки, если оно будет ниже.

Мета-тег может выглядеть так:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

или так:

<meta charset="utf-8">

В HTML5 они эквивалентны.

Тег кодировки в HTML

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

Кодировка в файле httpd.conf

Инструкции для сервера находятся в файле httpd.conf, обычно его можно найти на пути «/usr/local/apache/conf/».

Если вам нужно сменить кодировку Windows-1251 на UTF-8, замените строчку «AddDefaultCharset windows-1251» на «AddDefaultCharset utf-8».

Осторожнее: если вы измените в файле кодировку по умолчанию, то она изменится для всех проектов на этом сервере.

Убедитесь, что сервер не передает HTTP-заголовки с конфликтующими кодировками.

Кодировка в .htaccess

Добавьте кодировку в файл .htaccess:

1. Откройте панель управления хостингом.
2. Перейдите в корневую папку сайта.
3. В файле .htaccess добавьте в самое начало код:
   1. для указания кодировки UTF-8 — AddDefaultCharset UTF-8;
   2. для указания кодировки Windows-1251 — AddDefaultCharset WINDOWS-1251.
4. Перейдите на сайт и очистите кэш браузера.

Кодировка документа

Готовые файлы HTML важно сохранять в нужной кодировке сайта. Узнать текущую кодировку файла можно через Notepad++: откройте файл и зайдите в «Encoding». Меняется она там же: чтобы сменить кодировку на UTF-8, выберите «Convert to UTF-8 without BOOM». Нужно выбрать «без BOOM», чтобы не было пустых символов.

Кодировка Базы данных

Выбирайте нужную кодировку сразу при создании базы данных. Распространенный вариант — «UTF-8 general ci».

Где менять кодировку у БД:

1. Кликните по названию нужной базы в утилите управления БД phpMyAdmin и откройте ее.
2. Кликните на раздел «Операции»:
   
3. Введите нужную кодировку для базы данных MySQL:
   
4. Перейдите на сайт и очистите кэш.

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

Для всех таблиц, колонок, файлов, сервера и вообще всего, что связано с сайтом, должна быть одна кодировка.

Проблема может не решиться, если все дело в кодировке подключения к базе данных. Что делать:

1. Подключитесь к серверу с правами mysql root пользователя:
   mysql -u root -p
2. Выберите нужную базу:
   USE имя_базы;
3. Выполните запрос:
   SET NAMES ‘utf8’;

Если вы хотите указать Windows-1251, то пишите не «utf-8», а «cp1251» — обозначение для кодировки Windows-1251 у MySQL.

Чтобы установить UTF-8 по умолчанию, откройте на сервере my.cnf и добавьте следующее:

В области [client]:

default-character-set=utf8

В области [mysql]:

default-character-set=utf8

В области [mysqld]:

collation-server = utf8_unicode_ci
init-connect='SET NAMES utf8'

character-set-server = utf8

Вы когда-нибудь сталкивались с проблемами кодировки на сайте?

Как поменять кодировку в Google Chrome на автоматическую

Иногда бывает так, что страницы в браузере показываются некорректно. Вместо букв, видны сплошные кракозябры – совершенно непонятные иероглифы.

Такая ошибка может возникнуть из-за неправильных настроек обозревателя Google Chrome как самим пользователем, так и в случае кривого обновления программы.

В последнем случае браузер Google Chrome ставит кодировку текста самостоятельно, без участия юзера. Программисты где-то налажали, и произошел конфликт распознавания языкового пакета. А иногда это просто-напросто глюк программы. Вылечить такое очень просто – нужно лишь изменить принудительно кодировку текста вручную.

Есть много кодировок, которые имеют собственное название. Тем, кто пользуется рунетом, рекомендуется выставлять в настройках кодировку под названием «windows 1251». О том, как ее поменять в браузере Google Chrome, пойдет речь ниже.

Смена кодировки на «windows 1251» в Google Chrome

Такую операцию в Хроме можно выполнить быстро, все элементарно. На панели вверху справа нажимаем значок с тремя точками (в старых версиях браузера – это три горизонтальные линии или гаечный ключ). В более новых версиях программ значки инструментов могут меняться, но суть в основном остается прежней.

Здесь выбираем строку «Дополнительные инструменты», откроется новое окошко, в нем жмем на «Кодировка»:

Появится маленький экран с большим количеством всевозможных кодировок, но нам нужна только одна – «Windows 1251». На нее и кликаем.

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

Смена на автоматическую кодировку

Но и при смене кодировки на «Windows 1251» могут появляться проблемы. На некоторых сайтах, не поддерживающих вышеназванную кодировку, может появиться вот такой текст:

Поэтому для решения все еще оставшейся проблемы нужно вручную выполнить следующий алгоритм действия, следуя нижеприведенной инструкции и изменить кодировку:

• Переходим в меню обозревателя, нажав на значок с тремя точками в правом верхнем углу монитора. В новой версии – это три точки, в более старых – три горизонтальные линии или фигура гаечного ключа:
• Находим раздел «Дополнительные инструменты» и выбираем подраздел «Кодировка»;
• В появившемся новом окне появится результат с большим выбором кодировок, но нам требуется отметить лишь один пункт, это значение «Автоматически»

Работа браузера Google Chrome несколько замедлится, но все страницы веб-сайтов теперь будут отображаться корректно. Программа сама будет выбрать нужное ей значение языкового пакета пользователя интернета и подстраивать под него соответственную кодировку текста.

Зачем столько кодировок

У многих возникает подобный вопрос. Их возникновение объясняется кроссплатформенностью программ, то есть сайт один, а в разных браузерах может выглядеть по-разному. Все кодировки – это рабочие варианты, которые сделаны программистами для выполнения своих конкретных задач. Сейчас идет процесс объединения всех платформ по единому стандарту при помощи кодировки Unicode, который проходит весьма успешно. Проблемы возникают только с криво сделанными сайтами, на которых веб-разработчик указал некорректный формат на сервере.

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

Принудительное изменение кодировки в браузерах Google chrome, Opera, Firefox

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

Лечение этого недоразумения достаточно простое, нужно вручную изменить кодировку браузера в настройках. Существует достаточно много способов кодирования данных, которые соответствуют конкретному языку, русская кодировка имеет название «windows 1251»

Меняем кодировку браузера Google Chrome

кодировка гугл хром

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

• Заходим в меню настроек (кнопка в верхнем правом углу браузера)
• Ищем и заходим в раздел «ИНСТРУМЕНТЫ«
• Далее выбираем пункт «КОДИРОВКА«
• В длинном списке нового окна перечислены все кодировки, которые поддерживаются браузером. У вас может быть выставлено значение «АВТОМАТИЧЕСКИ» это и является причиной проблемы, нужно найти кодировку «Windows 1251» и выставить в чекбоксе напротив галочку. Бывает и такая ситуация, когда выставлено в ручную значение «Windows 1251» и все равно, браузер выводит крякозябры, можно попробовать вернуть значение на «АВТОМАТИЧЕСКИ«, в этом случае, браузер самостоятельно будет определять языковой пакет пользователя и настраивать соответственную кодировку. В некоторых ситуациях, это может немного замедлить работу google chrome.

Настройка кодировки в браузере Opera

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

• Для изменения кодировки в браузере Opera нажимаем на кнопочку слева вверху «Opera«
• Затем переходим в раздел меню «НАСТРОЙКИ«
• Здесь вам нужен раздел меню «ВЕБ-САЙТЫ«
• Далее ниже ищем подраздел «ОТОБРАЖЕНИЕ«
• Тут есть кнопка «НАСТРОИТЬ ШРИФТЫ«

В появившемся окне перечисляются используемые по умолчанию системы шрифты, а в самом низу есть чек-бокс, открыв который можно выбрать нужную вам кодировку. Напоминаю, для русскоязычного интернета это «Windows 1251«

Настройка кодировки в браузере Firefox

Изменение способа кодировки в мазиле очень схожа с настройкой в Opere. Смотрим ниже.

• В верхнем левом углу нажимаем функциональную кнопку «Firefox«
• В открывшемся окне нажимаем на пункт «НАСТРОЙКИ«
• Далее переходим в раздел «СОДЕРЖИМОЕ«
• Теперь нажимаем кнопку «ДОПОЛНИТЕЛЬНО«

В открывшемся окне, вам нужно обратить внимание на нижнюю часть, где расположена кнопка-чекбокс с наименованием действующей в данный момент кодировки, если это не «Windows 1251», нужно нажать на кнопку и в выпадающем списке найти вашу кодировку, отметив ее галочкой.

Как поменять кодировку текста в браузере Google Chrome

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

Инструкция

В более старых версиях браузера разработчиками был оставлен целый блок во вкладке «Дополнительные инструменты», который отвечал за изменение и настройку кодировки. Однако в последних версиях этот функционал был порезан и выведен из употребления в рамках борьбы за свободное пространство пользовательского интерфейса.

Теперь единственная возможность изменить кодировку в Гугл Хроме – использовать специальное расширение, отвечающее за нужную функцию. Давайте разберем его инсталляцию и настройку.

Установочный процесс

Для претворения задуманного в жизнь мы остановили выбор на дополнении Charset, как наиболее простом в освоении, и эффективно выполняющем свои прямые обязанности. Ниже рассмотрим процесс подключения плагина к браузеру:

1. Открываем браузер и переходим по ссылке https://chrome.google.com/webstore/detail/charset/oenllhgkiiljibhfagbfogdbchhdchml.
2. Кликаем ЛКМ по кнопке «Установить» напротив найденного объекта.
3. Подтверждаем серьезность намерений и ждем завершения всех процессов.

Теперь осталось только освоить доступный нам функционал.

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

Для изменения кодировки на отдельно взятой страничке достаточно выполнить несколько простых шагов:

1. Запускаем Хром и переходим на проблемный сервис или страничку.
2. Находим на панели инструментов (правый верхний угол) ярлык нашего дополнения.
3. Кликаем по нему ЛКМ и перед нами выпадает списочек доступных кодировок, справа видим текущие настройки странички.
4. Для внесения изменений достаточно сделать свой выбор левой кнопкой мыши, страничка автоматически перезагрузиться и проблема устранена.

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

Подведем итоги

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

Проблемы с кодировкой на сайте

Вы здесь: Главная — PHP — PHP Основы — Проблемы с кодировкой на сайте

Одной из самых частых проблем, с которой сталкивается начинающий Web-мастер (да и не только начинающие), это проблемы с кодировкой на сайте. Даже у меня постоянно появляется при создании сайтов «абракадабра«. Но, благо, я прекрасно знаю, как эту проблему решить, поэтому всё привожу в порядок в течение нескольких секунд. И в этой статье я постараюсь научить Вас также быстро решать проблемы, связанные с кодировкой на сайте.

Первое, что стоит отметить, это то, что все проблемы с появлением «абракадабры» связаны с несовпадением кодировки документа и кодировки, выставляемой браузером. Допустим, документ в windows-1251, а браузер почему-то выставляет UTF-8. А уже источником такого несовпадения могут быть следующие причины.

Первая причина

Неправильно прописан мета-тег content-type. Будьте внимательны, в нём всегда должна находиться та кодировка, в котором написан Ваш документ.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Вторая причина

Вроде бы, мета-тег прописан так, как Вы хотите, и браузер выставляет именно то, что Вы хотите, но почему-то всё равно с кодировкой проблемы. Здесь, почти наверняка, виновато то, что сам документ имеет отличную кодировку. Если Вы работаете в Notepad++, то внизу справа есть название кодировки текущего документа (например, ANSI). Если Вы ставите в мета-теге UTF-8, а сам документ написан в ANSI, то сделайте преобразование в UTF-8 (через меню «Кодировки» и пункт «Преобразовать в UTF-8 без BOM«).

Третья причина

Мета-тег написан правильно, кодировка документа верная, но браузер почему-то настойчиво выбирает другую кодировку. Это уже связано с настройками сервера. Способ решения данной проблемы можно прочитать здесь: как задать кодировку в htaccess.

Четвёртая причина

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

SET NAMES 'utf8'

Вместо «utf8» может стоять другая кодировка. После этого все данные из базы должны выходить в правильной кодировке.

В данной статье я, надеюсь, разобрал, как минимум, 90% проблем, связанных с появлением «абракадабры» на сайте. Теперь Вы должны расправляться с такой популярной и простой проблемой, как неправильная кодировка, в два счёта.

• Создано 21.05.2012 13:43:04
• Михаил Русаков

Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

1. Кнопка:
   <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

   Она выглядит вот так:

2. Текстовая ссылка:
   <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

   Она выглядит вот так: Как создать свой сайт

3. BB-код ссылки для форумов (например, можете поставить её в подписи):
   [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

что это такое, как установить, поменять ее, и какие проблемы с настройками могут возникнуть

Есть проблемы с ранжированием, проект не растет, хотите проверить работу своих специалистов по продвижению? Закажите профессиональный аудит в Семантике

Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

Кодировка сайта – это набор взаимосвязанных кодов и соответствующего им графического отображения печатных элементов на экране.

Что такое кодировка сайта

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

Представьте, что у вас есть друг, который из всех символов понимает только ноль и единицу. Он с детства не знает ни букв, ни других цифр, и может читать сообщения, состоящие исключительно из сочетаний этих двух символов. Как с ним общаться, как говорить ему слова, как понимать его ответы – типичные вопросы, которые бы возникли у вас в начале общения. Решение следующее: составьте таблицу, по которой каждая буква, символ, цифра или знак препинания будут означать какую-то последовательность из нулей и единиц. Начните общаться с вашим другом по этому правилу, шифруйте все свои слова в двоичный вид и расшифровывайте его ответы.

А что, если таких человек в мире несколько десятков? Каждый имеет своих друзей, и каждый придумал собственную таблицу перевода букв в цифры. Если они встретятся друг с другом, никто ничего не поймёт, все они используют разные табличные языки общения. У одного буква «А» значит — 000101, а у другого этому коду соответствует вопросительный знак. Возникнет страшная путаница, каждый подумает, что его собеседник ошибся или не умеет говорить.

Вернёмся в реальность. Наши необычные друзья – это компьютеры. А их выдуманные языки с таблицами – те самые кодировки.

Какие существуют кодировки

Перечислим несколько наиболее удобных и популярных способов кодирования:

UTF-8

Unicode Transformation Format. Восьмибитное представление Юникода. Был изобретён в 1992 году и до сих пор является золотым стандартом всего программного обеспечения в мире. Для кириллицы в Юникоде выделено два раздела: Cyrillic и Cyrillic Supplement.

Windows-1251

Создана в 1990 году специально для русификаторов операционной системы Microsoft Windows. Кириллическая восьмибитная кодировка, занимает второе место по популярности.

KOI8-R

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

Как узнать кодировку сайта

Иногда для устранения проблемы на сайте возникает необходимость определить кодировку открытой страницы. Сделать это можно несколькими способами:

По метатегу

• Откройте исходный код страницы. Обычно это реализуется нажатием правой кнопки мыши по пустому месту открытого окна и выбором пункта меню «Исходный код страницы».
• В области <head> найдите тег<meta>.
• В нем должна быть строка с параметром charset.
• Значение этого параметра обозначает кодировку открытого сайта.

Через инструментарий браузера

• Найдите в вашем обозревателе меню с выбором «Информация о странице» или «Подробнее», пункт зависит от используемой программы.
• Выберите вкладку с основной информацией в открывшемся окне.
• Одним из свойств страницы будет «Кодировка текста».

Как установить кодировку сайта

Вы открыли сайт, но вместо текста видите непонятные закорючки, иностранные символы или цифры. Чтобы привести страницу к обычному виду, нужно вручную задать используемую кодировку.

• Mozilla Firefox
• Заходим в меню – три горизонтальные полосы справа.
• Выбираем категорию «Еще».
• Далее раздел «Кодировка текста».
• Выбираем необходимую опцию.

Opera

• Заходим настройки.
• Выбираем «Веб-сайты».
• Переходим в блок «Отображение».
• Далее – «Настроить шрифты».
• В конце выбираете кодировку.

Google Chrome

• Перейдите в меню – три точки справа вверху.
• Выберите пункт «Дополнительные инструменты».
• Откройте раздел «Кодировка».
• Откроется окно с выбором различных кодировок.

Настройка кодировки сайта

Если вы владелец проблемного сайта, на который жалуются посетители за неправильно работающую кодировку, стоит заново настроить портал для правильной работы по следующим пунктам. Главное правило, которое должно действовать для всего проекта – единая кодировка файлов, скриптов, баз данных и сервера.

• Сохраните все файлы сайта в единой кодировке. При необходимости измените её с помощью специальных программ, например Notepad++.
• Установите в html кодетеги кодировок. Для UTF8 кодировки это будет.
• Задайте кодировку серверных заголовков по умолчанию. Без этого браузер будет игнорировать даже метатеги.
• Отредактируйте файл httpd.conf. Найдите параметр AddDefaultCharset и установите необходимое значение.
• Если у вас нет доступа к корневым настройкам веб-сервера, отредактируйте файл .htaccess в папке ресурса. Укажите вручную параметр AddDefaultCharset с вашей кодировкой сайта.
• Существует возможность отправки заголовков средствами скриптов. Например, в PHP-скриптах достаточно добавить header(«Content-type: text/html; Charset=utf-8»). Отправка заголовков – приоритетная задача, и она должна выполняться в первую очередь перед выводом контента.

Придется вручную установить верную кодировку соединения для подключаемых модулей. Приведем пример конфигурации для популярной БД MySQL:

• Откройте на сервере конфиг my.cnf.
• В области [client] добавьте блок default-character-set=utf8.
• В области [mysqld] добавьте блок character_set_server=utf8 и
  collation_server=utf8_unicode_ci.
• Задайте принудительную кодировку при каждом обращении в PHP.
• mysqli_query(‘SET NAMES utf8 COLLATE utf8_general_ci’).

Неверная настройка кодировки сайта может навредить вашим посетителям, за счёт чего вы потеряете посещаемость и доход. Заходя на сайт, аудитория увидит непонятные отталкивающие наборы несвязанных символов. Никто не станет настраивать все вручную, чтобы поменять кодировку сайта на правильную, 95% пользователей просто уйдут со страницы. Подходите к этой проблеме с максимальной ответственностью. От правильного выбора кодировки зависит дальнейшая работа всего проекта.

Как поменять кодировку сайта в Google Chrome — 🖧 Полигон 218

На одном из сайтов предо мной предстала такая картина:

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

Привычная функция смены кодировки в браузере Google Chrome была упразднена разработчиками начиная с одного из релизов 55 версии. Не удобно, но другого не дано.

Решение довольно простое: установка расширения.

Откроем пункт меню Дополнительные инструменты – Расширения.

В открывшемся окне в низу нажимаем «Еще расширения» и переходим в магазин расширений Google Chrome. Вводим в поле поиска слово «encoding». Появляется много плагинов, я выбрал первый «Set Character Encoding». Нажимаем «Установить».

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

Установка расширения проходит очень быстро, и появляется сообщение оповещающее об этом.

После этого мы получаем заветную возможность изменять кодировку сайта в браузере Google Chrome. Для этого достаточно нажать правой кнопкой мышки на странице, перейти в пункт меню «Set Character Encoding».

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