четверг, 10 декабря 2015 г.

Как выглядит ваш сайт на разных устройствах

Доброго времени суток! Данная статья будет полезна тем пользователям глобальной всемирной паутины, которые имеют непосредственное отношение к созданию и продвижению собственных сайтов/блогов.

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

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


Называется оно Resize Window. Для его установки в ваш браузер необходимо перейти ПО ССЫЛКЕ и нажать на кнопку Установить.






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






И теперь, чтобы воспользоваться данным расширением, необходимо зайти на свой сайт, который хотите проверить на отображаемость (внимание - важно: при этом вы должны быть в статусе посетителя, а не администратора!), нажать на иконку расширения в правом верхнем углу - и выбрать интересующее устройство.






Для примера выбираю обычный телефон - формат 320х480 - и вижу, что сайт теперь отображается в виде одной колонки, а сверху слева появляется дополнительное меню для переключения между страницами сайта (если такие имеются). Меня это полностью устраивает.





Так же проверяем и по другим форматам - смотрим, как наш сайт выглядит со всех устройств - замечаем все недостатки и вовремя их исправляем!


Надеюсь, эта статья была вам полезной! Хорошей индексации вашим сайтам! Удачи!

Комментариев нет:

Отправить комментарий