Эта статья рассказывает, как решить проблему отображения страниц форума PHPBB на мобильных устройствах, определяемую в Яндекс.Вебмастер как «Слишком мелкий текст»:
Причина проблемы «Слишком мелкий шрифт»
Проблема отображения возникла потому, что Яндекс стал учитывать размер шрифта текста в пикселах.
Мы продолжаем улучшать алгоритм определения страниц, которые удобны для пользователей мобильных устройств. С сегодняшнего дня алгоритм ранжирования «Владивосток» начинает учитывать размер шрифта у размещенного на странице тексте. Мы рекомендуем использовать шрифт размером не менее 12px.
Этот фактор уже добавлен в инструмент проверки мобилопригодности страниц в новом Яндекс.Вебмастере. Обратите внимание, что страницы, ранее признанные оптимизированными для мобильных устройств, со временем будут перепроверяться Яндексом уже с учетом различимости шрифта, и если текст на них окажется неудобным для чтения с мобильных устройств, позиции страниц в мобильной выдаче могут ухудшиться.
Размер шрифта — еще один фактор определения мобилопригодности
Хотя стандартная PHPBB тема Prosilver адаптивна к мобильным устройствам, как говорится, из коробки, размер шрифта оказался ниже рекомендованного Яндексом.
Поэтому, чтобы Яндекс признал сайт оптимизированным для мобильных устройств, нужно увеличить размер шрифта до рекомендованных 12 пикселов.
Как изменить размер шрифта для форума PHPBB
Шрифт прописывается в CSS используемой темы, а базовые размеры – в файле theme/common.css. В стандартном стиле Prosilver указаны такие параметры:
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: normal;
margin: 0;
padding: 12px 0;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
}
Здесь видно, что указан размер шрифта 10px, то есть меньше 12px, которые ожидает Яндекс. Поэтому чтобы сделать шрифт побольше, нужно заменить 10px на 12px. Для того, чтобы это изменение увидел Яндекс, эту замену нужно сделать в стиле, используемом по умолчанию. Чтобы увеличить шрифт для всех пользователей, нужно увеличить размер надо во всех используемых стилях.
Внесение изменений в CSS
Изменение можно внести в файл стиля theme/common.css:
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: normal;
margin: 0;
padding: 14px 0;
word-wrap: break-word;
-webkit-print-color-adjust: exact;
}
Кроме размера шрифта, увеличил также на 2px вертикальные отступы.
На самом деле, общая рекомендация при изменении стиля состоит в том, чтобы не трогать рабочие стили, а создавать дочерние. Но при таких небольших правках это необязательно. Надо только помнить, что при обновлении версии форума и, соответственно, стиля Prosilver это изменение пропадёт, и его нужно будет делать повторно.
Собственно правку файла common.css проще всего сделать в Far Manager с подключением по (S)FTP через NetBox, редактируя файл на сервере.
Так же можно использовать FileZilla и Notepad++ по схеме: скачал — изменил — выгрузил обратно.
Конечно, надо сохранять резервную копию, на всякий случай.
Проверка сделанных изменений
После изменения файла CSS необходимо проверить, как происходит отображение. .
Проверка в браузере
На компьютере нужно проверить, как отображение теперь происходит для мобильных – в Mozilla FireFox по Ctrl-Shift-M:
В Google Chrome по F12, затем те же Ctrl-Shift-M.
Обычно при изменении CSS файла в браузере ничего не меняется, потому что браузер использует файл, сохраненный в своём локальном кэше. Чтобы обновить веб-страницу, игнорируя кэш браузера, нужно нажать Ctrl-F5, – шрифт станет крупнее.
На мобильных устройствах нет Ctrl-F5, поэтому смартфон будет показывать старый CSS, пока браузер не обновит кэш. Можно «помочь» мобильным браузерам, если уменьшить (временно) срок кэширования через .htaccess (для Apache):
ExpiresByType text/css "access plus 1 day"
а после окончания проверки вернуть обычное значение
ExpiresByType text/css "access plus 1 week"
Проверка в Яндекс.Вебмастер
Конечно, надо будет проверить, как Вебмастер оценивает страницы форума после изменения размера шрифта в CSS файле:
Если Яндекс увидел, что шрифт стал больше, то ошибка «Слишком мелкий текст» будет снята. Поскольку изменение CSS влияет на все страницы форума, то нет необходимости проверять остальные страницы этого же форума.
Восстановление изменений CSS при обновлении версии
При обновлении версии PHPBB обновляются также файлы стилей, поэтому в рабочих файлах опять окажется стандартный размер 10px, который таким же путём надо будет заменить на 12px.
Узнать больше
PHPBB
Создание и изменение стилей PHPBB – Creating & Modifying Styles
