Как проверить сайт?

1. функциональные возможности
2. Технические аспекты
3. Скорость загрузки
4. Совместимость с браузерами
5. Адаптация к мобильным устройствам
6. SEO
7. Социальные сети
8. внешний вид
9. аналитика
10. содержание
11. другой
12. Бонус - для продвинутых

Вам нужно проверить работу агентства, которое разработало для вас новый веб-сайт? Или, может быть, вы хотите определить, подходит ли ваш старый сайт для обновления? Начните с проверки наиболее важных функций сайта самостоятельно.

Автор фото: Центральное командование ВМС США / Пятый флот США

В начале скажем честно: независимую проверку сайта нельзя сравнивать с аудитом, проводимым специалистами. Аудит - это наукоемкий и трудоемкий анализ веб-сайта и оценка его оптимизации в выбранной области - SEO, удобстве использования, конверсии и т. Д. Отчет, полученный в результате аудита, не только указывает на слабые стороны, но, прежде всего, предлагает решения, направленные на улучшение сайта в данной области. диапазон.

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

функциональные возможности

Я предполагаю, что новая услуга была тщательно проверена агентством и вами. И если речь идет о старом сайте, то более возможные дефекты уже давно обнаружены и устранены. Поэтому позвольте мне игнорировать этот момент.

Технические аспекты

Код правильный

Начнем с правильности кода HTML и CSS, то есть синтаксиса, отвечающего за отображение веб-страниц. W3C Validator проверит код HTML Сервис валидации CSS проверим CSS. Валидаторы проверяют только данный URL, то есть стоит вставить адрес главной страницы, а затем выбранную подстраницу (или несколько).
Не ставьте себя на абсолютный ноль ошибок. Допускается несколько, даже десяток ошибок, если страница по-прежнему отображается правильно. Иногда ошибки в коде вовсе не являются ошибкой создателя, они возникают, например, только из-за встроенных «чужих» элементов (например, социальных кнопок) или в самом контенте, введенном с помощью CMS - например, вами. 😉
Но если ошибок больше - например, несколько десятков, это уже сигнал о том, что что-то не так.

Скорость загрузки

Ключевой аспект скорость загрузки страницы , Мало того, что пользователи (особенно мобильные) все меньше и меньше терпеливы и могут сдаться после нескольких секунд ожидания, Google по-прежнему оценивает веб-сайты, которые загружаются быстрее.
Здесь вы можете использовать инструмент, предоставленный Google: Google Page Speed , В результате вы получите оценку по шкале от 0 до 100 - отдельно для компьютеров и для мобильных телефонов.
Оценка ниже 80 слабая, за 90 действительно хорошая. Ниже результата вы увидите список предложений, которые стоит улучшить.
Если вы чувствуете себя достаточно сильным, чтобы углубиться в детали, пожалуйста, используйте Тест веб-страницы , Этот тест, выполненный с использованием реального браузера, отобразит так называемый «График водопада», изображающий узкие места на вашем сайте (но также и на сервере) - элементы, которые вызывают наибольшую задержку.

Совместимость с браузерами

Тот факт, что ваша страница хорошо отображается в вашем браузере, не означает, что она хорошо выглядит в других браузерах. Совместимость с браузерами разных производителей и с разными версиями также является желательной особенностью веб-сайта.
Рейтинг Gemius Вы можете видеть, как популярность отдельных браузеров в настоящее время развивается. Ваш веб-сайт должен корректно отображаться во всех браузерах, например, по крайней мере, 3% пользователей.

Конечно, вам не нужно проверять совместимость с веб-браузерами, устанавливая их все на свой компьютер. И поэтому вы не можете, потому что пользователи используют разные версии и в разных операционных системах.
Здесь такие сайты, как Браузер Снимки которые генерируют скриншоты сайтов в разных браузерах. Просто закажите скриншоты для самых важных браузеров, а затем просмотрите сгенерированные растровые изображения и сравните с тем, что вы видите у себя дома.

Адаптация к мобильным устройствам

Мы написали в марте о том, как быстро растет интернет-трафик, генерируемый мобильными устройствами, и о том, что Google начал рассматривать адаптацию к мобильным устройствам как один из показателей, учитываемых в рейтинге веб-сайтов.

Тест на совместимость с портативными устройствами Предоставленный Google позволит вам проверить, подходит ли ваш сайт для смартфонов или планшетов, или нет.

Вы также можете, конечно, просматривать свою страницу на планшете (вертикально и горизонтально) и на своем смартфоне. Адаптивный макет (адаптируясь к размеру экрана) вы можете проверить, нажав на окно браузера или используя Screenfly ,

SEO

Поисковая оптимизация (в основном Google), также известная как «позиционирование» - это тема-река. Есть много методов, и ситуация очень динамична, потому что алгоритмы Google постоянно развиваются и изменяются.
Тем не менее, существуют инструменты, которые могут проверить правильность наиболее известных и редко меняющихся элементов, влияющих на рейтинг сайта Google. Одним из таких инструментов является SEO Проверка сайта , Вы узнаете, благодаря ему, среди других используются ли на сайте соответствующие теги HTML, какова плотность ключевых слов или роботы поисковых систем не блокируются. Все обнаруженные нарушения будут четко обозначены и будут сопровождаться информацией о том, как их исправить.

