5 советов по оптимизации вашего блога для мобильных устройств

1. 1. Оптимизируйте свой сайт
2. 2. Сделайте его отзывчивым
3. 3. Интегрировать Instagram
4. 4. Держите это в безопасности
5. 5. Тестируйте, тестируйте и тестируйте снова
6. навынос
7. Узнайте, как сделать ваш блог успешным

Вот загадка для вас: что общего между рестораном, парком, автобусом и обеденным столом? Если вы догадались: «Все сидящие / стоящие / прогуливающиеся по ним смотрят на смартфон», динь-динь-динь! Я оставлю в стороне свои размышления о том, что это значит для нашего общества в целом, и остановлюсь здесь на основной идее, что это доказательство того, что использование мобильных устройств продолжает стремительно расти.

На самом деле, более половины население всей земли имеет смартфон, причем половина из этих пользователей обращаются к своим телефонам в качестве основного маршрута доступа к Интернету. Это означает, что если вы ведете блог - особенно тот, который идет с прикрепленным магазином - вполне вероятно, что большая часть ваших читателей потребляет вашу работу на смартфоне. Проблема в том, что если ваш блог не оптимизирован для мобильных устройств, ваши пользователи практически не смогут с ним взаимодействовать - и статистика говорит, что они хотят взаимодействовать, как показали мобильные сайты. увеличить вовлеченность пользователей на 85% ,

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

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

1. Оптимизируйте свой сайт

Перво-наперво: если ваш сайт представляет собой громоздкую путаницу с огромной графикой и кнопками «нажмите здесь!», Ваши посетители обязательно будут отмечены галочкой. Большие фотографии часто не будут загружаться на маленькие экраны (или они будут делать это вечно , и у вас будет максимум 3 секунды, чтобы удержать внимание посетителя), и вы когда-нибудь пытались нажать на крошечную кнопку с большие пальцы?

Вот на что обратить внимание:

• Длинные посты: если вы собираетесь их делать, разбейте их жирными заголовками и дайте себе много разрывов абзацев. Эмпирическое правило таково: если его легко снять, оно может остаться. Если нет, продолжайте ломать вещи.
• Flash и Java: iPhone не поддерживает Flash и многие другие телефоны не поддерживают Java, поэтому избегайте их обоих.
• Размеры файлов. Как мы уже упоминали выше, слишком большие графические объекты представляют собой слишком большой риск, поэтому убедитесь, что размер файлов невелик.
• Количество страниц: в отличие от настольных компьютеров, большая часть экранной навигации на смартфонах и планшетах осуществляется с помощью прокрутки. Это делает одностраничный веб-сайт идеально подходит для мобильной платформы , так как пользователи могут просто прокрутить вниз, чтобы найти то, что им нужно. Однако о других страницах не может быть и речи, поскольку их легко найти и щелкнуть в видном меню. Чего вы хотите избежать, так это чрезмерно категоризированного сайта, напоминающего лабиринт. И никаких всплывающих окон! (Они противны на рабочем столе, вызывая ярость на мобильном телефоне).
• Ввод текста и клики: Есть ли форма, которую вы хотите, чтобы ваши посетители заполнили, прежде чем идти дальше? Опрос, который требует нескольких нажатий? Опять же, вы можете делать обе эти вещи, но сводить их к абсолютному минимуму. Даже самая удобная мобильная платформа не отменяет тот факт, что ввод текста и точное нажатие экрана затруднительно на крошечных мобильных экранах.

2. Сделайте его отзывчивым

Если вы не слышали об адаптивном дизайне, вы определенно взаимодействовали с адаптивными веб-сайтами. Адаптивный веб-сайт - это тот, который - вы получили его - реагирует по-разному в зависимости от типа устройства, используемого для доступа к сайту. На смартфоне? Сайт автоматически сжимается до размеров экрана смартфона, поэтому вам не придется прокручивать его по горизонтали, а также вверх и вниз. На планшете? Ноутбук? То же самое. Адаптивный дизайн означает автоматическую настройку под каждого пользователя, что довольно изящно.

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

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

Еще одна приятная вещь, связанная с наличием отдельного мобильного сайта, заключается в том, что вы можете поддерживать немобильный сайт, который позволяет вам делать все, что угодно, включая флэш-видео. Тем не менее, я лично считаю, что это нулевая точка, потому что тенденция в дизайне пользовательского интерфейса нацелена на минимализм, и не стоит думать о том, что ваш основной сайт - это место, где у вас есть свободное правление, чтобы стать слишком сложным.

