Что такое адаптивный сайт

Привет читателям  сайта Успех в Интернет!  

Что такое адаптивный сайт?

Адаптивный сайт – сайт, который адаптирован на просмотр с любых устройств (планшетов, телефонов, смартфонов и т.д).

Почему я решилась на этот шаг?

Мне постоянно приходили письма от Google, что  мой сайт необходимо настроить на мобильные устройства. Я эти письма игнорировала. Думала,  зачем мне это надо, пока не решила зайти на  Google вебмастер и посмотреть свой сайт.

Там я увидела предупреждение, что мой сайт не сканируется поисковыми системами из – за того, что у меня не настроена мобильная версия. Оказывается, Google c  апреля 2015 года ввел новые правила о настройке сайтов под мобильные устройства.

Последним действием, чтобы адаптировать свой сайт под мобильные устройства, стало заявление моих знакомых, что сайт не корректно отображается у них на своих мобильниках. Можете прочитать о поисковой системе  здесь, я не буду останавливаться на этом.

Я начала искать шаблоны в Интернете. Забивайте поисковый запрос  «адаптивный дизайн на  WordPress» и скачивайте его к себе на компьютер, а затем загружайте на сайт. Потом проверьте его на сайте  https://developers.google.com/speed/pagespeed/insights/.

Вот тут – то и начались мои проблемы. Сайт у меня был уже наполнен контентом, различными  меди файлами и сайт этот сделал анализ и выявил много ошибок, которые должна была исправить.

Мои ошибки:

Скорость загрузки сайта.
Тяжелые картинки.
Маленькие шрифты.
Маленькое расстояние навигации сайта.
Я стала исправлять. Мучилась  долго, пока не установила плагины.

Плагин для мобильных устройств, оказывается, такой есть  JetPack
Плагин для сжатия картинок WP Smush

Эти плагины можно скачать с официального сайта или с админки в вставке «плагины» введя в поисковый запрос.

И мои результаты. Нажмите на картинку, чтобы посмотреть.

adaptivnii

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

С уважением Вероника.

 

Это интересно!:

Поделитесь с друзьями!

2 комментария к “Что такое адаптивный сайт”

  1. Здорово Вероника! Теперь у вас Адаптивный сайт!И я могу легко посещать его с мобилки.спасибо!

  2. Спасибо, Вероника ! Если бы не Вы, кто бы нам объяснял все ньюансы ? Информация нужная и полезная ! Класс !

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img src="" alt="" class="" width="" height="">

http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://infosona.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif