Хак № 35. Закажите разработку адаптивного дизайна для вашего сайта. Да, это услуга дорогостоящая, но, если вы планируете всерьез развивать свой сайт и сделать его основным источником трафика и продаж, сделать это обязательно нужно. Тем самым вы обеспечите условия для удобной работы пользователей с вашим сайтом и для более высокого ранжирования в поисковых системах.
Корректное отображение во всех браузерах
Независимо от того, будете ли вы делать адаптивную верстку сами или поручите это специалисту, готовый сайт нужно будет проверить в разных браузерах и на разных устройствах.
Проверка отображения сайта на разных устройствах:
1. Установите и запустите браузер Google Chrome.
2. Щелкните правой кнопкой мыши в любом месте страницы и выберите команду «Посмотреть код».
3. Нажмите на иконку в виде телефона с планшетом (рис. 54).
4. Выберите устройство, которое вас интересует (рис. 55), или перейдите в раздел «Edit», чтобы выбрать другое устройство или добавить свое («Add custom device»).
5. Обновите страницу, чтобы все элементы загрузились без ошибок.
Если вас по какой-то причине не устраивает браузер Google Chrome, вы можете воспользоваться браузерами Opera или Mozilla Firefox. Действия по проверке отображения сайта в этих браузерах будут аналогичными.
Проверка отображения сайта в разных браузерах:
1. Воспользуйтесь сервисом Browsershots (http://browsershots.org).
2. Вбейте в поисковую строку адрес страницы, которую вы хотите проверить.
3. Выберите интересующие вас браузеры.
4. Дождитесь, пока сервис загрузит все скриншоты.
5. Скачайте их себе на компьютер и проверьте, нет ли ошибок (рис. 56).
Хак № 36. Перед тем как создавать качественный контент, убедитесь, что ваш сайт корректно отображается на всех устройствах и во всех браузерах.
4. Сервисы для создания необычного контента
Чтобы пользователи как можно дольше находились на вашем сайте, им нужно предлагать разнообразный контент. Публиковать не только тексты, но и видео, тесты, картинки, инфографику, почаще использовать интерактивные элементы. В этой главе я расскажу о сервисах, которые помогут вам самостоятельно создавать контент подобного типа.
Playbuzz (http://www.playbuzz.com/)
Эта уникальная онлайн-платформа позволяет маркетологам и блогерам создавать всякого рода интерактивный контент: тесты, опросы, слайд-шоу, статьи-списки с анимированными картинками. В общем, контент с высоким виральным потенциалом.
Примеры использования Playbuzz можно найти у наших коллег из компании «Нетология». В их блоге (http://netology.ru) есть несколько интерактивных тестов, связанных с темой интернет-маркетинга. Вот, например, один из них: «Насколько вы полезный интернет-маркетолог?» (рис. 57).
Публикации-тесты не случайно имеют достаточно много просмотров, расшариваний и комментариев. Во-первых, людям в принципе очень нравится такого рода тестирование, поскольку оно позволяет проверить знания. А во-вторых, после того как человек выполнил все задания, он может поделиться своими результатами в соцсетях. Ну а кто из нас не захочет похвастаться высокой оценкой?
Несмотря на то, что язык сайта – английский, его достаточно легко использовать. Все, что вам потребуется, – зарегистрироваться (можно войти через Facebook или Google+), выбрать формат размещаемого материала и начать творить:
1. Нажимайте на кнопку «Create» в правом верхнем углу экрана.
2. Выбирайте нужный формат контента (выбор форматов чрезвычайно велик, тут есть тесты, интерактивные списки и слайд-шоу, всплывающие картинки и тексты, голосования, опросы и многое другое, поэтому не поленитесь – потратьте время, чтобы изучить все и найти то, что вам нужно).
3. Кликайте на кнопку «Create» напротив понравившегося формата и начинайте заполнять предложенные поля. В правом верхнем углу экрана можно посмотреть, как пост будет отображаться в соцсетях. А если нажать на «Preview», можно предварительно просмотреть весь контент.
4. Если результат вас устраивает, воспользуйтесь кнопкой «Publish». После этого копируйте