Оскільки майбутній перехід Google на індексацію мобільних телефонів відбудеться у середині року, настав час розширити свій бізнес за допомогою створення мобільного веб-сайту. Розгляньте наступні чотири поради для оптимізації вашого сайту на будь-якому пристрої вчасно для переходу на мобільний перший.
Зрозумійте перехід до індексу мобільного зв'язку
Google використовує вміст вашого робочого столу для визначення рейтингу вашого веб-сайту як для робочого столу, так і для мобільних пристроїв, тобто ваші рейтинги залежать від того, як ваш вміст відображається на робочому столі, а не на мобільних пристроях. Але оскільки більше людей тепер отримують доступ до Інтернету за допомогою мобільних пристроїв, ніж з робочого столу, Google офіційно вирішив класифікувати веб-сайти на основі мобільного вмісту. Якщо ваш веб-сайт не відповідає розкладці, має низьку швидкість завантаження або погано розроблену навігацію та вміст, ваш рейтинг, швидше за все, зменшиться, якщо ви не оптимізуєте свій сайт для мобільних пристроїв до зміни.
$config[code] not foundВипробування та прискорення швидкості завантаження
Останні дослідження показують, що 47% споживачів хочуть, щоб веб-сторінка завантажувалася за дві секунди або менше, а 40% глядачів залишають веб-сайт, якщо процес завантаження триває три секунди або більше. Ця статистика, а також повідомлення Google про те, що швидкість завантаження сторінок для мобільних пристроїв буде вирішальним фактором для визначення рейтингу після перемикання, повинна бути достатньою, щоб кожен власник бізнесу двічі перевіряв час завантаження мобільного веб-сайту. Визначте швидкість завантаження кожної зі сторінок веб-сайту за допомогою інструментів Google Chrome для користувачів і швидкості сторінки.
Якщо вам потрібно прискорити швидкість завантаження, серед тих, хто рекомендує:
- AMP: Проект прискорених мобільних сторінок - AMP - це підприємство з відкритим вихідним кодом, яке використовує зменшений HTML для завантаження сторінок вашого веб-сайту швидше, ніж стандартний HTML. Це, разом із Google, що зберігає ваш вміст у своєму буферному сховищі, допомагає підвищити час завантаження веб-сайту.
- Прогресивні веб-програми - PWA є опціями для тих, хто не хоче переходити до проекту AMP. PWA швидко реагують на комунікації користувачів і швидко завантажують їх, роблячи їх життєздатною альтернативою AMP.
- PWAMP - PWAMP - це суміш PWA, розроблена для AMP, JS, CSS і HTML, але сайти, які використовують PWAMP, можуть не сертифікуватись так швидко, як AMP-сторінки. Однак, сторінки PWAMP все ще є швидкими та мають ті ж переваги, що й PWA.
Покладіть прожектор на досвід користувачів
Типова помилка, яку роблять підприємства, - це адаптація веб-сайтів на робочому столі до мобільних пристроїв, при цьому вони все одно ведуть себе так, як ніби мобільний - це просто доповнення до сайту на робочому столі. Щоб досягти високого рейтингу після переходу, компанії повинні визначити пріоритетність мобільного, роблячи коригування, в основному, на основі досвіду користувачів мобільних пристроїв. Задайте собі наступні запитання щодо користувачів мобільного веб-сайту:
- Навігація - як це виглядає і наскільки легко маневрувати? Чи достатньо просто, щоб користувачі переходили назад, де вони були?
- Ясність - Як легко знайти важливу інформацію? Чи зрозумілі мої титульні сторінки? Моя контактна інформація легко доступна?
- Розгляньте спливаючі вікна - Чи легко закрити спливаючі вікна? Чи потрібно зменшувати спливаючі вікна взагалі?
- Шрифт - наскільки великий розмір шрифту? Наскільки велика вона?
З урахуванням цих міркувань ви готові перейти до останнього етапу підготовки вашого сайту до мобільних пристроїв.
Оптимізуйте свій дизайн і вміст
Після детального аналізу вашого веб-сайту на основі наведених вище питань, оптимізуйте та розробляйте свій вміст для мобільних пристроїв, зосередивши увагу на створенні найкращого мобільного користувача. Є багато речей, які ви можете реорганізувати щодо свого дизайну та вмісту, але ось деякі з основних змін:
- Адаптивний веб-дизайн - Google рекомендує реагувати на веб-дизайн, який є дизайнерським підходом з метою оптимізації зовнішнього вигляду та функціональності сайту в асортименті різних пристроїв і розмірів екрану.
- Використовуйте випадаючі меню - Google заявив, що не буде покарати веб-сайти за захист їхнього вмісту за випадаючими меню, якщо вміст завантажується одночасно з сторінкою, тому вільно вбудовуйте випадаючі меню під час побудови свого мобільного сайту.
- Не використовуйте Flash - більшість користувачів мобільних пристроїв не можуть переглядати вміст Flash, тому уникайте його і використовуйте Java або HTML, а щоб додати ці привабливі компоненти на свій сайт.
- Переконайтеся, що вміст легко читається - Зробіть вміст легким для читання на невеликих екранах; надайте декілька посилань на більш довгі частини тексту, так що користувачі зможуть легко дістатися до місця, де вони хочуть, і використовувати заголовки, щоб розділити вміст і зробити сторінки більш акуратними.
- Зробити розмір тексту та здатність до сенсорного екрану легко натискати - переконайтеся, що ваш веб-сайт "дружній до натискання", роблячи пункти крапками відповідного розміру та залишаючи достатньо місця між компонентами, які можна натискати
Фото через Shutterstock
1 Коментар ▼
