Поради щодо того, як зробити свій блог більш зручним для мобільних пристроїв
Google нещодавно оголосив, що вони використовуватимуть мобільний дружній алгоритм оновлення, щоб перевірити, чи всі блоги є дружніми для мобільних пристроїв, і будуть карати тих, хто ні. Це змусило багатьох блогерів задуматися, як зробити свої веб-сайти більш зручними для мобільних пристроїв і як навіть дізнатися, чи ваш блог дружній для мобільних пристроїв чи ні. Саме тому ми зібрали найважливішу інформацію про те, чому так важливо зробити ваш блог більш зручним для мобільних пристроїв і як це насправді зробити.
Сьогодні значна частина відвідувачів блогів використовує для цього свої мобільні пристрої, а не комп’ютери. І оскільки Google пообіцяв підвищити рейтинги сайтів, які можна переглядати на мобільних пристроях, як ніколи важливо переконатися, що ваш блог або веб-сайт є дружніми до мобільних пристроїв.
Звичайно, справа не тільки в тому, чого хоче Google. Зробити свій блог зручним для мобільних пристроїв також у ваших інтересах і інтересах ваших читачів, тому що, оскільки так багато людей використовують свої мобільні пристрої для серфінгу в Інтернеті, це зробить читання вашого блогу зручнішим для них. Згідно з дослідженням Pew Internet Project, більше третини всіх власників мобільних телефонів використовують свій телефон для доступу в Інтернет більше, ніж свій настільний комп’ютер або ноутбук. Отже, якщо ви хочете, щоб ваш блог можна було легко переглядати на будь-якому смартфоні, а також збільшити кількість читачів вашого блогу, вам потрібно подумати про зручність для мобільних пристроїв. І цього насправді легше досягти, ніж можна було б подумати.
Перевірка зручності для мобільних пристроїв
Коли Google розробила цей алгоритм для мобільних пристроїв, вони також дозволили кожному перевіряти свої блоги та веб-сайти на цей показник за допомогою свого інструменту для тестування для мобільних пристроїв. Просто введіть URL-адресу свого блогу в поле «Введіть URL-адресу для тестування», натисніть «Запустити тест», і інструмент підкаже, чи ваш блог оптимізований для мобільних пристроїв.
Якщо ваш веб-сайт оптимізований для мобільних пристроїв, ви можете трохи розслабитися, тому що вам не потрібно нічого робити. Однак, якщо цей інструмент Google визначить, що ваш блог не найпростіший для читання на мобільному пристрої, вам потрібно якомога швидше внести деякі покращення в цей відділ.
Для тих, хто використовує програмне забезпечення для керування вмістом (CMS) для ведення свого блогу, як-от WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix тощо, налаштування не повинно бути проблемою, оскільки більшість цих програмних систем пропонують інструменти, які автоматично зроблять ваш веб-сайт зручним для мобільних пристроїв. Але якщо ви користуєтеся більш старою шкілкою, не використовуєте програмне забезпечення CMS для створення свого веб-сайту, або якщо ви використовували CMS, але ваш веб-сайт усе ще не відповідає мобільним стандартам, ось кілька порад щодо покращення зручність вашого сайту для мобільних пристроїв.
1 Оновіть CMS до останньої версії та використовуйте мобільні теми
Якщо ви використовуєте CMS, все, що вам може знадобитися, це або оновити програмне забезпечення, або змінити тему, яку ви використовуєте для свого блогу. Більшість CMS вже надають усі інструменти, щоб зробити ваш сайт зручним для мобільних пристроїв, але ви повинні переконатися, що ваша CMS оновлено до останньої версії. Наприклад, Joomla підтримує мобільні пристрої лише після оновлення до останньої версії програмного забезпечення. Однак для іншого програмного забезпечення може знадобитися змінити тему вашого веб-сайту, щоб зробити його зручним для мобільних пристроїв, оскільки деякі старіші теми просто не виглядають добре на мобільних пристроях, тому вони також не підходять для них. Для цього перейдіть до адміністративної панелі вашої CMS, знайдіть вкладку тем на інформаційній панелі та змініть тему свого блогу на адаптивну та зручну для мобільних пристроїв. Наприклад, WordPress пропонує сотні різних тем, і велика частина з них є безкоштовними та адаптивними. На жаль, якщо ви використовуєте CMS, яка не підтримує мобільні пристрої, знадобляться додаткові вдосконалення, і, можливо, буде розумніше просто змінити програмне забезпечення для керування вмістом.
2 Використовуйте підзаголовки
Емпіричне правило, коли справа доходить до вмісту блогу, зручного для користувачів мобільних пристроїв, полягає в тому, щоб дозволити їм поглинати текст невеликими абзацами замість того, щоб мати вашу статтю в одному довгому тексті. Тому текст вашого повідомлення в блозі повинен бути добре структурованим, щоб читач міг легко орієнтуватися в тексті. Це можна легко зробити за допомогою підзаголовків. Коли ви використовуєте підзаголовки, текст автоматично розбивається на багато підрозділів, і є менша ймовірність того, що читач втратить своє місце під час читання статті. І оскільки втрата місця під час читання чогось на смартфоні є досить поширеною проблемою для багатьох користувачів мобільних пристроїв, оскільки мобільна прокрутка ускладнює читання довгих одноманітних текстів, вирішіть її за допомогою заголовків.
Заголовки можна легко вставити за допомогою тегів заголовків. Тег для найбільшого та найважливішого заголовка
, який є ледь помітним заголовком, але все одно допоможе вам розділити вміст і полегшить його читання.
3 Виберіть відповідний розмір для зображень
Блогери зазвичай вибирають розмір зображень, які вони збираються використовувати у своїх публікаціях у блозі, відповідно до звичайного розміру екрана комп’ютера, але коли публікації блогу переглядаються на менших екранах, як-от екран мобільного телефону, зображення, як правило, закінчуються. однакового розміру. Це означає, що користувачі мобільних пристроїв не бачать зображення в належній пропорції. Тож створюйте зображення так, щоб вони мали не лише менші розміри, як правило, найкращі зображення розміром менше 1500 на 2500 пікселів, але також менші за розміром – рекомендовано менше 500 КБ. Зменшення розмірів файлів ваших зображень не лише дозволить користувачам швидше завантажувати сторінки, оскільки менші зображення споживають менше даних для завантаження.
Щоб зменшити розмір файлу та розміри ваших зображень, використовуйте будь-який фоторедактор, який є у вас під рукою, тому що для цього вам не потрібен Photoshop. Ми рекомендуємо використовувати або JPEGmini, або Pixlr, оскільки за допомогою цих фоторедакторів ви можете зменшити розмір своїх зображень без шкоди для їх якості.
4 Використовуйте адаптивний дизайн
Адаптивний дизайн для блогу або веб-сайту дає можливість переглядати його з багатьох різних платформ і пристроїв з різними розмірами екрану більш зручно, оскільки він автоматично адаптує ваш сайт до ширини вікна браузера. А для того, щоб відвідувачам блогу було зручно читати, під час такої адаптації зазвичай змінюється дизайн блогу, наприклад, зображення зменшуються, колонки вибудовуються вертикально, а також змінюється меню. Але якщо ці зміни не відбуваються самі по собі, є інструменти, за допомогою яких ви можете зробити це самостійно.
Наприклад, Foundation 3, Skeleton і Bootstrap. Ці фреймворки автоматично налаштують ваш блог, щоб його було легко читати на будь-якому пристрої. Використовувати їх набагато легше, ніж кодувати всі можливі комбінації самостійно. Звичайно, ви також можете зробити це за допомогою нових одиниць відносної довжини CSS3, таких як ширина вікна перегляду (vw), висота вікна перегляду (vh), мінімальна висота та ширина вікна перегляду (vmin) і максимальна висота та ширина вікна перегляду (vmax). Однак кодування вимагає навичок, а також часу, і якщо ви не досвідчений програміст, я б запропонував вибрати перший варіант.
5 Використовуйте прості конструкції
Користувачі мобільних пристроїв віддають перевагу простому дизайну сайтів, оскільки великі веб-сайти зі складним дизайном стають повільними на мобільному пристрої. Простий дизайн також полегшує утримання уваги читача на вмісті, а не відволікає його химерним дизайном, оскільки за статистикою більшість користувачів мобільних пристроїв мають досить короткий проміжок уваги.
Це означає зробити макет вашого сайту простим і зрозумілим. Якщо ви використовуєте тему, яку пропонує ваш постачальник послуг, ви можете просто змінити її на простішу. Наприклад, WordPress пропонує багато елегантних, простих дизайнів, які не перевантажать мобільні пристрої, але все одно добре виглядатимуть на робочому столі. Але якщо ви створили свій веб-сайт за допомогою HTML, ви можете завантажити простий шаблон, який зробить ваш сайт чудовим і зручним для мобільних пристроїв. Наприклад, Envato Market пропонує багато різних простих дизайнів, які ви можете вибрати та використовувати на своєму сайті.
6 Використовуйте стандартні шрифти
Цікаві шрифти можуть зробити блог більш креативним, але ці шрифти також можуть дратувати мобільних читачів блогу, оскільки не всі мобільні пристрої підтримують модні настільні шрифти. Тож, щоб переглянути вміст, користувачам мобільних пристроїв доведеться завантажувати нові шрифти на свої телефони, що для багатьох не варте клопоту. Крім того, навіть якщо всі шрифти попередньо встановлено, деякі креативніші шрифти важко читати на смартфоні через менший розмір.
Тому вибирайте традиційні шрифти, такі як Times New Roman, Verdana, Comic Sans MS, WildWest або Bedrock. А також перевірте читабельність шрифту, який ви вирішите використовувати, щоб переконатися, що текст не стає нечитабельним, коли його переглядають на меншому екрані смартфона. Загальне емпіричне правило полягає в тому, що будь-який текст на веб-сайті повинен мати принаймні 14 пікселів, оскільки таким чином текст буде достатньо великим, щоб його було легко читати, навіть якщо ви використовуєте мобільний пристрій із дуже маленьким екраном.
7 Мінімізуйте вміст на сторінці
Коли сторінка завантажується на будь-якому пристрої, будь то комп’ютер, планшет чи смартфон, пристрій завантажує весь вміст сторінки. Зазвичай це не викликає проблем, якщо ви користуєтеся комп’ютером, але великі обсяги даних можуть перевантажити мобільні пристрої. Щоб уникнути цього, вам слід мінімізувати кількість вмісту на кожній сторінці, оскільки це гарантує, що ваш блог працюватиме на кожному мобільному пристрої.
Рекомендовано зменшити вміст на сторінці до 5 Мб на сторінку. Ви можете легко перевірити розмір вмісту вашої сторінки в будь-якому браузері. Просто скористайтеся одним із багатьох інструментів перевірки розміру веб-сторінки, які доступні в Інтернеті. Якщо він перевищує 5 МБ, зменшіть розмір і кількість тексту, зображень та інших компонентів сторінки вручну або використовуйте уривки блогу, щоб відвідувачам було легше переглядати ваш блог.
8 Використовуйте відео YouTube
Якщо ви зазвичай розміщуєте багато відео в статтях свого блогу, пам’ятайте, що на мобільному пристрої вони виглядатимуть інакше, ніж на комп’ютері. Більше того, деякі мобільні пристрої навіть не підтримують певні формати відео, тому, щоб уникнути ймовірності того, що користувач не зможе відтворити відео на вашому сайті, використовуйте вбудований YouTube. Код для вбудовування, який YouTube надає для кожного без винятку відео, уже реагує, що означає, що ви зможете переглядати відео майже на будь-якому пристрої, і вам більше не доведеться турбуватися про розміри та формати відео.
Ви можете отримати код для вставки відео YouTube, натиснувши кнопку «Поділитися», яка розташована під кнопкою «Підписатися», потім натисніть вкладку «Вставити» та скопіюйте наданий код на свій сайт. І у вашій публікації ви отримаєте відео ідеального розміру, навіть не конвертуючи чи іншим чином налаштовуючи його.
Часто посилання на веб-сайті занадто малі, щоб мобільний користувач міг легко й точно натиснути пальцем. Читача блогу може дуже дратувати, коли він не може точно торкнутися вмісту, який хоче переглянути. Ось чому ви повинні замінити всі посилання на своєму веб-сайті кнопками розміром принаймні 44 пікселі на 44 пікселі.
Якщо ви використовуєте CMS, наприклад WordPress, ви можете просто використовувати плагіни для створення цих кнопок. Перейдіть до панелі керування CMS, знайдіть відповідний плагін, встановіть його та дотримуйтесь інструкцій щодо його правильного використання. Але якщо ви самостійно створили код веб-сайту, ви можете скористатися одним із цих безкоштовних генераторів кнопок посилань, що заощадить час, який ви витратили б на самостійне кодування кнопок.
10 Продовжуйте тестування
Нарешті, коли ви внесете всі вдосконалення та вважаєте, що ваш блог максимально зручний для мобільних пристроїв, перевірте свій блог ще раз за допомогою інструмента тестування Google або будь-якого іншого інструменту тестування мобільності, який можна знайти в Інтернеті. Якщо тепер усе гаразд і інструмент запевняє вас, що ваш блог не отримає штрафу, оскільки він не оптимізований для мобільних пристроїв, ви можете розслабитися та продовжувати розвивати свій веб-сайт, створюючи чудовий вміст. Але щоб переконатися, я б запропонував вам перевірити свій веб-сайт на кількох різних пристроях.
Попросіть друзів або членів родини переглянути ваш блог зі своїх телефонів і планшетів. Перевірте свій сайт на пристроях Android та IOS, а також на пристроях, які можуть мати зовсім іншу операційну систему. І переглядайте всі свої основні сторінки свого блогу на цих пристроях. Тільки перевіривши мобільність вашого блогу в реальному житті, ви можете бути впевнені, що ваш сайт справді легко переглядати та читати з усіх гаджетів.
Зручність для мобільних пристроїв полягає не лише в гарному дизайні сайту, але й у покращенні взаємодії з користувачем на вашому веб-сайті. Ось чому, коли ви зробите свій блог більш зручним для мобільних пристроїв, більше людей захочуть повернутися на ваш веб-сайт, оскільки його буде легко переглядати та розуміти. І оскільки кількість людей, які використовують свої мобільні телефони як основний пристрій для веб-серфінгу, лише зростає з кожним наступним роком, лише у ваших інтересах переконатися, що ваш веб-сайт є дружнім до цих користувачів смартфонів і відображає вміст для їх у зручній і легкій для читання формі.