Опубликовано Оставить комментарий

Как сделать ваш сайт более мобильным

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

«Практически каждому бизнесу необходимо адаптироваться, чтобы эффективно охватить потребителей на любом экране», — говорит Джанин Уорнер, всемирно признанный консультант по цифровому дизайну и интернет-тенденциям, с которым я познакомилась на пути в Абу-Даби, где она прошла этап Всемирной встречи на высшем уровне в поделиться многоэкранными стратегиями перед огромной аудиторией международных мобильных специалистов.

«Существует две основные стратегии создания веб-сайтов, которые хорошо отображаются на всех устройствах: адаптивный и адаптивный», — объясняет она. «А адаптивные сайты — лучший выбор для большинства малых предприятий». Ниже приведен перевод того, что означает это многоязычное предложение, а также ключевые шаги, которые должен предпринять ваш бизнес.

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

Упростите дизайн вашего сайта. Поднимите свой веб-сайт на смартфоне (или просмотрите его в Google GoMoMeter), и вы, вероятно, увидите необходимость изменений дизайна. Чтобы хорошо отображаться на мобильных устройствах, Warner рекомендует более простые дизайны страниц, большие размеры шрифтов, критическую информацию, размещенную «над сгибом», и большие сенсорные кнопки, которые защищены от ожогов. Как минимум, она говорит: «Вы пройдете долгий путь к доставке ключевой информации на любое устройство, просто указав свое имя, номер телефона и ссылку на карту в левом верхнем углу своей домашней страницы, где ее легко найти».

Создайте мобильную версию своего сайта. В качестве альтернативы редактированию вашего сайта, вы можете создать параллельную версию, используя сервисы мобильного дизайна сайтов, многие из которых являются бесплатными или недорогими. «Но есть компромиссы», — говорит Уорнер. «Если у вашего мобильного сайта есть второй URL, например, с субдоменом .m, поисковые системы могут найти его или не найти». И Bing, и Google поддерживают подход с одним URL для поиска и оптимизации поисковых систем. «Тем не менее, если вы любите свой сайт или не можете позволить себе его перестроить, создание мобильного сайта, который ссылается на ваш главный сайт, — не самая плохая стратегия», — говорит Уорнер. «Худшая стратегия — полностью игнорировать вашу мобильную аудиторию».

А еще лучше, перестройте свой сайт для отображения на любом устройстве. Вот где вступают в игру термины адаптивный и адаптивный дизайн сайта:

Адаптивный дизайн — это верх дизайна веб-сайта. Он используется крупными компаниями, которые вкладывают значительные средства, чтобы охватить как можно большую онлайн-аудиторию. «American Airlines — хороший пример», — говорит Уорнер, объясняя, что адаптивный дизайн «обнаруживает и идентифицирует устройство пользователя, а затем генерирует страницу, соответствующую возможностям устройства».

Адаптивный дизайн — это более доступное решение, в котором используется технология CSS (Cascading Style Sheets) для создания единой версии веб-сайта, которая автоматически настраивается для правильного отображения на всех устройствах, кроме самых старых мобильных телефонов. «Адаптивный сайт позволяет вам охватить самую активную веб-аудиторию», — говорит Уорнер. В качестве примера она подтягивает сайт The Boston Globe, щелкает по правому краю окна браузера и перетаскивает влево, сжимая страницу из полноэкранного режима в область размером со смартфон. Независимо от того, насколько маленькой она делает область отображения, адаптивный дизайн Globe выглядит хорошо и легко читается.

Обязательство на будущее вашего сайта
Готовясь к долгосрочным инвестициям в ваш бизнес, поместите редизайн веб-сайта в ваш список, чтобы вы были готовы привлечь потребителей через их телефоны, планшеты, ПК, телевизоры или, вскоре, двери холодильников, зеркала в ванных комнатах и ​​многое другое.

Даже самодельные платформы, от GoDaddy до WordPress и многих других, начинают предлагать дизайны, которые работают на экранах различных размеров. «Просто убедитесь, что используемая вами тема помечена как адаптивная», — говорит Уорнер.

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

Наконец, когда вы освоите технологию, обратите внимание на создание отличного контента для веб-сайта. «Помните, — говорит Уорнер, — что, особенно на мобильных устройствах, люди получают доступ к вашему веб-сайту по трем причинам: чтобы сэкономить время, соединиться с другими и тратить время. дайте им ссылки на карты и маршруты, а затем добавьте видео или другие развлечения, чтобы держать их на своем сайте так долго, как они хотят. «

Это то, как сделать ваш сайт перспективным.

Все способы заработать в интернете вы можете найти в блоге //www.orabota.com/

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

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