1. Ссылки покупок

    Стратегия на турбо опционы

    Обучение по Бинарным Опционам.

    Бизнес по рецепту. продажа женских товаров

    Мануал по добыче бесплатного трафика с поисковика Bing (2016)

    От 6к уникальных посетителей на страницу ВК

    Facebook

    Стратегия Лайв Профит - ставки на футбол

    [Ирина Шмидт] - Церебро Таргет 2016

    Новый дорген.

    Стратегия на спорт.

    Двойной арбитражник по бесплатному трафику (2016)

    Подробная инструкция по Созданию интернет магазина чая с нуля (2016)

    Чертежи солнечного био-вегетария площадью 1200 кв.м. (СБВ-Профи)

    Адский стрим по копирайтингу: то чувство, когда подглядывать - хорошо!

    Видео-Курс - Tехнология быстрого старта в email рассылках (2016)

    Продвижение партнерских программ в одноклассниках (2016)

    Научу грести трафик. Только успевай сервера покупать!

    Трафик из ВК (Схема + Кейсы)

    Пассивный доход со стабильными выплатами.Схема добычи трафика.

    Секрет создания аккаунта яндекс директ без НДС

    Система ставок от проверенного каппера

    Государственный и банковский конфискат +VIP блок (2016)

    Как работать и зарабатывать деньги на продвижении своих проектов (2016)

    Секреты бесплатной рекламы от бывшего сотрудника Вконтакте

    Mobile Арбитраж - Арбитраж мобильного трафика (2016)

    BUSINESS MANUAL - Безопасные схемы заработка

    Как получать 1000-и заказов из CPA сетей (Дм.Ковпак)

    Как зарабатывать удаленно 100 тыс. руб на продвижении в Инстаграме без вложений и жить в Тайланде

    Самонаполняемые Видео-сайты!

    Прибыльная стратегия для бинарных опционов, первый доход через считанные дни + бонус!

    Траф с Вк за копейки

    Профит на онлайн теме от 30к до Неизвестно в месяц

    Легальный высокодоходный бизнес в реале

Mobile-Friendly Test и мобильные сайты в выдаче Google

  1. Продолжая тему адаптивных дизайнов сайтов хотелось бы обсудить одно нововведение, которое собирается внедрить Google. В своем Webmaster Central Blog они опубликовали новость, что в скором времени все проекты с качественным мобильным дизайном будут иметь выдаче соответствующую пометку. Мол пользователи со смартфонов иногда заходят из поиска на сайты в надежде найти полезную инфу, а получают неоптимизированный, разваливающийся и неюзабельный дизайн. У гугла решили с этим бороться. Сайты, на которые удобно заходить с мобильного будут выглядеть в выдаче так.

    [​IMG]

    Что нужно чтобы получить эту метку?

    1. Избегать ПО, которое не отображается на мобильных, например Flash.
    2. Использовать читабельные тексты без необходимости их увеличения.
    3. Размер сайта должен соответствовать размеру экрана и не иметь горизонтальной прокрутки внизу.
    4. Ссылки должны размещены достаточно далеко друг от друга дабы не было случайных нажатий.

    Опять же приведу пример из поста про адаптивный дизайн сайта/блога.

    [​IMG]

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

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

    [​IMG]

    Google подскажет вам какие именно ошибки у вас имеются. Как видим, на сайте и текст слишком маленький, и ссылки близко расположены, и т.п. Примечательным есть пункт «Make this page mobile-friendly» (справа), где сервис определил, что вероятно я использую WordPress и предложил мне воспользоваться соответствующими подсказками. В документации есть информация для нескольких популярных CMS: Drupal, Joomla, Blogger, Tumblr, DLE, Magento, vBulletin, Bitrix, Prestashop и Google Sites. Кликаем по ссылке Next.

    [​IMG]

    Здесь представлен ряд материалов, которые могут вам помочь в преобразовании шаблона в такой, что будет поддерживать адаптивный дизайн. Для его создания, конечно, нужно будет очень хорошо разбираться в HTML верстке и CSS стилях. Самый простой вариант — найти себе новую тему для WordPress, которая бы поддерживала мобильный дизайн. Для блогов я недавно подобрал 35 лучших шаблонов. Внимательно читаем описание той или иной темы поддерживает она адаптивный дизайн или нет.

    Еще один интересный инструмент, которые может вам помочь находится в Google Webmasters Tools во вкладке «Поисковых трафик», это — «Удобство просмотра на мобильных устройствах«.

    [​IMG]

    Плюс в том, что механизм сразу проверят весь сайт, а не одну какую-то страницу. Теперь вы можете спокойно заняться исправлением всех ошибок. Понятно, что в данном конкретном примере сверху не придется просматривать 659 страниц для удаления Flash, а просто нужно внести одно изменение в шаблон дабы не отображать его на мобильных устройствах.

    Итого алгоритм для получения мобильного сайта:

    • Запускаете Mobile-Friendly Test и проверяете совместимость с мобильным устройствами.
    • Читаем обновленную документацию Webmasters Mobile Guide для создания или улучшения мобильного сайта.
    • Проверяете отчет «Удобство просмотра на мобильных устройствах» в Google Webmaster Tools и исправляете ошибки, если есть.
    • Можно также просмотреть информацию по мобильным шаблоном для вашей CMS (WordPress, Joomla и других).

    На данный момент большая часть документации доступна исключительно на английском языке, но совсем скоро появятся другие локализации. А вы уже сделали мобильную версию для своего сайта?


    © Tod's Blog. Про заработок в интернете, 2014. | Нет комментариев | Категория Web разработка, Поисковые системы.

    Интересные статьи по теме

    [​IMG]
     

Поделиться этой страницей