Подготовьте свой сайт для мобильных устройств
Ваш веб-сайт мобильный? Звучит как глупый вопрос в 2017 году. Конечно, верно?
Однако стоит еще раз посмотреть, как это выглядит на мобильных устройствах. Не менее важно думать о том, как Google видит вас на мобильных устройствах.
Первый совет, который я получил, состоял в том, что мой веб-сайт может быть не таким мобильным, как я думал, Инструменты Google для веб-мастеров некоторые сенсорные элементы были очень близки. Полный обзор пришел оттуда. Существует больше технологий, чем просто это.
Вот 10 вещей, которые нужно сделать, чтобы насладиться мобильной революцией.
Когда я говорю «революция», я говорю двумя способами:
Первый, теперь все больше людей выходят в интернет на мобильных устройствах чем на настольном компьютере и ноутбуке. Есть много клиентов в опасности, потому что нет веб-сайта, предназначенного для мобильных пользователей. Самое главное, что многие люди, которые делают покупки на компьютерах или в розничном магазине, принимают решения о покупке на своих мобильных устройствах.
Глобальная статистика бухгалтера: доля рынка настольных компьютеров и мобильных устройств и планшетов по всему миру – август 2016 – 2017во-вторыхGoogle принял «Мобильный сначала» индекс. Это означает, что его основной индекс теперь показывает сайты, оптимизированные для мобильных устройств. Мы не увидели этого эффекта в настольном индексе, но, вероятно, скоро. Зачем следовать этому сценарию:
- Вы гуглите на своем рабочем столе.
- То, что вы думаете, интересно.
- Вы отправляете это другу.
- Друг открывает его по телефону … и это выглядит ужасно.
Чтобы избежать этого, Google может начать понижать рейтинг немобильных сайтов даже при поиске на компьютере. Это почти очевидно, и именно поэтому сначала нужно иметь плавающий индекс.
СВЯЗАННАЯ ПУБЛИКАЦИЯ – SEO Guide Мое простое руководство по поисковой оптимизации
Быть полностью открытым
чем Адаптивный сайт Средний? Очень просто: он адаптируется к любому размеру экрана, на котором вы находитесь.
Великий настенный экран? нет проблем
Мини планшет? нет проблем
Ноутбуки? нет проблем
Iphone? нет проблем
Вам не нужны все устройства, чтобы убедиться, что ваш сайт полностью адаптивен. На рабочем столе или ноутбуке возьмите левый или правый край окна браузера и медленно перетащите его на другую сторону. Когда окно сужается, обратите внимание, как текст оборачивается по ширине экрана. Обратите внимание, как изображения становятся меньше, когда окно сужается.
Если текст и изображения не отвечают на изменение размера, сайт не будет отвечать. Получить новую тему или нанять разработчика. Это был отличный подход для меня около года назад. Это одно из трех внесенных мной изменений, которое значительно увеличило число клиентов записи, которые я получаю.
Ускоренные мобильные страницы
Google настроил протокол под названиемУскоренные мобильные страницы (AMP)Эти страницы являются спектральными страницами, которые он создает, каждая из которых затеняет обычную страницу. Они ускоряются двумя способами. Во-первых, они удаляются для более быстрой загрузки, но не все элементы будут отображаться. Во-вторых, Google кэширует их, чтобы они могли быстрее доставляться пользователям, когда они осуществляют поиск непосредственно на сервере Google.
Некоторые люди добавили быстрые мобильные страницы на свои сайты. Другие предпочитают быть полностью открытыми. Выполнение того и другого может быть излишним, поскольку Google не будет отправлять на ваши страницы никого, кто полностью отвечает, если у вас есть страница AMP, кэшированная для этого URL.
у меня есть нет планов по внедрению AMP, Если Google начнет улучшать рейтинг страниц AMP, это может изменить ваше мнение. Но у меня гораздо больше контроля над адаптивными сайтами. Я не хочу, чтобы мои страницы выглядели голыми.
Если вы выбрали AMPify для своего веб-сайта, есть инструменты, которые могут вам помочь. Например, вот оно Список плагинов WordPress AMP,
Оптимизировать изображения
Скорость имеет значение при определении, готовы ли вы для мобильного сайта. Ускорьте отличную мотивацию для AMP. Легкий способ увеличить скорость мобильных страниц уменьшите размер ваших фотографий.
Во-первых, убедитесь, что фотографии не больше, чем нужно. Если ширина изображения составляет всего 600 пикселей, не отображайте изображение шириной 3000 пикселей. Если люди хотят видеть большие детали при нажатии, используйте два разных изображения: изображение 600 пикселей на странице и 3 изображения при нажатии 0 000 пикселей.
Во-вторых, оптимизировать изображения, Я обычно делаю Opimizilla, Это бесплатный онлайн инструмент. Просто перетащите изображение, которое вы хотите уменьшить, и Optimizilla автоматически оптимизирует его. Просто сохраните на жесткий диск и используйте оптимизированное изображение вместо оригинального.
Больше субтитров
Люди не читают в интернете. Они сканируют. Это не совсем правда. Мы сканируем, пока не видим то, что бросается в глаза. Частые подписи важны для привлечения внимания людей.
Люди не только сканируют мобильные устройства, они путешествуют во время сканирования. Субтитры еще важнее на мобильных устройствах, чем на настольных компьютерах.
Прекратите сканирование. Хватит катиться. Чтение начинается.
Незначительные абзацы
Важнее, чем субтитры. длина абзаца, Вы, наверное, уже знаете, что большие блоки текста кажутся пугающими. Чем длиннее абзац, тем больше работы они, кажется, читают.
Если абзац кажется большим на настольном компьютере, представьте, как он выглядит на мобильном устройстве. Телефон может заполнить экран. До половины экрана или трети экрана выглядит большим, и его легко провести.
Информация о размере прикуса
Это не просто огромные абзацы. Даже небольшие блоки текста могут быть легко пропущены.
Одним из решений является использование списков. Я пытаюсь создавать маркированные списки каждый раз, когда в предложении есть список по крайней мере из трех элементов. Это может превратить очень длинное и требовательное предложение в три легко читаемых маркера.
Скрыть менее важный контент
Я также преобразовал некоторую информацию, чтобы она не появлялась при загрузке страницы. Вы увидите это на страницах сервиса, как в страница автора моего блога, Посмотрите, что происходит, когда вы нажимаете «Нажмите или Нажмите, чтобы узнать больше причин, по которым вам следует нанять профессионального блоггера». Это позволяет мне активировать полезный и длинный контент, не перегружая мобильного пользователя. Помните, что текст адаптирован на телефоне. То, что появляется на трех или четырех экранах на рабочем столе, может занимать 12 или 15 страниц на телефоне.
Тот, кто хочет, может открыть детали. В моем случае это базовая информация для людей, которые любят читать больше и понять, что это влечет за собой.
Держите ваш призыв к действию видимым
Я думал, что это было действительно круто. Он имел форму вопроса в боковой панели, плавающей в правой части экрана. Независимо от того, как далеко страница прокручивается, форма плавает. Дело в том, что каждый раз, когда кто-то думает о найме нас, путь есть. Там нет работы, чтобы найти его. Его вывод почти очевиден. Теперь, когда я думаю об этом, я стал действительно крутым. Но это не так хорошо на мобильных устройствах.
Проблема в том, что сама форма имеет размер экрана телефона. Очевидно, что он не может плавать в боковой панели на мобильных устройствах.
Вместо этого я размещаю кнопку, которая прокручивает страницу телефона. На рабочем столе кнопка заменяет форму только при прокрутке вниз.
Это форма на рабочем столе.
Это происходит, когда форма проходит.
И вот как это выглядит на мобильных устройствах (быстрое использование этого трюка, чтобы уменьшить браузер).
Наш сайт теперь готов для мобильных устройствТеперь я снова очень крут 😉
Убедитесь, что ваш сайт готов для мобильных устройств
Не забудьте убедиться, что ваш сайт подходит для мобильных устройств. Я сказал, что вам не нужны все устройства, чтобы убедиться, что ваш сайт полностью оптимизирован. Сокращение экрана может сказать вам быстро, если нет.
Но после окончания работы нужно проверить это на разных устройствах. Вы можете найти больше улучшений, чтобы сделать.
Также стоит проверить Инструменты Google для веб-мастеров. В конце концов, если Google что-то еще не нравится, стоит проверить.