Социальные сети

Важным источником трафика на сайтах являются социальные платформы. В Польше в основном Facebook и B2B кейс также LinkedIn. Важно, чтобы веб-сайты были структурированы таким образом, чтобы делиться материалами в социальных сетях было легко и эффективно.
Упомянутое удобство - включение социальных кнопок - особенно на подстраницах, связанных с контент-маркетингом (например, блог).
В свою очередь, эффективность совместного использования зависит от правильного включения соответствующих маркеров в код. Без ввода URL-адреса материала в Facebook будет создана запись без графического эскиза (или с недействительным) с неверным заголовком или описанием.

Как выглядит общая страница в Facebook, если у нее есть соответствующие маркеры (слева) или нет (справа).

внешний вид

Конечно, графический дизайн сайта - дело вкуса, и это очень относительная вещь, и я не собираюсь переносить его сюда. Когда я пишу о внешнем виде, я имею в виду использование доступного пространства (окна браузера) и масштабирование.
Если ваш сайт был создан несколько лет назад, когда самое популярное разрешение экрана это были 1024 × 768 и 800 × 600, что было весьма распространенным явлением, это довольно хороший шанс, что ваш сайт слишком узок для современных мониторов. Большие пустые поля по бокам окна браузера - пустая трата места, что, в свою очередь, является недостатком по вертикали (панорамные экраны).

Растущее разрешение экранов сопровождается увеличением плотности пикселей (ppi - пикселей на дюйм). Мониторы Full HD (1920 × 1080) усердно работают без масштабирования изображения (включая веб-сайты). Не говоря уже о Retina или 4K / UltraHD (3840 × 2160).
На этих устройствах масштабирование включено по умолчанию (например, 125%). К счастью, даже если вы не работаете на мониторе с таким высоким разрешением, вы можете проверить, как ваш веб-сайт ведет себя после масштабирования. Для этого, удерживая клавишу CTRL, поверните «рулон» мыши - или несколько раз нажмите кнопку «минус» на клавиатуре. Вы всегда можете вернуться к шкале 100%, используя комбинацию CTRL-0 (ноль).
Если страница не «рассыпается», есть большая вероятность, что после масштабирования на мониторах с высоким разрешением она также будет отображаться правильно.

аналитика

Интернет-сервис без установленного аналитические инструменты это не полный инструмент электронного маркетинга. Не имея информации о степени достижения целей, эффективности отдельных элементов или трафика в целом, его невозможно развить.
Убедитесь, что механизм отслеживания пользователей установлен на вашем сайте. Самый популярный аналитический инструмент есть Google Analytics , С помощью этого инструмента вы можете проверить, установлен ли код Google Analytics на вашем веб-сайте и отсутствует ли он на какой-либо из подстраниц: GA Checker ,

содержание

Содержание сайта к сожалению, вы не будете проверять с помощью какого-либо инструмента (ну, если вы не пишете его). Вам нужно немного poklikać и poprzyglądać. Вот некоторые ключевые элементы, на которые следует обратить внимание:

• предупреждение о cookie-файлах - обычно в виде балки, которую можно закрыть, чтобы она больше не отображалась - Закон ЕС требует этого ;
• данные компании - обязательство предоставить данные компании (имя, адрес, NIP) это вытекает из различных правил - но не анализируйте их, просто убедитесь, что эти данные находятся на странице;
• страницы ошибок 404 - введите адрес несуществующей подстраницы на вашем сайте, например https://www.siteimpulse.com/na-pewno-nie-ma-takiej-strony, и проверьте, отображается ли сообщение об ошибке для пользователей и отображается ли предложения о том, что делать.

другой

К сожалению, другие аспекты веб-сайта не будут проверяться с помощью онлайн-инструментов или просто просмотра веб-сайта. Для их анализа необходимы специальные знания и большой опыт.
Я имею в виду:

• конверсия - то есть оптимизация сайта с точки зрения достижения конкретных целей;
• юзабилити - эргономика использования сайта;
• эффективность - способность работать под нагрузкой в ​​разных масштабах;
• безопасность - устойчивость к хакерскому вмешательству или подверженность автоматическим атакам;
• контент - качество текстов, их адаптация к целевой группе и потенциал в контент-маркетинге;
• Качество интернет-трафика - в настоящее время привлекает сайт.

Если вам нужен специализированный анализ вашего сайта, укажите его объем и заказать аудит ,

Бонус - для продвинутых

Если вы чувствуете себя сильным, у меня есть еще один инструмент для вас. На этот раз это не онлайн-приложение, а программа для Windows, OSX и Ubuntu. Это называется Кричащая лягушка и используется для «сканирования», то есть сканирования целых веб-сайтов по внутренним ссылкам.
Данные, полученные во время такого сканирования, позволят вам обнаружить множество неровностей различного рода, приведу несколько примеров:

• так называемые. «Нерабочие ссылки», то есть ссылки на несуществующие элементы (страницы, графические файлы и т. Д.);
• подстраницы без заголовков или с плохими заголовками (неизбежно, слишком короткие, слишком длинные);
• дублированный контент;
• слишком тяжелые файлы изображений.

Похожие

Комментарии