Консультацiя
UA

Верстка мобільної версії сайту

verstka

Верстка мобільної версії сайту

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

Для того, щоб зрозуміти специфіку створення окремої мобільної версії, давайте розглянемо особливості сайтів цього типу:

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

Мобільна верстка сайту, як правило, вантажиться швидше, ніж версія для ПК. У ній розміщена тільки необхідна інформація, не обов’язково це все ті ж блоки, які є в деськтопной верстці. Можна назвати ще ряд переваг:

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

Необхідно відзначити і ряд недоліків окремої верстки мобільної версії сайту:

  • складності SEO-просування; 
  • зниження ефективності зовнішніх посилань; 
  • витратність за часом і вартості; 
  • в контенті необхідно використовувати відносні посилання. 

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