Создание и раскрутка сайтов - веб-студия WebStudio2U Написать письмо в студию веб-дизайна WebStudio2U Авторизация Лента новостей студии веб-дизайна WebStudio2U Карта сайта

Веб-дизайн и выбор размера шрифта для сайта

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

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

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

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

Дело в том, что даже если на экране стационарного ПК или же ноутбука шрифт выглядит достаточно крупным, то это не означает, что и на мобильных устройствах (планшетах, смартфонах) он будет удобным для чтения. Ведь размер шрифта обычно устанавливается веб-мастерами в пикселях, размеры которых зависят от размера экрана устройства и его разрешения, и в результате один и тот же по размеру шрифт на большом экране читается удобно, а на маленьком — нет.

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

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

Еще один фактор, играющий важную роль при выборе размера шрифтов для сайта, — это подбор базового размера шрифта. Например, поисковая система Google рекомендует использовать в качестве базового размер шрифта в 16 пикселей CSS (одна из единиц измерения размера шрифтов), поскольку именно таким размером отображаются шрифты в браузерах по умолчанию, когда веб-мастер не задает никаких значений для размера шрифта в теле страниц сайта или же в файлах CSS. При этом шрифты меньше или больше базового на сайте Google советует задавать в относительных единицах, к примеру, в процентах, чтобы при автоматическом масштабировании страниц сайта для отображения на разных устройствах изменение масштаба шрифтов выполнялось максимально корректно.

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

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

Теги:
веб-дизайн, веб-дизайн сайта, юзабилити сайта, размер шрифта сайта