Проверить мобильную версию сайта на предмет ошибок задача простая. Ответственность на поисковом оптимизатором. Наличие оптимизированной версии сайта является фактором ранжирования документов сайта.
Инструменты для мобильных сайтов
Как проверить мобильную версию сайта.Проверить сайт под мобильные устройства можно используя сервисы:
- Google Mobile-Friendly
- Google PageSpeed Insights;
- WebPage Test;
- ScreenFly;
- WebPage Test;
- BrowserStack.
Mobile-Friendly
Сервис под названием Mobile-Friendly покажет насколько сайт оптимизирован под мобильные устройства и какие есть ошибки в плане оптимизации:PageSpeed Insights
Проверить мобильную версию сайта под Google можно также используя инструмент от поисковой системы Google, который показывает.Сервис называется просто - PageSpeed Insights.
WebPage Test
Проверку загрузки сайта правильно бы проводить для разных устройств и с разных регионов. Сделать проверку можно используя WebPage Test.Сервис абсолютно бесплатный.
ScreenFly
Используя специальный инструмент для мобильный разработки можно проверить как отображается сайт. Сервис предназначен для просмотра сайта в виде, в котором сайт будет отображаться на мобильных устройствах, но для решение задачи достаточно использовать браузер.Инструмент бесплатный.
Adobe Edge Inspect
Если есть парк устройств для проверки сайта, можно использовать девайсы. Задача загрузки сайта на всех устройствах занимает определенное время, но задача решается.Если использовать специально созданное для открытия сайта на разных устройствах приложение под названием Adobe Edge Inspect, задача упрощается.
Инструмент бесплатный.
Приложение кросс-платформенное.
BrowserStack
BrowserStack является известным сервисом среди разработчиков сайта. Сервис показывает совместимость сайта на реальных устройствах.Инструмент платный.
Bing Mobile Test
Проверить бесплатно сайт на соответствие требованиям мобильных устройством можно посредством инструмента Mobile Test от поисковой системы Bing.Ссылка на сервис -
Для своих проектов вы, наверняка, давно заметили, что количество мобильных пользователей постоянно растет. У кого-то тенденция менее заметна, а на некоторых проектах за каждый год эта цифра увеличивается в 2 раза и больше. По данным LiveInternet, в Рунете сейчас более 50% трафика приходится на мобильные устройства. Кстати, многие читатели этого блога уже давно жалуются, что здесь нет мобильной версии 🙂 что будет, конечно, исправлено в ближайшем будущем.
Этот факт мобилизации не может игнорироваться и поисковыми платформами. Постепенно они дают преимущества в мобильном поиске тем сайтам, которые адаптированы под устройства пользователей.
Сначала Google давал сайтам пометку в сниппетах, что они будут корректно отображаться на мобильниках.
Также Google создал инструмент в помощь вебмастерам для проверки корректности отображения сайта на мобильных устройствах:
https://www.google.com/webmasters/tools/mobile-friendly/
С 21 апреля Google запустил новый алгоритм, на западе его назвали Mobilegeddon. Теперь успешное прохождение теста на Mobile Friendly является одним из seo-факторов, учитываемый гуглом. Пока что сильных изменений в выдаче не наблюдалось, но готовиться можно уже сейчас.
Как же сделать сайт адаптивным с точки зрения гугла? Секрет простой - нужно поставить задачу вашим программистам/верстальщикам. Ну а если нет времени ждать, то … можно использовать MobileCheat 🙂
На самом деле это непроверенная технология, неизвестно к чему приведет в дальнейшем, поэтому использовать только на свой страх и риск. Как минимум серию тестов можно здесь провести.
Как обойти тест Google с помощью MobileCheat
Необходимо сделать всего две вещи:
1. Добавить в код мета-тег viewport.
2. Закрыть роботу доступ к CSS -файлам или папке, где они лежат через robots.txt
Например, так мой блог проходит тест по умолчанию:
При закрытии CSS картина меняется:
Вроде на сайте ничего не поменялось, но результаты теста совсем иные. Кстати, на некоторых сайтах сам люблю отключать CSS , чтобы их было удобней просматривать и использовать 🙂 поэтому, вполне оправаданная схема. Но представлена лишь в ознакомительных целях.
А что вы думаете по этому поводу? Будет ли это Google рассчитывать как ответный ход конём или он продумал всё наперёд и сразу поставит сайту шах и мат? 🙂
Mobile Friendly или адаптированность представления сайта для мобильных устройств становится все более актуальной вследствие непрерывного увеличения доли просмотров с различных портативных гаджетов. Как результат, компания Google с 21 апреля 2015 года запустила алгоритм ранжирования сайтов в мобильном поиске учитывая их оптимизацию под такие устройства. Так, сайты которые с позиции алгоритма являются Mobile Friendly ранжируются выше тех, которые не являются таковыми.
Что в этом аспекте важно понимать?
Mobile Friendly в качестве фактора ранжирования уже факт свершившийся. К этому шли давно и наконец, пришли. Однако, многие игроки работающие в поле электронной коммерции до сих пор им пренебрегали. Это списывалось на низкую долю трафика с мобильного поиска. Но давайте на секунду остановимся и взглянем на цифры: в рунете доля уже составляет 37,4%, для сравнения в США – 47,3%. Важно понимание значимости каждого привлеченного клиента. Это касается как мобильного поиска, так и поиска по картикам, которым также любят пренебрегать. Учитывая потребности каждой группы посетителей ресурса можно добиться должного уважения, повысить посещаемость и продажи.
Каковы особенности мобильного поиска?
- Для мобильного поиска очень важна географическая привязка (локализация);
- Для мобильных устройств поисковая выдача БЕЗ СКРОЛЛИНГА представляет собой всего 2-3 первые позиции;
- В силу того, что диагональ смартфонов значительно меньше диагонали стационарных компьютеров это накладывает ограничения на размер title и description, которые выводятся в сниппете;
- Пользователи, которые переходят на сайт с мобильного поиска как правило располагают меньшим количеством времени. Исходя из этого, они должны как можно быстрее получить нужную информацию. Для этого следует позаботится о крайне быстрой загрузке страниц, а также сделать качественную систему поиска по сайту. Поиск должен быть удобен, понятен и корректен в плане выводимых результатов относительно поступившего запроса;
- При оптимизации сайта следует учесть использование пользователями голосовых запросов, которые, как правило, длиннее обычных запросов и задаются в виде вопросов.
Варианты оптимизации сайта под мобильные устройства
После принятия решения о том, что следует использовать все возможные варианты привлечения дополнительного трафика непосредственно из мобильного поиска следует выбрать вариант практической реализации оптимизации ресурса. Существует несколько вариантов:
Адаптивная верстка . Она позволит гибко подстраивать содержимое страниц сайта непосредственно под размер экрана конкретного посетителя. Это становиться возможным за счет скрытия некоторых блоков или же изменения их размеров. Важной особенностью адаптивной верстки является то, что внутренний html-код сайта не подвергается изменениям. При этом вне зависимости от типа устройства для просмотра сайта сам объем данных, которые будут передаваться, изменяться не будет.
Динамический показ . Практическая реализация заключается в том, что при запросе пользователем конкретного url-адреса сервер будет перенаправлять в ответ разнообразные варианты html-кода и css. Выбор варианта представления осуществляется системой на основе определения устройства, на которое выполняется загрузка страницы.
Различные url-адреса . В зависимости от типа устройств будут использоваться различные вариации кодовой части и различные url-адреса. Система автономно будет пытаться определить устройство-просмотрщик пользователя после чего перенаправит его на страницу, которая в максимальной степени будет оптимизирована. Такое перенаправление осуществляется посредством http переадресации, а также http-заголовков Vary.
из 5
)
Узнала, что изменится для MF и не MF сайтов, а также как стать дружественным по отношению к юзерам смартфонов.
Что такое mobile friendly?
MF или «дружелюбность» сайта, – это возможность адекватного просмотра сайта на всех устройствах, с которых пользователи на него заходят.Содержание страницы должно быть не шире, чем на дисплее.
Отдельное внимание придется уделить текстовому наполнению – принципиально важно, чтобы на странице помещались главные тезисы. Информация на экране должна размещаться таким образом, чтобы пользователю необязательно было масштабировать или пользоваться горизонтальной прокруткой. Желательно минимизировать количество изображений с текстом. На сайте должно отсутствовать ПО для мобильных устройств, не читаемое Googlebots (например, Flash-контент).
Ссылки важно располагать на достаточном расстоянии друг от друга (Google рекомендует выделять на пространство между ссылками минимум 8 dp), чтобы пользователям было удобно кликать на них, не «промахиваясь».
Не так страшен новый алгоритм
«Мы узнали, что все гораздо проще, чем кажется», - комментирует Наталья Воскобойникова, контент-студия WordFactory
Предлагаем вашему вниманию мнения нескольких экспертов, опрошенных Натальей:
«Алгоритм затрагивает только отдельные страницы, а не сайты в целом. А это значит, что в целом позиции сайта в выдаче не изменятся. Максимум – могут просесть по некоторым запросам и страницам».
Ва силий Волошин, SEO-специалист Digital-агентства Fresh IT
“Согласно информации в официальном твиттере Гугла для веб-мастеров, к мобильным устройствам не относятся планшеты. Мобильными устройствами считаются только смартфоны”, - Олег Гаврилюк, руководитель SEO-отдела компании «Авеб»
Так что, опасения по поводу того, как поисковик оценит ваш сайт в зависимости от того, как он выглядит на смартфоне, таблетке, планшете, нетбуке, ноутбуке, напрасны.
«Нужно анализировать трафик и потребности аудитории. Для одного сервиса, имеющего десятки тысяч страниц контента в выдаче, подойдет отдельный мобильный 3-страничник, представляющий собой форму быстрой заявки, для другого (Интернет-магазина) – просто адаптивный дизайн на Битриксе»,
- Алексей Славгородский, ведущий SEO-специалист, SEMatic
Таким образом, срочно делать MF-сайт каждой компании нет необходимости. Сначала анализируем.
В Google Analytics, считает Волошин, можно посмотреть, сколько людей посещают ваш ресурс с мобильных устройств. Для этого нужно зайти в Отчеты >> Аудитория >> Мобильные устройства >> Обзор. Если вам нужны графики только бесплатного поиска и бесплатных посещений с мобильных устройств, выбираем сегмент «Бесплатный поиск», а сегмент «Все сеансы» удаляем. После ставим галочку напротив «mobile» и нажимаем кнопку «Показать на диаграмме» (возле кнопки «Дополнительный параметр»).
И, конечно же, промежуточные итоги: алгоритм действует уже три месяца, но больших изменений в кириллической выдаче экспертами не замечено.
После «часа X» , по мнению Олега Гаврилюка, в кириллическом поиске особых изменений в ранжировании на мобильных устройствах замечено не было. Были единичные изменения, которые, скорее всего, связаны с другими факторами. Выдача по США изменилась больше, но кардинальных изменений, обещанных в пресс-релизе, не наблюдается.
На данный момент зависимости «дружелюбности» сайта и его падения в поиске нет. Неважно, есть у сайта мобильная версия или нет. Василий Волошин: «После новостей от Google о данном алгоритме мы уведомили клиентов о возможных последствиях. Часть наших клиентов прислушалась к рекомендациям Google и успешно внедрила все необходимые изменения, а часть сочла Mobile Friendly необязательной для своего бизнеса. После выхода алгоритма мы не заметили никаких существенных изменений». Сайты с мобильной версией и без нее как получали 10–15% посетителей с мобильных устройств, так и получают.
Так зачем же делать MF-сайт?
Изменения в выдаче буржнета уже есть – если ваш ресурс ориентирован на США, Европу, о мобильной версии нужно задуматься уже сейчас.Гипотетически вы рискуете потерять часть мобильного трафика, если в будущем выдача все-таки изменится в пользу MF-сайтов и в зонах ru, ua.
Главное – конверсии
Количество пользователей смартфонов растет, соответственно, увеличивается и количество покупок, совершаемых с телефонов. Чем удобнее ваш сайт для покупателей, тем больше конверсий.
Четыре пути к mobile friendly:
- Адаптивный дизайн под различные размеры дисплеев и виды гаджетов. При этом у вас остается один адрес, «вес» сайта будет таким же, как и в полноценной версии, а дизайн на экране мобильных гаджетов нельзя будет «отключить» (в случае с мобильной версией пользователь может переключиться на стандартный вариант сайта).
- Отдельно существующая версия сайта, ориентированная на мобильные гаджеты. При этом сохраняются функционал и стиль полноценного сайта, но страницы будут загружаться быстрее (это очень актуально для пользователей мобильного Интернета).
- RESS (Responsive Design + Server Side) позволит минимизировать трафик (вы сможете удалить лишние JavaScript из HTML, освободив память и кэш на гаджете), а также производить верстку для каждого устройства. Главный минус такого способа – сложность и большие затраты на разработку.
- И еще одна хорошая новость: MF-версия сайта – это просто и сравнительно недорого даже для небольших компаний.
Вы mobile friendly? Точно?
Судя по заявлению Гугла в официальном блоге для веб-мастеров, изменение алгоритма ранжирования, которое сеошники окрестили Mobilegeddon, должно было изменить выдачу на мобильных устройствах. Сайтам, адаптированным для просмотра с мобильных, должно отдаваться предпочтение при ранжировании. Сайты, которые проходят Mobile Friendly Test с положительным результатом, считаются адаптированными.
Самый простой способ проверить, все ли в порядке с mobile friendly версией сайта, – запустить Mobile Friendly Test. Более сложный – проанализировать эффективность мобильной версии сайта в Google Analytics по показателям конверсии или вовлеченности, - Олег Гаврилюк
Вот так будут выглядеть результаты проверки для сайта:
А что с mobile friendly текстами?
Тексты для мобильной версии сайта – это компактные, хорошо структурированные страницы. По сути, это лендинги. Для их создания вам понадобится автор c хорошими скилами копирайтинга, который понимает, что такое инфографика, визуализация и как делать прототип страницы. В идеале такой автор работает в тандеме с дизайнером.
Самых распространенных ошибок при реализации мобильной версии с точки зрения текстов всего две:
- Когда пишут текст под готовый шаблон страницы. Тогда речь идет не о том, чтобы правильно преподнести товар или услугу, а о том, как уложиться в нужное количество символов для каждого блока.
- Дублирование контента. Если создаются две версии сайта с одинаковыми текстами, поисковик может посчитать мобильную версию копипастом
Итак, 10 фактов, которые стоит знать о Mobile friendly
- Согласно официальной статистике Google, уже в 10 странах мира мобильный поиск превысил поиск с десктопных устройств.
- Алгоритм Mobile Friendly затронет только результаты выдачи на мобильных гаджетах. Другими словами, неадаптированные сайты могут потерять позиции исключительно при просмотре со смартфонов.
- Сайты будут оцениваться не целиком, а постранично – Google протестирует на «дружественность» мобильным гаджетам каждую страницу веб-ресурса.
- Алгоритм Mobile Friendly не повлияет на брендированные запросы – при поиске крупного ресторана или сети магазинов с телефона пользователи все равно окажутся на их официальном сайте.
- Алгоритм выдает четкие результаты без дополнительных градаций – ваш сайт будет признан либо mobile friendly, либо не mobile friendly.
- Ресурсы, не прошедшие тестирование и не признанные Google mobile friendly, гарантировано снизят свои позиции в выдаче. Однако в кириллической выдаче этого пока не замечено.
- Google выделяет всего три главных показателя, влияющих на «дружественность» сайта мобильным устройствам: контент, дизайн и скорость загрузки страницы.
- В качестве оптимального инструмента оптимизации сайта Google советует использовать адаптивный дизайн (вы избавитесь от переадресации и будете поддерживать всего одну версию ресурса).
- Большинство рекомендуемых Google изменений связаны с качеством отображения сайта на экранах смартфонов, а не с оптимизацией контента или метатегов.
- Создание сайта с адаптивным дизайном для 3–5 типичных страниц стоит всего на 30–50% дороже.
Если вы нашли ошибку, выделите участок текста и нажмите Ctrl + Enter или воспользуйтесь ссылкой , чтобы сообщить нам.
Mobile is changing the world. Today, everyone has smartphones with them, constantly communicating and looking for information. In many countries, the number of smartphones has surpassed the number of personal computers; having a mobile-friendly website has become a critical part of having an online presence.
If you haven"t made your website mobile-friendly, you should . The majority of users coming to your site are likely to be using a mobile device.
- If you don"t know if your website is mobile-friendly, take the Mobile Friendly Test now.
- If you used content management software like Wordpress to build your website, check out our guide to customizing your website software .
- If you"re technical enough to do it yourself, check out our Mobile SEO Guide .
Why make a website mobile-friendly?
If not mobile-friendly, a site can be difficult to view and use on a mobile device. A non-mobile-friendly site requires users to pinch or zoom in order to read the content. Users find this a frustrating experience and are likely to abandon the site. Alternatively, the mobile-friendly version is readable and immediately usable.How much does it cost to build a site for mobile devices?
It varies. For example, here are some of the possibilities:
- Going mobile can be free if you can select a responsive template or theme for your website. A responsive template or theme adapts the display to the visitor no matter if they are using a desktop, tablet, or mobile phone.
- Going mobile can be free if you have the technical skills to build your mobile site. Check out Web Fundamentals .
- Going mobile will likely cost time and money if you need to hire a developer.
Furthermore, if your website was created several years ago, a new developer
might recommend starting from scratch (so you"ll be paying for a complete
makeover). This is because there are new web development techniques and
themes (or page templates) that may make it more efficient to re-do -- rather
than modify -- your site. This is especially the case for sites:
- Built with Flash
- Using outdated e-commerce platforms
The good news is that if you start from scratch there may be an existing template or theme that you can utilize. You may be able to reuse your existing content which can hopefully save time and money.
