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

Занадто дрібний шрифт основного тексту, що використовується на сайті, може стати одним з факторів песимізації цього сайту в пошуковій видачі, адже сьогодні пошукові системи приділяють велику увагу зручності відображення контенту сайтів на різних типах пристроїв. Ось чому вибір розміру шрифту для сайту є однією з важливих задач веб-дизайну сайтів і вимагає особливо вдумливого підходу.

Якщо основний шрифт на сайті занадто дрібний, користувачам доводиться напружувати зір, щоб прочитати потрібний текст. Зрозуміло, далеко не кожному користувачеві захочеться це робити, тому сайт з дрібним шрифтом багато відвідувачів закриють як можна швидше. У подібному випадку, само собою, на ефективну роботу сайту розраховувати не доводиться.

Проте не тільки зростання показників відмови на сайті може стати результатом використання дуже дрібного шрифту. Через замалий розмір шрифту сайт може навіть виявитися нижче своїх конкурентів за важливими тематичними ключовими словами (за інших рівних умов) у зв'язку з тим, що в даний час пошукові системи активно борються з незручним поданням контенту на сайтах.

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

Справа в тому, що навіть якщо на екрані стаціонарного ПК або ноутбука шрифт виглядає досить великим, то це не означає, що і на мобільних пристроях (планшетах, смартфонах) він буде зручним для читання. Адже розмір шрифту зазвичай встановлюється веб-майстрами в пікселях, розміри яких залежать від розміру екрану пристрою та його роздільної здатності, і в результаті один і той же за розміром шрифт на великому екрані читається зручно, а на маленькому — ні.

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

Щоб виправити проблему, потрібно розуміти, що масштабування шрифтів на екранах мобільних пристроїв залежить від декількох факторів. Зокрема, дуже важливими для коректного відображення розміру шрифтів є налаштування області перегляду на сайті: якщо область перегляду не налаштована, то браузер не зможе правильно відобразити сайт, в результаті чого шрифт виявиться занадто дрібним для читання. Для налаштування області перегляду застосовується метатег viewport.

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

Слід зазначити на закінчення, що при розробці веб-дизайну сайту не тільки розмір шрифту має важливе значення, але і кількість різних шрифтів, а також застосовувані кольори шрифту. Адже якщо при розробці колірної схеми для сайту помилитися, то рівень юзабіліті сайту може знизитися, а це вкрай негативно надалі позначиться на ефективності роботи сайту. Ось чому роботи з веб-дизайну варто довірити фахівцям професійних веб-студій.

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

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