Как еще оптимизировать сайт под мобильные ус-ва, если 100/100 по Pagespeed Insights?

docadept
На сайте с 15.03.2010
Offline
89
2472

Картина следующая - добавил сайт с адаптивным шаблоном в вебмастер гугла, перед этим проверив гугловским же инструментом - PageSpeed Insights

Удобство для пользователей сей инструмент оценил в 100 баллов из 100 и сказал, что "Поздравляем! Проблемы не обнаружены." Скрин прикрепил.

[ATTACH]148755[/ATTACH]

А вот в вебмастере ошибки таки нашлись! Целых две:

1 Интерактивные элементы расположены слишком близко

2 Ширина контента не соответствует области просмотра

[ATTACH]148756[/ATTACH]

Вопрос №1 - почему они есть в вебмастере, но их не показывает PageSpeed Insights, на который и ссылается вебмастер?

Вопрос №2 - че теперь делать и делать ли вообще или забить? Сайт 100% нормально отображается на всех устройствах вплоть до 320х480.

Обидно просто и досадно, что какие-то странные ошибки показывают, когда их же инструмент их не находит и бодро рапортует, что идеал достигнут.

jpg Screenshot_1.jpg
jpg Screenshot_2.jpg
Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

Ответ №1. Возможно, вебмастер показывает данные для страницы до внесения изменений?

Ответ №2. Сделать кнопки крупнее или ссылки не располагать близко к друг другу; прописать мета тэг viewport

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
docadept
На сайте с 15.03.2010
Offline
89
#2
Оптимизайка:
Ответ №1. Возможно, вебмастер показывает данные для страницы до внесения изменений?
Ответ №2. Сделать кнопки крупнее или ссылки не располагать близко к друг другу; прописать мета тэг viewport

Вебмастер показывает данные за 30.01, сайт был открыт для индексирования 5 днями раньше и с тех пор не изменялся.

Про метатег сказано же в отчете Pagespeed:

[ATTACH]148757[/ATTACH]

Кнопки и ссылки и так крупные - об этом опять же свидетельствует вердикт Pagespeed:

[ATTACH]148758[/ATTACH]

Я почему тему и завел, что в замешательстве - как еще можно улучшить сайт, который по оценке сервиса Гугла на 100% подготовлен для просмотра на мобильных устройствах и откуда взялись ошибки, которых нет.

Подожду некоторое время тогда, может исчезнут)

jpg Screenshot_3.jpg
jpg Screenshot_4.jpg
Оптимизайка
На сайте с 11.03.2012
Offline
396
#3

А яндекс что говорит, не смотрели?

https://beta.webmaster.yandex.ru/site/http:ВАШСАЙТ:80/tools/mobile-friendly/

docadept
На сайте с 15.03.2010
Offline
89
#4
Оптимизайка:
А яндекс что говорит, не смотрели?
https://beta.webmaster.yandex.ru/site/http:ВАШСАЙТ:80/tools/mobile-friendly/

Проверял, но у Яндекса она проще, что ли:

[ATTACH]148761[/ATTACH]

jpg Screenshot_5.jpg
вувф
На сайте с 22.05.2011
Offline
121
#5

ТС не парься этой ерундой. У тебя сайт для Гугла и Яндекса оптимизирован. Всё... Дальше для людей(размеры, расстояния и т.д.).

Re@L
На сайте с 02.11.2008
Offline
154
#6

В гугле вебмастере какие страницы проблемные? Вы их проверяете в PageSpeed Insights или морду? Бывает что у некоторых страницах не полная адаптация под устройства :)

А вообще это пофигу, ссылки для гугла всё равно важнее

M
На сайте с 15.06.2010
Offline
150
#7

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

Посетите мой сайт: https://www.sweet-shop.kiev.ua/
docadept
На сайте с 15.03.2010
Offline
89
#8

Нашел, наконец, причину такого расхождения, оказалось, что в панели вебмастера для проверки используется не Pagespeed, а еще один тип проверки - "Посмотреть как Googlebot", а ему еще нужно открывать с недавних пор доступ к индексированию файлов стилей и js.

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

Итак, заходим в пункт "Удобство просмотра на мобильных устройствах" - видим проблемные страницы:

[ATTACH]149246[/ATTACH]

Кликаем на проблемный урл, получаем табличку с рекомендациями, одна из ссылок ведет сюда: https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/blocked-resources

А тут и написано: "Убедитесь, что Googlebot может сканировать JavaScript, CSS и графические файлы. Для этого в Инструментах Google для веб-мастеров есть функция Просмотреть как Googlebot."

Прелестно, двигаемся в пункт "Посмотреть как Googlebot", если короче, то здесь: https://www.google.com/webmasters/tools/mobile-friendly/

Там указываем проблемный урл и видим наконец причину всех проблем - робот, бедняжечка, проиндексировать не может кссики и джейэсики:

[ATTACH]149247[/ATTACH]

Там еще ссылка есть, как типа все это открыть - много воды по ней и нет самого главного - просто добавить несколько строчек в robots.txt, чтобы произошло чудо:

[ATTACH]149249[/ATTACH]

Для Wordpress:

User-agent: Googlebot

Allow: /wp-contents/themes/*.css

Allow: /wp-contents/themes/*.js

Allow: /wp-includes/*.css

Allow: /wp-includes/*.js

Для Joomla - на всякий случай, вдруг кому не повезло сделать сайт на ней:

User-agent: Googlebot

Allow: /templates/*.css

Allow: /templates/*.js

Allow: /components/*.css

Allow: /components/*.js

Allow: /media/*.js

Allow: /media/*.css

Allow: /plugins/*.css

Allow: /plugins/*.js

Ну и от Гугла - в чем разница между Pagespeed и проверкой на френдли-мобайл: https://developers.google.com/webmasters/mobile-sites/faq

png ss8s25p.png
png RqurDPp.png
png pcuCOGw.png
FS
На сайте с 11.06.2013
Offline
64
#9

Премного благодарен, подправил у себя :) Единственно, не подскажите ли, правильно я сделал или нет. У меня в роботсе следующее:

User-agent: Yandex

Disallow: /cgi-bin

Disallow: /wp-admin

Disallow: /wp-includes

Disallow: /wp-content/plugins

Disallow: /wp-content/cache

Disallow: /wp-content/themes

Disallow: /trackback

Disallow: */trackback

Disallow: */*/trackback

Disallow: */*/feed/*/

Disallow: */feed

Disallow: /*?*

Disallow: /*?

User-agent: *

Disallow: /cgi-bin

Disallow: /wp-admin

Disallow: /wp-includes

Disallow: /wp-content/plugins

Disallow: /wp-content/cache

Disallow: /wp-content/themes

Disallow: /trackback

Disallow: */trackback

Disallow: */*/trackback

Disallow: */*/feed/*/

Disallow: */feed

Disallow: /*?*

Disallow: /*?

User-agent: Googlebot

Allow: /wp-contents/themes/*.css

Allow: /wp-contents/themes/*.js

Allow: /wp-includes/*.css

Allow: /wp-includes/*.js

Все ли правильно или директивы для гуглбота лучше вписать в User-agent: * ?

docadept
На сайте с 15.03.2010
Offline
89
#10

Все правильно, директивы для гуглбота должны быть отдельным блоком, чтобы он все понял) Проверьте в панели Гуглвебмастера - если напишет, что оптимизировано - можно наконец-то заняться реально делом и оптимизацией, а не поиском комариных жопок))

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий