Советы о том, как сделать свой блог более удобным для мобильных устройств
Google недавно объявил, что они будут использовать обновление алгоритма для мобильных устройств, чтобы проверить, все ли блоги оптимизированы для мобильных устройств, и будут наказывать тех, кто этого не делает. Это заставило многих блоггеров задаться вопросом, как сделать их веб-сайты более удобными для мобильных устройств и как узнать, является ли ваш блог мобильным или нет. Вот почему мы собрали самую важную информацию о том, почему так важно сделать ваш блог более удобным для мобильных устройств и как это сделать.
В настоящее время большая часть посетителей блога использует для этого свои мобильные устройства, а не компьютеры. А поскольку Google пообещал повысить рейтинг сайтов, которые подходят для просмотра на мобильных устройствах, как никогда важно убедиться, что ваш блог или веб-сайт оптимизирован для мобильных устройств.
Конечно, дело не только в том, чего хочет Google. Создание вашего блога для мобильных устройств также отвечает вашим интересам и интересам ваших читателей, потому что, поскольку многие люди используют свои мобильные устройства для серфинга в Интернете, это сделает чтение вашего блога более удобным для них. Согласно исследованию Pew Internet Project, более трети всех владельцев мобильных телефонов используют свой телефон для доступа в Интернет чаще, чем настольный компьютер или ноутбук. Поэтому, если вы хотите, чтобы ваш блог можно было легко просматривать на любом смартфоне, а также повысить читательскую аудиторию вашего блога, вам нужно подумать об удобстве для мобильных устройств. И это на самом деле легче достичь, чем можно подумать.
Тестирование на совместимость с мобильными устройствами
Поскольку Google разработал этот алгоритм, удобный для мобильных устройств, они также дали возможность каждому тестировать свои блоги и веб-сайты на предмет этого показателя с помощью своего инструмента тестирования, удобного для мобильных устройств. Просто введите URL-адрес своего блога в поле «Введите URL-адрес для тестирования», нажмите «Выполнить тест», и инструмент сообщит вам, подходит ли ваш блог для мобильных устройств или нет.
Если ваш сайт оптимизирован для мобильных устройств, вы можете немного расслабиться, потому что вам не нужно ничего делать. Однако, если этот инструмент Google определяет, что ваш блог не самый простой для чтения на мобильном устройстве, вам необходимо как можно скорее внести некоторые улучшения в этот отдел.
Для тех, кто использует программное обеспечение для управления контентом (CMS) для ведения своего блога, такое как WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix и т. д., настройка не должна быть проблемой, поскольку большинство этих программных систем предлагать инструменты, которые автоматически сделают ваш сайт мобильным. Но если вы пошли по более старому пути и не использовали какое-либо программное обеспечение CMS для создания своего веб-сайта, или если вы использовали CMS, но ваш веб-сайт все еще не соответствует мобильным стандартам, вот несколько советов о том, как улучшить удобство вашего сайта для мобильных устройств.
1 Обновите CMS до последней версии и используйте мобильные темы
Если вы используете CMS, все, что вам может понадобиться, это либо обновить программное обеспечение, либо изменить тему, которую вы используете для своего блога. Большинство CMS уже предоставляют все инструменты, чтобы сделать ваш сайт удобным для мобильных устройств, но вы должны убедиться, что ваша CMS обновлена до последней версии. Например, Joomla поставляется с поддержкой мобильных устройств, только если она обновлена до последней версии программного обеспечения. Другое программное обеспечение, однако, может потребовать от вас изменить тему вашего веб-сайта, чтобы сделать его удобным для мобильных устройств, поскольку некоторые старые темы просто плохо выглядят на мобильных устройствах, поэтому они также не подходят для них. Для этого перейдите в административную панель вашей CMS, найдите вкладку тем на панели инструментов и измените тему своего блога на адаптивную и удобную для мобильных устройств. Например, WordPress предлагает сотни различных тем, и большая часть из них бесплатна, а также отзывчива. К сожалению, если вы используете CMS, которая не предлагает поддержку мобильных устройств, потребуются дополнительные улучшения, и может быть разумнее просто сменить программное обеспечение для управления контентом.
2 Используйте подзаголовки
Эмпирическое правило, когда речь идет о содержании блога, удобном для мобильных пользователей, заключается в том, чтобы позволить им поглощать текст небольшими абзацами, а не размещать вашу статью в одном длинном тексте. Поэтому текст вашего сообщения в блоге должен быть хорошо структурирован, чтобы читатель мог легко ориентироваться в тексте. Это легко сделать с помощью подзаголовков. Когда вы используете подзаголовки, текст автоматически делится на множество подглав, и у читателя меньше шансов потерять свое место при чтении статьи. А поскольку потерять место при чтении чего-либо на смартфоне — довольно распространенная проблема для многих пользователей мобильных устройств, ведь мобильная прокрутка затрудняет чтение длинных монотонных текстов, решите ее с помощью заголовков.
Заголовки можно легко вставлять с помощью тегов заголовков. Тег для самого большого и важного заголовка
, который является едва заметным заголовком, но все же поможет вам разделить ваш контент и сделать его более удобным для чтения.
3 Выберите подходящий размер для изображений
Блоггеры обычно выбирают размер изображений, которые они собираются использовать в своих сообщениях в блоге, в соответствии с обычным размером экрана компьютера, но когда сообщения в блоге просматриваются на экранах меньшего размера, таких как мобильный телефон, изображения обычно заканчиваются. до того же размера. Это означает, что пользователи мобильных устройств не видят изображения в соответствующих пропорциях. Так что делайте ваши фотографии не только меньшего размера, обычно изображения меньше 1500 на 2500 пикселей лучше всего, но и меньшего размера – рекомендуется меньше 500 КБ. Помимо фотографий, удобных для мобильных устройств, уменьшение размеров файлов ваших изображений также позволит пользователям быстрее загружать страницы, поскольку для загрузки изображений меньшего размера требуется меньше данных.
Чтобы уменьшить размер и размеры ваших изображений, используйте любой имеющийся у вас фоторедактор, потому что вам не нужен Photoshop, чтобы сделать это. Мы рекомендуем использовать JPEGmini или Pixlr, потому что с помощью этих фоторедакторов вы можете уменьшить размер ваших изображений без ущерба для их качества.
4 Используйте адаптивный дизайн
Адаптивный дизайн для блога или веб-сайта дает возможность просматривать его с множества различных платформ и устройств с разными размерами экрана более удобно, поскольку он автоматически адаптирует ваш сайт под ширину окна браузера. И, чтобы посетителям блога было удобно читать, при этой адаптации обычно меняется дизайн блога, например, уменьшаются изображения, столбцы выстраиваются вертикально, меняется и меню. Но если эти изменения не происходят сами по себе, есть инструменты, с помощью которых вы можете сделать это самостоятельно.
Например, Foundation 3, Skeleton и Bootstrap. Эти фреймворки автоматически настроят ваш блог, чтобы его было легко читать на любом устройстве. Использовать их намного проще, чем кодировать все возможные комбинации самостоятельно. Конечно, вы также можете сделать это, используя новые единицы относительной длины CSS3, такие как ширина области просмотра (vw), высота области просмотра (vh), минимум высоты и ширины области просмотра (vmin) и максимум высоты и ширины области просмотра (vmax). Однако кодирование требует не только времени, но и навыков, и если вы неопытный программист, я бы посоветовал использовать первый вариант.
5 Используйте простой дизайн
Мобильные пользователи предпочитают сайты с простым дизайном, потому что большие сайты со сложным дизайном на мобильных устройствах работают медленно. Простой дизайн также позволяет легко удерживать внимание читателя на содержании, а не отвлекать его причудливым дизайном, потому что по статистике у большинства мобильных пользователей довольно короткая продолжительность концентрации внимания.
Это означает, что макет вашего сайта должен быть простым и понятным. Если вы используете тему, которую предлагает ваш поставщик услуг, вы можете просто изменить ее на более простую. Например, WordPress предлагает множество элегантных и простых дизайнов, которые не будут подавлять мобильные устройства, но будут хорошо смотреться и на настольном компьютере. Но если вы создали свой веб-сайт с использованием HTML, вы можете скачать простой шаблон, который сделает ваш сайт великолепным и удобным для мобильных устройств. Например, Envato Market предлагает множество различных простых дизайнов, которые вы можете выбрать и использовать на своем сайте.
6 Используйте стандартные шрифты
Интересные шрифты могут сделать блог более креативным, но эти шрифты также могут раздражать мобильных читателей блога, потому что не все мобильные устройства поддерживают модные настольные шрифты. Таким образом, чтобы увидеть контент, пользователям мобильных устройств придется загружать новые шрифты на свои телефоны, а это хлопоты, которые многим не нужны. Вдобавок ко всему, даже если у них предустановлены все шрифты, некоторые более креативные шрифты могут быть трудно читаемы на смартфоне из-за меньшего размера.
Поэтому выбирайте традиционные шрифты, такие как Times New Roman, Verdana, Comic Sans MS, WildWest или Bedrock. А также проверьте читаемость шрифта, который вы решите использовать, чтобы убедиться, что текст не станет нечитаемым при просмотре на маленьком экране смартфона. Общее практическое правило заключается в том, что любой текст на веб-сайте должен иметь размер не менее 14 пикселей, потому что в этом случае текст будет достаточно большим, чтобы его можно было легко прочитать, даже если вы используете мобильное устройство с очень маленьким экраном.
7 Минимизируйте содержание на странице
Когда страница загружается на любом устройстве, будь то компьютер, планшет или смартфон, устройство загружает все содержимое страницы. Обычно это не вызывает никаких проблем, если вы используете компьютер, но большие объемы данных могут перегрузить мобильные устройства. Чтобы избежать этого, вы должны свести к минимуму количество контента на каждой странице, потому что это гарантирует, что ваш блог будет работать на любом мобильном устройстве.
Рекомендуется уменьшить объем содержимого на вашей странице ниже 5 МБ на страницу. Вы можете легко проверить размер содержимого вашей страницы в любом браузере. Просто используйте один из многих инструментов проверки размера веб-страницы, доступных в Интернете. Если он превышает 5 МБ, либо уменьшите размер и объем текста, изображений и других компонентов страницы вручную, либо используйте выдержки из блога, чтобы посетителям было проще просматривать ваш блог.
8 Используйте видео с YouTube
Если вы склонны публиковать много видео в статьях своего блога, вам нужно помнить, что на мобильном устройстве они будут выглядеть совсем иначе, чем на компьютере. Более того, некоторые мобильные устройства даже не поддерживают определенные форматы видео, поэтому, чтобы избежать вероятности того, что пользователь не сможет воспроизвести видео на вашем сайте, используйте встроенный YouTube. Код для встраивания, который YouTube предоставляет для каждого из своих видео, уже является адаптивным, а это означает, что вы сможете просматривать видео практически на любом устройстве, и вам больше не придется беспокоиться о размерах и форматах видео.
Вы можете получить код для встраивания видео на YouTube, нажав кнопку «Поделиться», расположенную под кнопкой «Подписаться», затем перейдите на вкладку «Встроить» и скопируйте предоставленный код на свой сайт. И у вас есть видео идеального размера в вашем посте, даже без необходимости конвертировать или иным образом настраивать его.
Часто ссылки на веб-сайте слишком малы, чтобы мобильный пользователь мог легко и точно нажимать на них пальцем. И это может быть очень раздражающим для читателя блога, когда он не может точно нажать на контент, который хочет просмотреть. Вот почему вы должны заменить все ссылки на своем веб-сайте кнопками размером не менее 44 на 44 пикселя.
Если вы используете CMS, такую как WordPress, вы можете просто использовать плагины для создания этих кнопок. Перейдите в панель управления вашей CMS, найдите подходящий плагин, установите его и следуйте инструкциям по его правильному использованию. Но если вы сами закодировали веб-сайт, вы можете использовать один из этих бесплатных генераторов кнопок ссылок, который сэкономит время, которое вы потратили бы на самостоятельное кодирование кнопок.
10 Продолжайте тестировать
Наконец, когда вы сделали все улучшения и считаете, что ваш блог настолько удобен для мобильных устройств, насколько это возможно, снова протестируйте свой блог с помощью инструмента тестирования Google или любого другого инструмента тестирования для мобильных устройств, который вы можете найти в Интернете. Если теперь все в порядке и инструмент уверяет вас, что ваш блог не будет оштрафован из-за того, что он не оптимизирован для мобильных устройств, тогда вы можете расслабиться и продолжить развивать свой веб-сайт, создавая отличный контент. Но чтобы быть уверенным, я бы посоветовал вам протестировать свой сайт на нескольких разных устройствах.
Попросите друзей или членов семьи посмотреть ваш блог со своих телефонов и планшетов. Протестируйте свой сайт на устройствах Android и IOS, а также на устройствах с совершенно другой операционной системой. И просмотрите все основные страницы своего блога на этих устройствах. Только протестировав мобильность своего блога в реальной жизни, вы можете быть уверены, что ваш сайт действительно легко просматривать и читать со всех гаджетов.
Удобство для мобильных устройств — это не только приятный дизайн сайта, но и улучшение взаимодействия пользователей с вашим сайтом. Вот почему, когда вы сделаете свой блог более удобным для мобильных устройств, больше людей захотят вернуться на ваш сайт, потому что его будет легко просматривать и понимать. А поскольку количество людей, которые используют свои мобильные телефоны в качестве основного устройства для просмотра веб-страниц, с каждым годом только увеличивается, в ваших же интересах убедиться, что ваш веб-сайт удобен для этих пользователей смартфонов и отображает контент для них. их в удобной и легко читаемой форме.