191186, Санкт-Петербург,
Невский проспект, д. 3
Наш телефон:
+7 931 250 44 30

Решим вопрос по
адаптации сайта для Google!

Какой сложности бы не был ваш сайт,
наши специалисты знают, как сделать
его лучше!

Стоимость работ
зависит от CMS
и качества вашего сайта

Пришлите сайт

Проверьте ваш сайт!

С 21 апреля компания Google начала использовать mobile-friendliness (адаптированность сайта под мобильные устройства), как критерий для ранжирования, т.е. будет понижать позиции не адаптированных сайтов, что уменьшит количество посетителей на сайте. Мы помогаем решить эту проблему и отдаём сайт только при прохождении теста google на мобильность
Проверить ваш сайт - нажмите "Тест оn Google на адаптивность"

Если сайт работает не корректно?
Что-то идет не так? Есть проблемы в работе сайта?
Обращайтесь консультация - бесплатно!

Заполните форму, и мы предложим лучшее решение!

Вот так выглядит уведомление от Google.

мы гордимся всеми нашими проектами
вот некоторые из них

Отзывы наших клиентов

Мотылева М. С.,
Директор ООО «Невская Игла»
Компания «Невская Игла» благодарит компанию «Технология Решений» за помощь в организации технической поддержки веб-сайта нашей компании. Особо хотелось бы поблагодарить за помощь по модернизации сайта на 1С Битрикс. Выражаем благодарность за оперативное решение проблем возникающих в работе сайта службе технической поддержки за ответственное и профессиональное решение возникающих вопросов.
посмотреть отзыв в оригинале
Джоржио Балдантони,
директор «Studio Baldantoni»
"Design Studio Baldantoni" would like to thank our Russian partner for cooperation with us. High reputation and long term professional experience of TechDec Company mean a lot for us. Professionals that work in this company offered us great opportunities for a web-site modernization. IT specialists support our web-site 24 hours a day and seven days a week. We are sure that our cooperation with Techdec Company will lead to the mutual benefits in a long term. Thank you for the great work!
посмотреть отзыв в оригинале

НУЖНА ПОМОЩЬ В РАЗВИТИИ ИЛИ ПОДДЕРЖКЕ САЙТА?

Мы готовы оказать полный комплекс услуг по поддержке и сопровождению
сайтов любой сложности!

От наполнения контентом до изменения программной части!

Получите 1 час
  любых работ по вашему
    сайту БЕСПЛАТНО!

Отправить заявку на сотрудничество

Адаптация сайта под мобильные устройства

 

Ответственный и важный этап — создать сайт. Но много работы еще впереди. Его обязательно необходимо адаптировать под мобильные устройства. Конечно, не молниеносное выполнение данной задачи — это не полный провал. Но может быстро к нему привести, если будет затягиваться решение данного вопроса. Важно обеспечить посетителям сайта, которые предпочитают использовать для этой цели девайсы, оптимальный вид интерфейса. Все должно выглядеть гармонично, как в тот момент, когда сайт оказался сверстанным и почти готовым. Размер шрифта совпадает, картинки «не поплыли», полосы не сместились. Только оптимизация сайта позволит ему выглядеть прилично, когда пользователи предпочитают заходить на него с мобильных телефонов или других устройств. На услугу адаптация сайтов цена вполне приемлемая.

 

Инструкция по адаптации сайта

 

1. Для начала можно проверить, насколько удобно использовать свой сайт, открыв его в имеющемся портативном девайсе — смартфоне, планшете.

 

2. Правильное выставление полей форм. Необходимо задать определенные атрибуты. На полях ввода адреса/имени пользователя необходимо выключать автокоррекцию, которая подвязана к Т9, и включать автокапитализацию. В противном случае Т9 будет делать подмену слов. В типах words можно установить использование первых прописных букв автоматом. Если в форме предусмотрено указывание электронного ящика посетителя, тогда стоит использовать поле email.

 

3. Обязательно учитывайте ширину мобильных устройств. Тогда пользователю не придется обращаться к зуму. Открыть сайт на компьютере. Ширину окна программы нужно минимизировать. Пока будет трудно различать символы. Допустимая ширина получена. В заголовке страницы устанавливается тег meta, а в него уже и свойство @viewport для ширины. Если что-то пойдет не так, то справа будет свободное место при открытии сайта на мобильном устройстве. Иногда с шириной необходимо дополнительно поэкспериментировать и подобранное значение вставить в указанный тег.

 

4. Подгонка ширины картинок, изображенных на сайте. Для них устанавливается максимальный параметр 100 %. Картинки не будут слишком широкими, они изменят свой размер автоматом, ориентируясь под конкретный гаджет. Потеря четкости контента отсутствует. При этом задействуется свойство max-width, которое устанавливается в теге img.

 

5. Поля ввода. Главный параметр — ширина 100 %. Установка необходимых атрибутов происходит в теге input. Поля все время будут в пределах экрана.

 

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

 

7. Используем трюк — медиа-запросы. Для удобства придумайте пользовательские стили. Они активны и работают только при посещении сайтов с девайсов.

 

8. Лучше всего применять стандартные шрифты. Загрузка файлов со специфическими шрифтами занимает очень много времени. Тем более, она происходит перед загрузкой сайта. Поэтому пользователю может надоесть ждать, и он просто закроет сайт. Но можно и слегка перехитрить данную систему. Используется Google Font Loader. При открытии сайта посетитель увидит стандартные шрифты, а в это время будут грузиться пользовательские. Затем просто происходит корректная замена.

 

9. Не повредит и адаптация электронных писем. Тогда их можно легко прочитать на маленьком экране.

 

Преимущества адаптированного сайта под мобильные устройства

 

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

 

- Происходит быстрая загрузка сайта.

 

- Навигация отличается простотой и удобством. Сохраняется возможность осуществления звонка с сайта.

 

- Пользоваться формами и меню комфортно. Легко выбираются ссылки, различные элементы управления.

 

- Грамотно и читабельно представлен контент.

 

- Доступен переход к полной версии сайта.

 

- Возможность осуществления целевых действий — оформление заказов, проведение операций с документами.

 

На такую услугу как адаптация сайтов цена различная. Ее можно осуществить и за один день. Все зависит от масштаба сайта, его вида (от визитки до интернет-магазина).