Содержание
Мобильное удобство использования — это большое слово сейчас. 21 апреля 2015 года Google обновил алгоритм поиска, который включает удобство использования мобильных устройств в качестве одного из search criteria , Если ваш сайт не подходит для мобильных устройств, есть вероятность, что это изменение повлияет на ваш мобильный поисковый трафик.
В Crunchify мы также исправили несколько проблем, чтобы сайт полностью соответствовал требованиям для мобильных устройств. Идея для этого поста состоит в том, чтобы поделиться шагами, которые я выполнил, чтобы исправить эти проблемы в Crunchify. Для меня это так же важно, как и скорость загрузки моего сайта.
Давайте начнем:
Пункт 1) Как проверить, есть ли на вашем сайте ошибка, связанная с юзабилити мобильных устройств?
Шаг 1
- Перейти к инструменту Google для веб-мастеров
- Выберите свой сайт
- Нажмите на
Search Traffic - Нажмите на
Mobile UsabilityСсылка на сайт
Шаг 2
Вы должны увидеть отчет об использовании мобильных устройств на вашем сайте, как на этой странице. Внизу отчета вы также должны увидеть причину.
Пункт-2) Как исправить ошибку?
В моем случае было две проблемы.
- Сенсорные элементы слишком близко
- ресурсы, которые заблокированы robots.txt
Как исправить ошибку Touch Element слишком близко?
В моем случае элементы заголовка были слишком близки. Я только что изменил CSS, чтобы он работал ниже и помог мне исправить эту ошибку.
|
1
2
3
4
5
6
7
|
, генезис — навигация — меню {
граница : нет ;
цвет : #fff;
дисплей : блок ;
набивка : 24px 18 пикселей ; < == этот было 14px 12 пикселей ;
положение : родственник ;
}
|
Эти метчики должны быть не менее 7 мм (48 CSS-пикселей, если вы правильно настроили область просмотра) и должны иметь дополнительное расстояние вокруг них, если они меньше 7 мм.
Как я исправил ошибку заблокированного ресурса в robots.txt?
Ниже содержание файла robots.txt само объяснит вам то же самое. Я блокировал все файлы .js и .css, которые находятся в папке wp-content.
Before:
|
1
2
3
4
5
6
7
|
Пользователь — агент : *
Disallow : / wp — admin /
Disallow : / wp — контент /
Disallow : / WP — включает в себя /
Disallow : / go /
Карта сайта : https : //crunchify.com/sitemap_index.xml
|
After:
|
1
2
3
4
|
Пользователь — агент : *
Disallow : / go /
Карта сайта : https : //crunchify.com/sitemap_index.xml
|
Пункт 3) Как проверить результат?
Шаг 1
Посетите URL: https://www.google.com/webmasters/tools/mobile-friendly/ . Введите URL своего блога, и вы должны увидеть Failed или же Awesome результат.
Шаг 2
Зайдите в любой браузер и поищите пост вашего сайта. Тебе следует увидеть Mobile-friend перед сообщением в блоге. Если это так, то на ваш рейтинг SERP не повлияет изменение этого нового алгоритма Google.
0.00 (0%) 0 votes
