В новом аудиоподкасте №192 Николай Шмичков рассказал про анализ и проверка сайта ОНЛАЙН: обзор бесплатных утилит от Google.
Текстовая версия выступления:
“Часто программисты создают сайты своим заказчикам, и они не всегда доделаны до конца и их иногда нужно попросту проверять.
Как проверить скорость сайта, как проверить мобильную версию, как проверить стоит ли микроразметка.
Эти первые шаги, которые я делаю, когда ко мне приходят заказчики и просят оценить их сайт, также на вебинарах сканирую большинство сайтов простыми утилитами.
Эти утилиты не требуют никаких финансовых затрат, чтобы ними пользоваться.
Итак, как я это делаю.
Очень быстро обязательно обо всём расскажу по порядку в своём видеообзоре и, которые точно так же вы, наверное, можете и послушать на наших аудиоподкастах.
Не забываем подписываться либо на Youtube канал, либо на аудиоподкасты, либо на то и другое на нашем канале сеоквик.
Итак, перейдем непосредственно к самим инструментариям.
В первую очередь все эти инструментарии доступны любому пользователю и в первую очередь, это доступно тем самым пользователям, которые могут с легкостью зайти в Google в раздел developers google.com.
Обязательно – это раздел, который нужно знать любому разработчику, который желает продвигать свой сайт в Гугле, без этого на самом деле многим веб-разработчиком будет очень тяжело свои созданные сайты продвинуть, если не будут знать эти простые базовые уровни знаний.
Я не буду проходить по вот этим пунктам, я остановлюсь на них в следующих подкастах, следующих своих видео, а рассмотрим мы непосредственно те самые инструменты и вот эти инструменты, которые следует знать.
Они в принципе просты и понятны, инструментарий проверка оптимизации для мобильных, это проверка расширенных результатов, известный всем page Speed, Google консоль, про который у нас снята отдельное видео.
Мы про неё рассказали, написана одна большая статья, посвящена ещё она Гугл вебмастеру, мы её сейчас как раз обновляем, хотим обновить более свежую информацию в ней.
Ну и есть новый инструмент -инструмент проверки структурированных данных.
Вот это лошадка темная, на которой мы чуть-чуть сегодня остановимся и также инструмент проверка AMP страниц.
Проверять будем честно на своем сайте и будем говорить собственно, что эти инструменты позволяют делать.
В первую очередь – это проверка оптимизации для мобильных устройств, для этого вы можете вбить сюда свой урл, либо создать для удобства просто непосредственно проверку в виде мобильной версии, простейший инструмент, я могу потом показать, как делается это, в принципе можно сделать в виде закладки, поэтому мы берем наш сайт и вбиваем проверку оптимизации страницы для мобильных устройств.
И можно вбивать как сам сайт, так код.
Я считаю, что сейчас вот я от Игорь Шулежко слышал, сейчас важно не mobile-first, a mabile Only.
Рассматривайте ваш сайт только в мобильной версии.
Как проверить любой сайт в мобильный версии.
Вот вы сидите на компьютере, вы не знаете, как это сделать.
На самом деле – это очень просто.
Нажмите просто, если у вас обычный комп на Windows, Shift Control C в любой открытой вкладке и автоматически загрузится мобильная версия.
Также можно нажать Shift Control M, она включает-выключает, при нажатии Shift Control M мы с легкостью увидим мобильную версию вашего сайта или можете изучить, как она выглядит, чтобы вас не раздражали коды, можно отключить отключение элементов и будет видно только до 8 Touch элементы и вы сможете посмотреть, как сайт выглядит на мобилке, какие элементы грузятся, как кнопочки выглядят, как выводятся поля, как качество – с глюками без глюков.
Это всё можно проверить, инструментарий позволяет проверить это в принципе в автоматическом режиме просто вбиваем страничку, ждём и видим результат, что страничка оптимизирована и вы увидите такое простенькое превью обработанной страничке в виде скриншота, как Google Chrome видит вашу страничку.
Вы заметили, что она конечно же не отличается, вы увидите, что кое какие элементы не имеют тени и тому подобное, то можете обратить внимание чуть-чуть на отличие верстки.
Это нормальное явление, Google Chrome именно браузер, бот Гугл Хрома – это практически бот видит чуть-чуть иначе некоторые шрифты, некоторые скрипты.
Это нормальное явление, поэтому вы должны это учитывать.
Также можете посмотреть какие возникают проблемы при загрузке.
Какие скрипты грузятся, какие не грузятся.
Это всё можно изучить в соответствующем разделе этой утилиты.
Так что в принципе далеко ходить не нужно, можно всё с легкостью посмотреть.
Проверка расширенных результатов позволяет проверить, расширены ли в ней готовые результаты.
Я конечно же всегда всем показываю, что у нас есть классная страничка по техническому аудиту.
Мы про неё говорили много раз, возьмём в этот раз аудит юзабилити страничку и конечно же, проверим её на расширенные результаты.
Этот инструмент позволяет проверить, выдает ли страничка расширенный результаты.
Готова ли она к ним или нет.
Простейший инструмент, потому что сейчас идет борьба за эти расширенные результаты.
Вот ко мне приходил клиент купить квартиру в Болгарии, и мы изучали выдачу и замечали, что уже даже конкуренты начинают использовать расширенный элементы выдачи, даже банальный вопрос ответ и это факт.
Многие сейчас подстраивают все свои сайты под современные алгоритмы Гугла, и таким образом, стараются захватить выдачу, в первую очередь за счет того, что сделать свой сниппет красивее.
Сейчас важна не борьба за первое место, а борьба за клики.
Кликабельность является наиболее важной.
По этому поводу у меня есть соответствующая статья, я рекомендую всем её изучить, которая рассказывает про расширенные сниппеты, как они влияют на сео, насколько возрастает кликабельность и также есть большое исследование, посвященное непосредственно, как нужно увеличивать CTR, какие горячие слова увеличиваются CTR, рекомендую сходить почитать, где я проанализировал, какие ключи дают больше CTR, какие меньше и тому подобное.
То есть разные ключи работают по-разному.
Ну и соответственно по поводу расширенных сниппетов инструмент говорит, какие виды выводятся, и он сразу даже говорит, где можно выловить непосредственно расширенный сниппет.
Про пейдж спид я думаю, сейчас говорить ну моветон.
Если кто-то ещё об этом до сих пор не знает, то это тот самый инструмент, который проверяет на скорость загрузки скриптов изображений и порядок их ответа, в частности ответа сервера.
Есть одна маленькая особенность – пейджспид каждый раз по-разному показывает разные результаты.
Для этого просто попробуйте одной и той же странички несколько раз в день, вы увидите абсолютно разную картинку.
Вот например мы увидим, что мобайлу очень не нравится наша страничка аудит юзабилити, компьютеру же она нравится, тут более жёлтый цвет.
Как он определяет жёлтый, зелёный.
Как видите, вот есть определенная система баллов, эта система баллов принадлежит сервису lifehouse фактически.
Это переехавшие lifehouse непосредственно в пейдж спид.
И вот эти баллы, их расцветку определяют исключительно вот этот сервис lifehouse, который с интегрировался с пейджспидом сейчас.
Проверка AMP страниц – очень важно для блогов сейчас продвигаться через AMP.
Почему?
Потому странички, особенно лонгриды становятся огромными.
И за счёт того, что они огромные, они очень долго грузится, поэтому оптимальный вариант продвигать блог – это продвигать его через комп и проверить свою страничку можно просто по этой простейшей утилите.
Утилита позволит выявить ошибки кода AMP, всё ли у вас правильно поставлено, всё ли у вас хорошо работает.
AMP странички это такие особые странички, которые выглядят более урезано и выводятся на мобильных устройствах.
Если перейти, допустим, на мою страничку на мобилке, она выглядит очень простенько, вы видите, что у неё даже чуть-чуть другой дизайн.
В то время, как у странички дизайн сохраняется, но она, конечно же тяжелая.
AMP версия страниц грузится практически мгновенно, здесь у нас более простая верстка, всё выглядит более простенько, изображение чётко подстроены и AMP версии страниц – это что-то вроде аналога тех самых страничек Turbo в Яндексе.
В этом плане AMP странички позволяют выиграть в скорости, если у вас действительно медленный сайт.
В нашем случае с непосредственно проверкой, нужно и очень важно проверять, что именно вставлять AMP версию страницы, а не просто.
Это тоже важно для проверки.
Пока она будет проверять по поводу поисковой консоли, я думаю, не буду останавливаться на ней, это утилита должна быть просто у каждого.
Посмотрите ролик, где рассказывал, как ей пользоваться, как её устанавливать – в принципе очень просто.
Ну без инструмента проверки структурированных данных сейчас вообще далеко ходить нельзя.
Это тот самый инструмент, который проверяет микроразметку на тех или иных страничках и, вставляя любую страничку, Вы можете посмотреть микроразметку буквально в пару кликов.
Скорость утилиты практически мгновенная, она смотрит код страницы и говорит, какая микроразметка, как стоит и есть ли ошибки.
Очень важно изучать микроразметку не только свою, но и конкурентов изучать микроразметку, сравнивать однотипные страницы, например, сравнивать главную с главной, страничку товара с страничкой товаров, страничку мероприятия с страничкой мероприятия.
Вот это вы должны учесть, нельзя сравнивать разные и говорить вот у него микроразметка не там стоит.
Так вы смотрите, всегда определите исключительно однотипные страницы лидеров вашего сегмента рынка и лучше вообще просто лидера общего рынка, потому что иногда в вашем сегменте могут быть просто отвратительные сайты, но какой-то крупный сервис, например, крупный прайс агрегатор имеет все установленное как надо.
Поэтому смотрите на лучших и копируйте себе, само собой, собственно по поводу AMP.
Можно увидеть страничку, как она работает, она выводит данные все.
То есть как она выводится в выдаче можно посмотреть, просто нажав на соответствующую кнопку и увидеть как она выводится в мобильной выдачи.
На сегодня всё.
Я думаю мы с утилитами ясно.
Ссылочку я оставлю на эти все утилиты в нашем телеграм-канале.
Так что не забываем на него приходить, подписываться в телеграм канале, я публикую и свои скрипты, которыми пользуюсь и удобные быстрые ссылочки, которые я вот использую.
То есть я по одной буду публиковать и рассказывать, как ею пользоваться, как их ставить, зачем они нужны, что с ними делать.
Поэтому не забываем про наш telegram-канал.
Конечно же, у меня в Инстаграме публикуются постоянно кейсы, я рассказываю интересные случаи по поводу разных сайтов, клиентских сайтов и присланных мне на анализ.
Конечно же и вы можете также свой сайт прислать нам, чтоб можно было обсудить.
Ну само собой, всё конфиденциально.
Ссылку публиковать не буду, честно-честно.
И конечно же, до новых встреч.”
