В новом аудиоподкасте №192 Николай Шмичков рассказал об анализе и проверке сайта ОНЛАЙН: обзор бесплатных утилит от Google.
Текстовая версия выступления:
«Программисты часто создают сайты для своих клиентов, и они не всегда доделаны, а иногда их просто нужно проверить.
Как проверить скорость сайта, как проверить мобильную версию, как проверить стоит ли микроразметка.
Это первые шаги, которые я предпринимаю, когда ко мне приходят клиенты и просят оценить их сайт; Также во время вебинаров я сканирую большинство сайтов с помощью простых утилит.
Эти утилиты не требуют каких-либо финансовых вложений для их использования.
Вот как я это делаю.
Очень быстро, обо всем по порядку я обязательно расскажу в своем видеообзоре и, который вы наверняка сможете так же послушать на наших аудиоподкастах.
Не забудьте подписаться либо на канал Youtube, либо на аудиоподкасты, либо на то и другое на нашем канале SEOKVIK.
Итак, перейдем непосредственно к самим инструментам.
Прежде всего, все эти инструменты доступны любому пользователю и, в первую очередь, тем самым пользователям, которые легко могут зайти в Google в раздел разработчиков google.com.
Обязательный — это раздел, который должен знать любой разработчик, желающий продвигать свой сайт в Google, без этого, на самом деле, многим веб-разработчикам будет очень сложно продвигать созданные ими сайты, если они не знают этих простых базовых уровней знание.
Я не буду подробно останавливаться на этих моментах, я остановлюсь на них в своих следующих подкастах, своих следующих видео, а мы рассмотрим непосредственно те самые инструменты и эти инструменты, которые вам следует знать.
В принципе они просты и понятны, инструментарий для проверки оптимизации под мобильные устройства — проверка расширенных результатов, всем известная страница Speed, консоль Google, о которой мы сняли отдельное видео.
Мы об этом говорили, была написана одна большая статья, она также была посвящена вебмастеру Google, сейчас мы ее обновляем, хотим обновлять в ней более свежую информацию.
Итак, появился новый инструмент — инструмент проверки структурированных данных.
Это темная лошадка, на которой мы сегодня немного остановимся, а также инструмент для проверки AMP-страниц.
Мы честно проверим это на нашем сайте и расскажем, что именно позволяют делать эти инструменты.
В первую очередь это проверка на оптимизацию под мобильные устройства, для этого вы можете сюда ввести свой URL, или для удобства просто создать проверку прямо в виде мобильной версии, самый простой инструмент, я потом могу показать как это сделать сделано, в принципе это можно сделать в виде закладок, поэтому берем наш сайт и вбиваем проверку на оптимизацию страниц для мобильных устройств.
Причем убить можно как сам сайт, так и код.
Полагаю, что теперь я услышал от Игоря Шулежко, что сейчас важно не mobile-first, а mabile Only.
Просматривайте свой сайт только в мобильной версии.
Как проверить любой сайт в мобильной версии.
Вот вы сидите за компьютером и не знаете, как это сделать.
На самом деле, это очень просто.
Просто нажмите, если у вас обычный компьютер с Windows, Shift Control C на любой открытой вкладке, и мобильная версия загрузится автоматически.
Также можно нажать Shift Control M, он включается и выключается, при нажатии Shift Control M мы легко можем увидеть мобильную версию вашего сайта или вы можете изучить как она выглядит, чтобы вас не раздражали коды , можно отключить отключение элементов и будет видно только до 8 Touch элементов и можно посмотреть как сайт выглядит на мобильном телефоне, какие элементы загружаются, как выглядят кнопки, как отображаются поля, какое качество — с глюками без глюков.
Все это можно проверить, инструментарий позволяет проверить это в принципе в автоматическом режиме, просто введите страницу, подождите и увидите результат, что страница оптимизирована и вы увидите вот такой простой предварительный просмотр обработанной страницы в виде скриншота, точно так же, как Google Chrome видит вашу страницу.
Вы заметили, что он конечно ничем не отличается, вы увидите, что у некоторых элементов нет теней и тому подобного, тогда можно немного обратить внимание на разницу в макете.
Это нормальное явление, Google Chrome — это всего лишь браузер, бот Google Chrome — это практически бот, который немного по-другому видит некоторые шрифты и некоторые скрипты.
Это нормально, поэтому следует это учитывать.
Также вы можете посмотреть, какие проблемы возникают при загрузке.
Какие скрипты загружаются, а какие не загружаются.
Все это можно изучить в соответствующем разделе данной утилиты.
Так что в принципе далеко ходить не надо, все легко увидеть.
Проверка «Расширенные результаты» позволяет проверить, развернуты ли готовые результаты.
Конечно, я всегда всем показываю, что у нас есть крутая страница по техническому аудиту.
Мы уже много раз об этом говорили, на этот раз мы проведем юзабилити-аудит страницы и, конечно же, проверим ее на предмет расширенных результатов.
Этот инструмент позволяет вам проверить, дает ли страница расширенные результаты.
Готова она к ним или нет.
Самый простой инструмент, потому что сейчас идет борьба за эти передовые результаты.
Ко мне пришел клиент купить квартиру в Болгарии, а мы изучили результаты поиска и заметили, что даже конкуренты начинают использовать расширенные результаты поиска, даже банальный вопрос с ответом, и это факт.
Многие люди теперь адаптируют все свои сайты к современным алгоритмам Google и таким образом пытаются получить результаты, в первую очередь, делая свои фрагменты более красивыми.
Сейчас важна не борьба за первое место, а борьба за клики.
Рейтинг кликов является наиболее важным.
По этому поводу у меня есть соответствующая статья, всем рекомендую ее изучить, в которой рассказывается о расширенных сниппетах, как они влияют на SEO, насколько увеличивается кликабельность, а также есть большое исследование, непосредственно посвященное тому, как повысить CTR, какие горячие слова повышают CTR, рекомендую зайти почитать, где я анализировал, какие ключевые слова дают больше CTR, какие меньше и тому подобное.
То есть разные клавиши работают по-разному.
Ну и соответственно, что касается расширенных сниппетов, то инструмент подсказывает, какие типы отображаются, и даже сразу подсказывает, где непосредственно можно отловить расширенный сниппет.
О Page Speed, я думаю, сейчас говорить невежливо.
Если кто-то ещё об этом не знает, то это тот самый инструмент, который проверяет скорость загрузки скриптов изображений и порядок их ответа, в частности ответа сервера.
Есть одна маленькая особенность — pagespeed каждый раз показывает разные результаты.
Для этого просто попробуйте одну и ту же страницу несколько раз в день, вы увидите совершенно другую картину.
Например, мы увидим, что мобильному устройству не очень нравится наша страница аудита юзабилити, но компьютеру она нравится, она более желтого цвета.
Как он определяет желтый и зеленый?
Как видите, существует определенная система баллов, эта система баллов на самом деле принадлежит службе Lifehouse.
Это дом жизни, который переехал прямо в Page Speed.
И эти точки и их цвета определяются исключительно этим лайфхаус-сервисом, который теперь интегрировался со PageSpeed.
Проверка страниц AMP. Сейчас очень важно, чтобы блоги продвигались через AMP.
Почему?
Поэтому страницы, особенно лонгриды, становятся огромными.
А из-за того, что они огромные, они очень долго загружаются, поэтому лучший вариант раскрутки блога – это продвигать его через компьютер и проверить свою страницу можно просто с помощью этой простой утилиты.
Утилита позволит вам выявить ошибки в коде AMP, все ли правильно установлено и все ли у вас работает хорошо.
Страницы AMP — это специальные страницы, которые выглядят более упрощенными и отображаются на мобильных устройствах.
Если вы зайдете, например, на мою страницу на мобильном телефоне, то она выглядит очень просто, вы увидите, что у нее даже немного другой дизайн.
Хотя дизайн страницы остался прежним, он, конечно, тяжеловат.
AMP-версия страниц загружается практически мгновенно, здесь у нас более простая верстка, все выглядит проще, изображения четко настроены и AMP-версия страниц — это что-то вроде аналога тех самых Турбо-страниц в Яндексе.
В этом отношении страницы AMP позволяют увеличить скорость, если у вас очень медленный сайт.
В нашем случае с прямой проверкой необходимо и очень важно проверить, что именно вставлять AMP-версию страницы, а не просто.
Это также важно проверить.
Пока она проверит насчет поисковой консоли, думаю, не буду на этом останавливаться; Эта утилита должна быть у каждого.
Посмотрите видео, где он объяснил, как им пользоваться, как его установить — в принципе все очень просто.
Ну а без инструмента для проверки структурированных данных далеко не уедешь.
Это тот же инструмент, который проверяет микроразметку на определенных страницах и, вставив любую страницу, вы сможете увидеть микроразметку всего за пару кликов.
Скорость работы утилиты практически мгновенная, она смотрит код страницы и рассказывает, что такое микроразметка, как она и есть ли ошибки.
Очень важно изучать микроразметку не только свою, но и конкурентов, изучать микроразметку, сравнивать похожие страницы, например, сравнивать главную страницу с главной, страницу товара с главной. страница продукта, страница события со страницей события.
Вот это надо учитывать, нельзя сравнивать разные и говорить, что у него микроразметка не там.
Вот и смотрите, всегда идентифицируйте исключительно однотипные страницы лидеров вашего сегмента рынка, а лучше вообще только лидера общего рынка, потому что иногда в вашем сегменте могут быть просто отвратительные сайты, а какой-то крупный сервис, например крупный прайс-агрегатор, все установлено как надо.
Поэтому смотрите на лучшее и копируйте себя, конечно, в отношении AMP.
Вы можете посмотреть страницу, как она работает, на ней отображаются все данные.
То есть вы можете посмотреть, как он отображается в результатах поиска, просто нажав на соответствующую кнопку, и посмотреть, как он отображается в результатах мобильного поиска.
Это все на сегодня.
Думаю, с коммунальными службами у нас все ясно.
Ссылку на все эти утилиты я оставлю в нашем телеграм-канале.
Так что не забудьте зайти на него, подписаться на телеграм-канал, я публикую свои скрипты, которыми пользуюсь, и удобные быстрые ссылки, которыми пользуюсь.
То есть я буду публиковать по одному и рассказывать как ими пользоваться, как их устанавливать, зачем они нужны, что с ними делать.
Поэтому не забывайте про наш телеграм-канал.
Конечно, я постоянно публикую кейсы в Инстаграм, рассказываю интересные кейсы о разных сайтах, клиентских сайтах и присланных мне на анализ.
Конечно, вы также можете прислать нам свой веб-сайт, чтобы мы могли его обсудить.
Ну, конечно, все конфиденциально.
Ссылку, честно говоря, публиковать не буду.
И, конечно, увидимся снова».