3. Интегрировать Instagram

Фотографии необходимы для привлечения и поддержания внимания ваших посетителей (особенно в длинных постах блога), но легальные фотографии поставляются с большими лицензиями и, как я уже говорил выше, если они слишком большие или имеют неправильный формат, они не гарантированы на самом деле загрузить на мобильной платформе. Но все это не имеет значения, если они уже отформатированы для работы на мобильных устройствах через сторонний сайт, такой как Instagram.

С помощью количество различных виджетов Instagram вы можете легко передавать свои фотографии из Instagram прямо в ваши посты (опять же, это очень просто на WordPress) , Как вариант, все общедоступные фотографии в Instagram прийти с кодом для вставки в эти дни , так что легко найти понравившуюся фотографию в ленте друга и опубликовать ее в своем блоге, при этом отдавая должное кредитам.

4. Держите это в безопасности

Как показал недавний эпизод Heartbleed, безопасность - это огромная проблема в интернете в целом, но тем более на Диком Западе мобильных устройств. Недавний отчет от мобильной охранной компании Lookout под названием « Мобильные угрозы, сделанные на заказ , »Ссылается на рекламное, платное и вредоносное ПО как наибольшие риски для мобильных пользователей, особенно в тех странах, где нормативы ограничены. Вы можете уберечь свой собственный сайт от взлома и помочь защитить своих мобильных посетителей предпринять следующие шаги:

• Будьте в курсе. Ваша платформа уведомила вас об обновлении? Отлично. Сделай это сейчас. Часто обновления содержат исправления для недостатков безопасности.
• Измените свое имя пользователя и пароль. Особенно, если ваше имя пользователя «admin» и ваш пароль « 12345 Также рекомендуется регулярно менять пароль.
• Раздавайте привилегии администратора с осторожностью. Конечно, ты любишь своего парня сейчас , но через 3 месяца? Да, возможно, вы не хотите, чтобы у него были права администратора на вашем блоге. Держите это ограниченным абсолютным минимумом пользователей.
• Тщательно изучите своих рекламодателей. Объявления часто являются мишенями для вредоносных программ, поэтому расскажите всем рекламодателям о мерах безопасности, которые они предпринимают перед регистрацией.
• Будьте осторожны с фотографиями. Они могут скрывать вредоносный код. Вот почему трюк в Instagram, упомянутый выше, является гораздо лучшей идеей, как и покупка фотографий через респектабельный сайт с фотографиями.
• Палка с виджетами. Приложения могут быть заполнены спамом, поэтому, когда вы хотите придать своему сайту немного больше функциональности или ничего себе, придерживайтесь виджетов, уже проверенных вашей платформой блога.

5. Тестируйте, тестируйте и тестируйте снова

Конечно, адаптивный дизайн не идеален, и он не на 100% гарантирует, что его размер будет изменен до нужного размера для любого типа устройства и экрана (эй, сделайте перерыв в коде, мобильная экосистема довольно разнообразна). В качестве первого шага соберите всех своих друзей на смартфонах и планшетах iOS, Android и даже Blackberry, чтобы узнать, как все это работает. Это выглядит красиво? Читается ли весь текст? Загружаются ли картинки и видео на разные устройства? Работают ли социальные кнопки?

Еще лучшей идеей является использовать эмулятор - инструмент, который позволяет вам просто и быстро тестировать на еще более широком диапазоне устройств.

навынос

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

Автор гостя: Рози Барри-Скотт Рози Скотт - контент-стратег в компании цифрового маркетинга. Заядлый блоггер, вы можете найти ее на Новое ремесленное общество или в твиттере @ RosieScott22 ,

Узнайте, как сделать ваш блог успешным

Моя книга - « Блоггинг Smart Way - Как создать и продать блог-убийцу в социальных сетях » - покажу вам, как.

Я покажу вам, как создать и создать блог, который раскачивает и выращивает племена, фанатов и последователей в социальных сетях, таких как Twitter и Facebook. Он также включает в себя десятки советов по созданию заразительного контента, который просит поделиться им, и соблазняет людей ссылаться на ваш сайт и блог.

Я также раскрыл тактику, которую я использовал, чтобы увеличить число подписчиков в Твиттере до 230 000 человек.

Скачайте и прочитайте это сейчас ,

Похожие

Комментарии