проверка, анализ и способы оптимизации
Скорость загрузки вашего сайта является важным параметром для ранжирования поисковыми системами. Мы создали Website Speed Test, чтобы вы могли проанализировать скорость загрузки вашего сайта. Вы можете использовать его, чтобы ускорить загрузку вашего ресурса и понять, что замедляет его работу.
Website Speed Test прост в использовании и подойдет как новичкам, так и более опытным пользователям. Узнайте с помощью этого бесплатного средства проверки скорости о слабых местах вашего сайта, отделяющие вас от ускорения загрузки страницы.
Нашим намерением было создать идеальный инструмент для проверки скорости сайта и помочь веб-мастерам и веб-разработчикам проверять производительность сайта.
И мы это сделали!
Давайте подробнее рассмотрим причины, по которым ваш сайт может медленно загружаться. Воспользуйтесь нашим приложением, чтобы проверить ключевые показатели скорости вашего ресурса.
Скорость веб-сайта влияет на ваш бизнес
- На 8% меньше просмотров страницы из-за всего лишь 3-секундной задержки.
- На 16% ниже будет удовлетворенность клиентов из-за задержки в 1 секунду.
- 32%-ная вероятность отказов после 3-секундной задержки при загрузке страницы.
- 40% ваших клиентов покинут сайт, если страница будет загружаться дольше 3 секунд.
Почему скорость загрузки сайта имеет значение
Исследования Google показывают, что если время загрузки страницы длится 1-5 секунд, то это увеличивает вероятность отказа на 107%. Давайте рассмотрим, что влияет на скорость загрузки сайта и почему вам необходимо поработать над тем, чтобы ее улучшить. Но сначала необходимо проверить скорость загрузки страниц.
- Привлекайте больше клиентов – скорость загрузки сайта с мобильного устройства также важна. Сегодня большинство пользователей заходит на сайты именно со смартфонов, и вам следует позаботиться о том, чтобы охватывать этот сегмент потенциальных клиентов.
- Повысьте удобство работы пользователей – сложный код страницы станет причиной замедления загрузки. Оставьте неуклюжие сайты в прошлом и приступайте к оптимизации кода своего сайта. Поверьте, так вы сможете значительно повысить производительность своего сайта.
- Удерживайте пользователей – недостаточно привлечь внимание клиента, его необходимо еще и удержать. Учтите, что если страницы вашего сайта загружаются быстро, то вероятность того, что пользователь покинет ресурс, снижается в разы. Вам ведь тоже не нравятся медленные сайты!
- Увеличьте конверсию – чем быстрее загружается ваш ресурс, тем выше будет конверсия, которую вы можете получить от покупателей, не покинувших ваш сайт после просмотра первой страницы.
Хотите знать, почему ваша страница медленная – воспользуйтесь нашим приложением для проверки скорости сайта
Получите подробную информацию о скорости загрузки и размере страницы при помощи тестирования скорости страницы. У нас вы можете экспортировать результаты в PDF-файл, поделиться ссылкой на данные или скопировать информацию в буфер обмена. Тестирование скорости веб-страницы – это очень удобный способ получить результаты теста и сравнить их с показателями, полученными после исправления ошибок на вашем сайте. Мы предлагаем вам веб-хостинг с лучшими гарантиями скорости работы сайта. Протестируйте скорость загрузки сайта вместе с нами! Воспользуйтесь возможностью экспорта и проанализируйте, насколько быстрее загружается ваш сайт при помощи нашего средства проверки скорости сайта.
Чтобы вам было максимально удобно, Website Test присваивает сайту оценку на основе рекомендаций Google. Этот инструмент даст вам полезные советы о том, как ускорить загрузку страниц вашего сайта и какие ошибки необходимо для этого устранить. Протестируйте скорость загрузки страницы и исправьте все ошибки.
С помощью подробных диаграмм состояния вашего сайта вы можете быстро узнать о проблемных областях и аспектах, требующих срочного вмешательства. Приложение подскажет, на что обратить внимание и как исправить ошибки. Проверьте скорость загрузки сайта и увеличьте ее с помощью нашего теста скорости сайта!
Советы по поиску и устранению неисправностей
Тест скорости загрузки веб-сайта может улучшить рейтинг вашего сайта. Вот некоторые из наиболее распространенных проблем, которые не позволяют сайтам загружаться быстрее и приводят к потере потенциальных клиентов. Мы собрали эти советы, чтобы вы знали, с чего начать работу по повышению эффективности использования ресурсов. Это советы просты, следовать им под силу даже новичкам. Следуйте советам по поиску и устранению неполадок и улучшайте свой сайт без особых усилий.
Сравните скорость загрузки страниц в Chrome, Firefox и IE
Тест для проверки скорости веб-сайта проверяет скорость загрузки вашего сайта в самых популярных браузерах. Стоит не забывать, что, хотя большинство пользователей просматривают страницы с помощью Chrome, много потенциальных клиентов используют и другие браузеры. Поэтому чтобы не потерять возможную аудиторию и клиентов, стоит уделить особое внимание оптимизации для других менее популярных браузеров.
Получите уникальную возможность проверить скорость загрузки вашего сайта из разных локаций по всему миру. Наше приложение дает вам возможность совершить проверку из нескольких стран, а именно насколько быстро будет загружаться ваш сайт для пользователей, живущих там. Это позволит вам выявить и предотвратить возможные проблемы, замедляющие работу вашего сайта.
Проверьте скорость своего сайта с мобильных устройств
Помните, что большинство пользователей будут просматривать ваш ресурс с мобильных устройств. Поэтому наше приложение дает возможность тестировать скорость платформы с различных устройств. Используйте форматы страниц с быстрой загрузкой, чтобы пользователи могли получать информацию с ваших страниц еще быстрее.
Оптимизация сервера
Во-первых, серверную часть легко мониторить и контролировать. Во-вторых, при серьезных проблемах, касающихся времени отклика сервера, замедление работы заметно у всех. Вам следует всерьез позаботиться об этом параметре, чтобы ваш ресурс в поисковой выдаче занимал еще более высокое место.
Оптимизация для посетителей
Вот несколько универсальных советов, которые помогут ускорить работу любого ресурса. В первую очередь обратите внимание на следующие факторы.
- Оптимизация веб-шрифтов – стоит уменьшить объем трафика на вашем сайте, идущего на шрифты. Используйте для этого WOFF2 для современных браузеров. Используйте только популярные форматы, латиницу и кириллицу. Предварительная загрузка позволит вам уведомить ваш браузер, когда загружать файл шрифта. Функция отображения шрифтов обеспечивает гибкий способ управления поведением браузера в случае задержки загрузки файла.
- Оптимизация изображений – загрузка объемных изображений приводит к тому, что сайт загружается существенно медленнее. Можно использовать специальные программы, которые уменьшат размер картинки. Кроме того, подобные сервисы приведут к сжатию без потери качества, так что ваши пользователи даже не заметят разницы. Воспользуйтесь такими услугами по оптимизации, чтобы страницы вашего сайта загружались как можно быстрее за счет уменьшения размера изображений на страницах вашего сайта.
- Сжатие данных – как мы упоминали ранее, код вашей страницы должен быть максимально простым и оптимизированным. Уберите неудобные конструкции, замените их более простыми вариантами. Помните, что сжатие данных на вашем сайте ускорит работу ресурса и не даст потерять потенциальных клиентов. Используйте статическое сжатие, чтобы сервер предоставлял пользователям последнюю сжатую версию вашего сайта.
Использование CDN
Применение CDN – это известный способ для ускорения вашего ресурса. Не упускайте эту возможность улучшить производительность своей платформы прямо сейчас!
Пользователь обычно подключается к ближайшему сетевому серверу. Вот почему создание TCP- и TLS-соединения происходит быстрее. В случае же, если данные находятся в CDN, пользователь может получить их намного быстрее. Такая настройка значительно снижает нагрузку на ваш сервер.
CDN может предоставлять данные ресурса в исходном виде и оптимизировать их. Это дает возможность без особых усилий ускорить загрузку вашего сайта.
10 самых простых и частых ошибок на сайтах / Хабр
«Почему мой сайт не продаёт?» — ответ на этот вопрос может быть очень простым, стоит лишь взглянуть на свой сайт глазами «новичка».
Когда владелец сайта ежедневно взаимодействует со своим информационным ресурсом, он привыкает к навигации и с легкостью находит информацию. Недостатки и огрехи в юзабилити становятся незаметны или кажутся столь незначительными, что «все не до этого». Но как быть новому пользователю? Сориентироваться, порой, не то что сложно – невозможно! Особенно если владелец сайта не сумел найти баланс между информативностью (ведь всё так важно и обо всем нужно рассказать на страницах сайта), его навигацией и элементами юзабилити. В итоге на интернет-ресурсе «ногу сломать» можно.
У вас на сайте всё хорошо? Точно? Откройте свой сайт, пройдитесь по пунктам и проверьте себя.
Первая ошибка. Логотип на сайте изображен слишком мелко или «теряется» в общей массе элементов
Логотип должен говорить пользователю: «ты пришел по правильному адресу! Ты нашёл, что искал!» Каждый знает, на чем специализируется «Газпром», а чем занимаетесь вы? В шапке сайта, рядом с логотипом стоит расположить и краткое описание деятельности компании. Представьтесь, когда пользователь «заходит к вам». Это признак хорошего тона.
Пример: чем занимается компания, чей сайт представлен на скришоте? Напишите в комментарии свои догадки, только, чур, не гуглить.
Вторая ошибка. Логотип по клику не переводит пользователя на главную страницу сайта
Чтобы посетитель сайта мог вернуться на главную страницу, сделайте логотип кнопкой возврата. Это уже условный рефлекс большинства пользователей. Потому не обманывайте их ожидания.
Третья ошибка. Телефон и контакты сложно найти
Если пользователь сразу не находит контактную информацию, как он с вами свяжется? Номер телефона компании с кодом города нужно расположить на видном месте, в ожидаемом для пользователя месте – обычно это верхний правый угол. Желательно обозначить и часы работы.
Если специфика вашей работы подразумевает, что клиент может звонить, чтобы уточнить/ записаться/ забронировать/ задать вопросы, сделайте так, чтобы номер телефона всегда был перед его глазами, где бы пользователь ни находился. Самое простое решение – зафиксировать шапку сайта.
Еще один признак хорошего тона – указание альтернативного способа связи в разделе «Контакты» – это может быть электронная почта, мессенджер, номер телефона call-центра и т.д…
Не перестарайтесь в стремлении «зацепить» клиента на старые добрые скрипты «Мы вам перезвоним» или «Не нашли, что искали – мы вам перезвоним». Сделайте лучше так, чтобы пользователь сам смог найти то, зачем пришел и как с вами связаться, а не нервничал, кликая каждые 15 секунд на всплывающее окно обратной связи.
Четвертая ошибка. «На деревню дедушке»
На скриншоте, представленном ниже, указан телефон без кода города. Встречается и такое. Указывайте принадлежность к городу, если работаете в определенном регионе, либо дайте понять, что работаете по России. Пользователи не любят гадать и «догугливать».
Пятая ошибка. Перегруженное меню
Золотое правило «3-5, максимум 7» (кол-во элементов, которые человек в состоянии воспринимать одновременно) – говорит о том, что и на сайте не нужно перегружать меню и навигацию по услугам. Даже если вам очень хочется показать весь ассортимент. Облегчите клиенту выбор, быстро сориентируйте его по основным направлениям, объединяя элементы в группы.
Сделайте 3-5 основных разделов меню, внутри каждое тоже можете разбить на 3-5-7 элементов подменю. Отдельные опции покажите уже на страницах описания товара/услуги.
Шестая ошибка. «Корзину» днем с огнем не сыщешь
Требование относится по больше части к интернет-магазинам. Часто, очень часто бывают казусы с корзинами. У одного клиента была такая верстка, что в некоторых браузерах кнопка «Добавить товар в корзину» выпадала за пределы экрана.У другого после добавления товара с экрана пропадала кнопка для перехода в корзину. Исправили ошибку – продажи пошли. А как же.
Были случаи, когда кнопка «Корзина» располагалась не в шапке – в привычном для глаза месте, а в правом или левом блоке, между новостями и рекламным баннером.
Недавно столкнулись с такой же проблемой при заказе на OZON.ru. Квест: купить книгу. Описание книги есть, отзывы, рейтинг, наличие, характеристики, другие рекомендуемые товары. Прокручиваем страницу вверх и вниз: как добавить в корзину – непонятно! Кнопка должна быть рядом с ценой – это логично: посмотрел товар, увидел цену, принял решение, положил в корзину.
Кнопку нашли, вот она, зафиксированная по нижней кромке, не прокручивается вместе с текстом, воспринимается как рамка. А при скроллинге вверх перекрывается панелью навигации.
Даже у крупных интернет-магазинов есть такие же проблемы.
Седьмая ошибка. Слишком много полей в окне оформления заказа
Запрашивайте у пользователя только самую необходимую информацию, иначе его терпения может не хватить.
Выделяйте обязательные к заполнению поля, не заставляйте долго думать. Дополните форму подсказками. Пользователь отправил заявку – должен увидеть либо просьбу заполнить корректно, если что-то пошло не так, либо подтверждение, что все получилось. Например, «Благодарим за сделанный заказ! В ближайшее время с Вами свяжется наш менеджер».
Восьмая ошибка. 404. Битые ссылки, или «ссылки в никуда»
Они периодически встречаются каждому пользователю всемирной паутины при переходе на сайты. Наверняка «ошибку 404» видел каждый.
С точки зрения поисковой оптимизации, пустые страницы – зло, их необходимо скрывать от индексации, как и дубли. Наличие подобных ссылок может негативно сказываться на позициях сайта в выдаче Яндекса и Google, а также вызывать неудобство простого пользователя.
Девятая ошибка. Слишком долго, чтобы ждать
В одной из предыдущих статей мы подробно разбирали показатели скорости загрузки страниц сайта. По данным Kissmetrics, почти половина пользователей ожидают, что сайт загрузится максимум через две секунды. Если же сайт не загружается в течение трех секунд, с него уходят. В общей сложности 79% онлайн-покупателей, столкнувшись с медленной загрузкой сайта, не вернутся на него никогда, и около 40% расскажут друзьям о негативном опыте покупок в интернете. Именно поэтому за скоростью загрузки сайта нужно следить постоянно и предпринимать регулярные меры для улучшения данного показателя.
Десятая ошибка. Сайт некорректно отображается с мобильного устройства
Ваш сайт должен корректно отображаться как в десктопной, так и в мобильной версии.
Для решения вопроса адаптации сайта под все виды устройств существует два подхода:
• Создание отдельной версии сайта, которая корректно отображается на мобильном устройстве
• Создание сайта с так называемой адаптивной версткой, которая подстраивается под любой размер экрана.
Наиболее широкое распространение получил именно второй вариант, поскольку он дешевле в разработке и практичнее в целом. Большинство современных сайтов изначально проектируются так, чтобы они были одинаково удобны для просмотра на разных экранах.
Почему это так актуально? И отговорка «сколько лет жили без мобильной версии» больше не «прокатит»?
- Более 50% покупателей ищут товары и услуги в интернете с мобильных устройств. И эта цифра очень быстро увеличивается. Google предупреждает, что сайты, которые не имеют мобильной версии, будут очень низко ранжироваться в результатах поиска с мобильных устройств. Соответственно, если у вас нет мобильной версии сайта, найти вас пользователю будет весьма затруднительно.
- Более 40% пользователей заявили, что уйдут на другой сайт, он текущий «криво» отображается в мобильной версии. И опять же, их доля уверенно растет. Для бизнеса это значит, что вниманием покупателя завладеет тот продавец, чей сайт удобен на любом устройстве.
- Смартфон позволяет пользователю сразу сделать звонок по указанному на сайте номеру телефона (если на сайте реализована функция click-to-call). Таким образом, вы становитесь гораздо ближе к потенциальному покупателю.
- В тренде мобильная реклама. Если у вас нет мобильного сайта, то ее эффективность будет катастрофически низкой.
- И последнее. Если у ваших конкурентов еще нет мобильной версии сайта, то у вас есть отличная возможность создать мощное конкурентное преимущество и получить тех клиентов, которые покидают устаревшие сайты ваших противников. А если у конкурентов уже есть мобильные сайты? Вы просто «дарите» им своих клиентов, предпочитающих мобильные устройства.
В конкурентной борьбе побеждает тот, чей сайт дружелюбнее, доступнее и удобнее клиенту. Учитесь смотреть на свой сайт глазами покупателя.
Как проверить сайт на ошибки: исправить технические ошибки онлайн
Как проверить сайт на ошибки
Проверка сайта на ошибкиПоисковые системы любят показывать только качественные ресурсы в своих выдачах. Если на сайте присутствуют технические ошибки, его позиции могут пострадать. Даже одна небольшая, незаметная для обычного пользователя недоработка может стать причиной пессимизации и плохого индексирования страниц. Чтобы сохранять валидность и исправность ресурса, необходимо регулярно проводить технический анализ. В этом помогут сервисы, которые позволяют проверить сайт на ошибки различного характера.
Проверка валидности кода
1. Markup Validator Service W3C.
Как найти и исправить ошибки в коде ресурса.
Проверка html-кода сайта в программе W3C Markup Validator Service.Самый популярный сервис для проверки ошибок на сайте и оптимизации кода. Его даже рекомендует поисковая система Яндекс.
2. CSS Validation Service W3C.
Валидор CSS-кода от того же разработчика.
3. Rexswain.
Онлайн-сервис, позволяющий проверить код сайта на наличие ошибок. В частности, коды ответов сервера, редиректы, неотображаемые браузером элементы и т. д.
4. Urivalet.
Ещё один онлайн-сервис. Обладает более широким функционалом, чем предыдущий. Анализирует коды ответов сервера, скорость загрузки страниц, ссылочную массу. Показывает сайт глазами поискового робота.
Проверка ссылок
1. Online Broken Link Checker.
Как найти битые ссылки на сайте онлайн.
Проверка на наличие битых ссылок в программе Online Broken Link Checker.Онлайн-проверка ресурса на наличие битых ссылок.
2. W3C Link Checker.
Сервис проверки ссылок.
3. Web Link Validator.
Проверяет гиперссылки на сайте.
Проверка доступности ресурса
1. FAE Accessibility Test.
Простой онлайн-проект, позволяющий проверять доступность (параметр Accessibility) как всего веб-сайта в целом, так и отдельных страниц.
2. CSS Accessibility Analysis.
Проверка доступности CSS-элементов.
3. WAVE 3.0 Accessibility Evaluator.
Оценка доступности страниц сайта. Проверяет только одну страницу в бесплатной версии.
4. Site Valet 2.0.
Анализ доступности с полной проверкой следов и поддержкой XML.
Отображение сайта в разных браузерах
1. Browser Compatibility Test.
Проверяет отображение страниц в различных версиях браузеров Chrome, Mozilla, Opera, Safari и др. Позволяет исправить ошибки сайта, связанные с некорректным отображением на мобильных устройствах.
2. IE Net Renderer.
Проверка отображения сайта в различных версиях браузера Internet Explorer.
Проверка прав WHOIS
1. Domaintools Whois Lookup.
Как проверить и исправить ошибки на сайте. Анализ Whois.
Проверка сайта на ошибки. Проверка Whois на сайте Domaintools.Быстрая и простая онлайн-проверка файла Whois.
2. Webconfs.com Whois Lookup.
Аналогичная проверка сайта от другого разработчика.
Другие проверки
1. Robots.txt checker by Motoricerca.
Как проверить и исправить ошибки на сайте в файле robots.txt.
Проверка файла robots.txt на наличие ошибок. Онлайн-сервис Motoricerca.Позволяет проверить корректность заполнения файла robots.txt, обнаружить и устранить ошибки.
1. Juicy Studio Image Analyser.
Сервис позволяет проверить все изображения на странице в онлайн-режиме.
2. Juicy Studio Readability Test.
Анализирует уровень читаемости контента на указанной странице. Предоставляет лишь приблизительные данные.
Комплексное продвижение сайта
Комплексное продвижение сайта10 ошибок сайта, которые мешают SEO
На этапе создания сайта не многие задумываются о его дальнейшем продвижении. Сами веб-студии не всегда заинтересованы в том, чтобы сделать сайт, подходящий под требования к SEO. В итоге ошибки обнаруживаются слишком поздно и на дальнейшие изменения сайта тратятся значительные ресурсы, как время, так и деньги.
Что же необходимо учитывать ещё на этапе создания сайта, чтобы в дальнейшем не пришлось ничего переделывать? Разберем в этой статье.
Ошибка 1 — Неподходящая CMS
CMS, или система управления сайтом — это фундамент вашего сайта. Система, с помощью которой вы управляете сайтом, наполняете его, вносите изменения. Система, от которой будет зависеть функционал вашего сайта, скорость его работы, безопасность и отказоустойчивость.
Именно поэтому к выбору CMS необходимо подходить обдуманно. Для разных типов сайтов необходимы разные CMS. Обычно зависимость вполне прямая — чем сложнее сайт, тем более “продвинутой” должна быть CRM. Так, для интернет-магазина или сайта-каталога нужна CMS, заранее предусматривающая логику оформления заказа, оплаты, возможную фильтрацию товаров, удобство загрузки и редактирования товаров, и множество других важных коммерческих факторов. В то же время, для одностраничного сайта или сайта-визитки подойдет практически любая CMS, даже простая и бесплатная.
Необходимо отдельно рассказать о конструкторах сайтов. Как правило, они совершенно негодны для SEO и неудобны для электронной торговли большим ассортиментом. Дело в том, что в CMS вы можете персонализировать ваш сайт и настраивать его по своему вкусу. В конструкторе же вы целиком зависите от его разработчика, и иногда не можете сделать даже базовые вещи, необходимые для SEO продвижения.
Ошибка 2 — Отсутствие ЧПУ
Что такое ЧПУ? ЧПУ, или “человекопонятный УРЛ” — это способ оформления пути к страницам сайта, подразумевающий использование понятных человеку слов в названии страниц и категорий сайта.
Например, для страницы с детскими резиновыми сапогами ЧПУ может быть:
magazin.ru/obuv/detskaya/rezonovie-sapogi
Используйте ЧПУ ссылки, а также продумайте их логику и структуру ещё на этапе создания сайта.
Ошибка 3 — Неправильная структура сайта
Чем больше страниц на вашем сайте — тем важнее разработать его правильную структуру. Дело в том, что поисковые системы определяют тематику как вашего сайта в целом, так и отдельных разделов и страниц. И если структура вашего сайта будет непонятной и размытой — вы просто запутаете поискового робота. В лучшем случае это приведёт к тому, что вы просто не будете показываться по части запросов. В худшем — не будете показываться вообще.
Посетители сайта тоже не любят блуждать по сайту и искать нужную информацию. “Хлебные крошки” и ссылки на разные разделы — это то, что помогает вам продавать больше и показываться выше.
Ошибка 4 — Отсутствие https
К счастью, это можно исправить достаточно быстро и легко. Тем не менее, лучше использовать защищенный протокол сразу при запуске сайта.
Ошибка 5 — Выбор неподходящего домена
Да, выбор домена не относится к разработке сайта. Тем не менее, этот этап также важен. Домен должен отображать либо тематику сайта, либо название вашей компании.
Ошибка 6 — Медленная скорость загрузки сайта
Бывает, что разработчики совсем не берут в расчет такой параметр, как скорость загрузки сайта. Между тем, картинки без оптимизации, избыток скриптов, ошибки при кодировании сильно влияют на скорость загрузки сайта. Скорость загрузки — один из важнейших параметров для SEO. В нашей практике были случаи, когда удавалось попасть с 8-9 на 1 место только благодаря ускорению загрузки.
Также на скорость загрузки влияет хостинг или сервер, на котором хранится сайт. лучше использовать выделенные серверы на основе SSD дисков, а также не выбирать серверы, которые расположены географически далеко от основного региона сайта.
Ошибка 7 — Отсутствие микроразметки данных
Микроразметка помогает поисковым роботам понять структуру сайта и страницы.
Использование микроразметки делает сайт более заметным и привлекательным в выдаче благодаря сниппетам (особенному оформлению ссылки в выдаче). Это также помогает повысить ваш сайт в поисковой выдаче.
Микроразметка должна закладываться ещё на этапе проектирования сайта. Чем больше переменных используется на сайте — тем лучше. Пример микроразметки, рекомендованный и Яндексом и Google — schema.org.
Ошибка 8 — Отсутствие адаптивного дизайна
И Google и Яндекс уже с 2017 года говорят о важности наличия адаптивного дизайна или мобильной верстки. Если у вашего сайта не мобильной версии — вас нет в ТОП 10.
Ошибка 9 — Пустые или неправильно заполненные теги
Бывает, что сайт публикуется с отсутствующими тегами description и без заголовков. Это практически на корню убивает возможность продвижения. У всех страниц сайта должны быть прописаны уникальные Title, description и h2 заголовки.
Ошибка 10 — Некачественный текст
При запуске сайта страницы индексируются с текстом. Если текст на сайте сделан на скорую руку, без использования нужных ключевых слов, это может сделать ваш сайт некачественным в глазах поискового робота. На исправление этой ситуации может уйти несколько месяцев. Лучше запустить сайт чуть позже, но сразу с качественным контентом.
Надеемся, что данная статья поможет вам избежать ошибок при разработке и запуске сайта, и вы без проблем окажетесь в ТОПе выдачи.
Основные Ошибки в СЕО На Сайте
Опубликовано:04 Апр 2018
Автор: Анатолий Улитовский
SEO (Search Engine Optimization) – это оптимизация и продвижение в выдаче поисковых систем. Принято рассматривать внешние и внутренние факторы оптимизации.
К внешним факторам продвижения относятся действия на сторонних ресурсах. Например:
- платное и бесплатное наращивание ссылочной массы;
- регистрация на трастовых сайтах и каталогах;
- гостевые и партнерские статьи в блогах;
- группы в соцсетях, призванные продвигать сайт;
- публикации на форумах и «партизанский маркетинг».
Подробно о продвижении сайта и изменении алгоритмов поисковиков можно прочитать в отдельной статье.
Внешнее СЕО – это ежедневная, кропотливая работа контент-менеджера, маркетолога и копирайтера, она сравнима с наращиванием мышечной массы в спорте. Но прежде чем дело дойдет до мышц, необходим прочный костяк, на котором эти мышцы крепятся. В этом смысле техническое SEO – скелет вашего сайта. Качество и количество мяса, которое растет на его костях, будет зависеть от того, насколько правильно они формируются.
Проблема в том, что, когда дело доходит до технической SEO-оптимизации, сложно определить с чего начать и на что нужно обращать внимание в первую очередь.
Чтобы разобраться в этом, компания SEMrush, специализирующаяся на продвижении, провела серию исследований наиболее частых и значимых ошибок оптимизации. Сеошники выявили факторы, которые отрицательно влияют на ранжирование и производительность веб-ресурса.
Чтобы определить наиболее распространенные технические ошибки, специалисты фирмы собирали данные на 100 000 веб-сайтов и 450 миллионах страниц. А потом структурировали все недочеты и проблемы по уровню серьезности.
В первую очередь внимание уделялось факторам, которые связаны с удобством (юзабилити) сайта. А также показателям общей производительности. Это же мы рекомендуем и вам. Удостоверьтесь, что исправлены критические ошибки на самых важных страницах сайта. Недочеты, ухудшающие продвижение, должны быть учтены и устранены.
Чтобы разобраться, что и как влияет на здоровье вашего ресурса, внимательно ознакомьтесь с этой статьей. Важно усвоить принципы и ключевые моменты. По итогу вы сможете самостоятельно оценить состояние ресурса, а также подготовить техническое задание для специалиста, который будет заниматься программной частью.
Наиболее распространенные технические проблемы SEO
Есть три слоя технической SEO-оптимизации, которые должен учитывать каждый владелец сайта или оптимизатор:
- структура сайта;
- SEO посадочных страниц;
- технические аспекты работы и продвижения.
Каждый из этих слоев подобен ящику Пандоры – когда мы его открываем, освобождаются силы зла, с которыми потом придется иметь дело. Но давайте рассмотрим все шаг за шагом.
Область 1: Структура сайта и индексируемость
Усилия по оптимизации эффективны только когда поисковые системы имеют свободный доступ к страницам. Googlebot должен просканировать и индексировать весь сайт, чтобы он появится в SERP (поисковой выдаче). Ошибка на этом этапе сведет к нулю все действия по оптимизации; сайт, который не виден посетителям, денег не принесет.
Чтобы ресурс успешно индексировался ботом поисковика, необходимо уделить этому вопросу некоторое время.
Есть три простых приема чтобы ускорить появление ресурса в выдаче:
- Зарегистрировать сайт в Search Console Гугла.
- Добавить главную посадочную страницу в addurl Google.
- Получить качественные ссылки на прокаченных порталах.
Но что делать, если что-то пошло не так? Самый простой и действенный вариант – посмотреть, как бот Гугла сканирует сайт, и на каком этапе возникает проблема. Это можно сделать через Search Console, во вкладке «Сканирование».
Если Гугл «съест» главную страницу, то оттуда, по ссылкам, сможет обойти весь сайт (естественно, при условии, что ссылки сделаны правильно). При наличии ошибок, ссылка может вести «на деревню к дедушке», соответственно, какая-то часть сайта останется скрытой для робота, а значит не будет принимать участия в ранжировании. Далее мы подробнее рассмотрим проблемы с «битыми» ссылками.
Ссылки и переадресации
Специалисты SEMrush обнаружили, что на каждом четвертом веб-сайте есть проблемы с ссылками. Они встречаются гораздо чаще, чем неправильная конфигурация домена или ошибки в цепочках перенаправления.
Чаще всего, недочеты связаны с «кривыми» внутренними ссылками – они встречаются у 30 процентов сайтов. Если захотите самостоятельно почистить сайт от некачественных ссылок можно воспользоваться бесплатным чекером.
Это удобный и полезный инструмент, вводите адрес своего сайта и получаете подробную информацию по каждой.
А если захотите подробнее разобраться в этом вопросе, у нас есть отдельная статья.
Также обратите особое внимание на ошибки редиректа 4XX, они присутствуют у 26,5 процентов веб-сайтов.
Более подробная информация представлена на иллюстрации ниже:
Ссылки, перенаправления и «хлебные крошки» ведут пользователя через весь ресурс, и это важно. Подробнее о ссылках можно посмотреть в статье, или в видео на нашем канале.
А еще нельзя забывать о правильно настроенных sitemap и robots.txt, которые также связаны со структурой сайта и возможностью его индексирования.Карта сайта и Robots.txt
Хотя большинство веб-сайтов внешне выглядят достаточно привлекательно, когда дело доходит до sitemaps и robots.txt, часто возникают проблемы. По статистике у 13 процентов сайтов есть ошибки в файле sitemap.xml и robot.txt. Конечно, это менее распространенная проблема чем «битые» ссылки, но все же данные говорят сами за себя. «Сайтмап» и «робот» рекомендуем приводить в порядок в первую очередь.
Проанализировать robots.txt можно через бесплатные инструменты Google Webmaster Tools или Яндекс Вебмастер. Тут нужно знать, что Гугл требует подтверждения прав на владение сайтом, а Яндекс нет.
Для проверки sitemap есть схожие инструменты – анализатор Яндекса
И требующий авторизации Google Sitemaps Status Checker:
Ошибки в SEO страниц
Теперь пришло время посмотреть на отдельные веб-страницы. Посадочные страницы – это то, куда попадает посетитель сайта по конкретному запросу. Если вместо товара или услуги человек видит что-то иное, он уходит, не выполнив целевое действие. Поэтому эта область имеет первостепенное значение.
Правильно оптимизированные страницы гораздо лучше ранжируются и быстрее растут в поисковике. Их рейтинг и видимость обусловлены качеством оптимизации. Посмотрим, какие ошибки чаще всего здесь встречаются.
Основные ошибки SEO на посадочной странице
Контент – это капитал, и он приносит прибыль. О том, как создавать ориентированный на клиента контент есть отдельная статья. Но сейчас мы говорим о том, что относится не к качеству текстов и видео, а к техническим аспектам вопроса.
На самом деле большинство технических проблем SEO связаны с контентом:
- У 65,88% сайтов есть серьезные проблемы с дублированием текста. Конечно, в некоторых случаях невозможно избежать повторений, но вы всегда можете добавить тег rel = «canonical» на вторичные страницы. Однако старайтесь не злоупотреблять полномочиями по скрытию страницы, поскольку уникальный текст всегда лучше, чем хорошо оптимизированный дублированный контент.
- Впечатляющие 93,72 процента веб-страниц имеют низкое соотношение текста и HTML-кода. Хотя эта проблема действительно широко распространена, ее уровень серьезности довольно низок, потому что некоторые страницы (например, страница «Связаться с нами»), естественно, содержат меньше текста, чем кода. Однако, это все равно будет восприниматься поисковиком как ошибка.
- 73,47% страниц имеют малое количество слов, что не всегда является ошибкой с вашей стороны, так как некоторые веб-страницы просто не требуют большого количества текста. Можно свести эту проблему к нулю, если поместить не менее 250 слов на каждую страницу, там, где это уместно и выглядит естественно.
Тем не менее, SEO не заканчивается на оптимизации текстов. Еще нужно прокачать страницу, предоставляющую этот контент для веб-поиска. И тут на сцену выходят метатеги, заголовки и изображения.
Метатеги
Как показано в исследовании, метаописания часто исключаются из процесса оптимизации. Примерно 63% владельцев веб-сайтов полностью отказываются от каких-либо попыток создать метатеги. При этом почти 54% веб-сайтов имеют дублированные, не уникальные тайтл и дескрипшн.
Повторяющиеся метаописания – очень серьезный недочет. Даже недостаток тегов не настолько вреден для продвижения, потому что поисковые системы будут создавать свои варианты, даже если вы не потрудились затратить время на это самостоятельно. Но пускать дело на самотек – плохая идея.
В конце концов, метатег – окно дисплея, который смотрит на ваш сайт. Это то, что заставляет людей «щелкать». Поэтому, если хотите получить более высокий рейтинг кликов (CTR) для своих веб-страниц, обратите внимание на теги.
Заголовки h2 и теги изображений
Другая область оптимизации контента, которая влияет на SEO, связана с заголовками и названиями картинок.
Более 60 процентов веб-сайтов пропускают теги alt для картинок и имеют слишком длинные заголовки h2. Иногда они вообще отсутствуют.
Хотя эти проблемы не считаются столь же серьезными, как приведенные выше, но все равно негативно влияют на UX веб-сайта, что, в свою очередь, оказывает влияние на рейтинг.
Технические аспекты SEO
Вам должно быть интересно, почему мы оставили «на потом» такие важные моменты SEO, как скорость загрузки сайта и оптимизация под мобильных пользователей. Это потому, что производительность относится к третьему, техническому разделу SEO, а мы договорились рассматривать все по порядку.
Цена ошибки в любом из технических компонентов может быть невероятно высокой. Исследование Amazon показало, что 100 миллисекунд дополнительного времени потраченного на загрузку страницы может привести к 1-процентному снижению продаж. Много это или мало? Ответить сложно, но есть сайты, которые грузятся по 4-5 секунд, и это уже критичные показатели.
Трафик сайта сильно обусловлен техническими аспектами СЕО, ведь никто не будет ждать, 10 секунд чтобы посмотреть товар в интернет-магазине, если есть тысячи подобных ресурсов. Время – деньги, и часто доход компании определяется временем, которое пользователь тратит на ожидание.
Скорость страницы
Скорость страницы является одним из самых значимых факторов рейтинга Google , влияющим на пользовательский интерфейс и, следовательно, на число отказов.
Более 20% веб-сайтов имеют медленную скорость загрузки страницы, и это заслуживает самого пристального внимания. К счастью, большинство проблем современных сайтов решаемы на уровне кода.
Сайты, созданные по новым технологиям, поправить несложно. Другое дело, если программная часть безнадежно устарела.
Старые технологии
Большинство из нас не умеет высчитывать математические уравнения при помощи римских цифр. Попробуйте на письме решить простейший пример, и скорее всего, вы убедитесь в этом сами.
Поэтому предполагать, что поисковые системы хотят читать старый код, и анализировать такие вещи, как iframes и Flash, ошибочно. А ведь эти программы и части их кода появляются и на новых веб-сайтах. Интернет никогда не перестает развиваться, при этом многие технические аспекты устаревают. Следовательно, задача – не отставать от важных изменений.
Одна из распространенных проблем, связанных с устаревшими технологиями – сайт, который не оптимизирован под мобильных пользователей.
Мобильная отзывчивость
Хотя большинство веб-сайтов уже приспособились под Mobilegeddon, это вызвало некоторую путаницу в технической сфере.
Самое худшее, что вы можете сделать, это забыть добавить тег «canonical» в ускоренные мобильные страницы. Это проблема имеет высокий приоритет важности и присутствует у 0,08 процентов пользователей, сайты которых работают с AMP.
Подробнее о оптимизации сайта под мобильных пользователей можно узнать из этой статьи.
Вывод
Невозможно переоценить важность технического аспекта SEO-продвижения. Однако не нужно вести войну по каждой незначительной проблеме, которая возникает на страницах. Устраните критические недочеты, прежде чем заниматься мелочами.
Осознание наиболее распространенных технических ошибок SEO поможет выбрать правильную стратегию. Удостоверьтесь, что уделяете достаточно внимания самым важным страницам и понимаете уровень серьезности каждой ошибки. Знание проблем – уже половина победы, а кто предупрежден – тот вооружен.
Поделитесь с друзьями
Главная
Агентство интернет-маркетинга «Авентон» предоставляет профессиональные услуги интернет-продвижения сайтов в Москве и других регионах России с 2005 года. Наш огромный практический опыт и экспертный уровень владения технологиями – залог высоких позиций Вашего сайта в поисковой выдаче и прибыльности Вашего бизнеса.
Наши основные услуги:
-
Продвижение сайтов
Продвижение и раскрутка сайта в поисковых системах Яндекс, Google и др. Выгодна для малого и среднего бизнеса из-за невысокой стоимости целевого контакта.
-
Создание сайтов
Разработка сайтов в нашем дизайн-бюро особенно выгодна нашим клиентам. Закажите разработку сайта у нас и получите 5% скидку на его поисковое продвижение!
-
Контекстная реклама
Реклама в поисковых системах, которая показывется только представителям выбранной Вами целевой аудитории. Выгодна тем, что оплачиваются лишь те посетители, которые кликнули по рекламе и перешли на Ваш сайт.
-
Маркетинг в соцсетях
Комплекс рекламных мероприятий по продвижению Вашего бизнеса в социальных сетях, повышающий лояльность и информированность целевой аудитории.
Мы также осуществляем аудит сайтов и оказываем услуги по администрированию и поддержке клиентских сайтов.
Более 10 лет мы обеспечиваемпревосходные результаты:
Повышение коммерческойэффективности сайтов
звонков
посетителей
посетителей
звонков
посетителей
посетителей
звонков
посетителей
посетителей
звонков
посетителей
посетителей
в поисковых системах
Мрамор микроизмельченный >> 1 место
Измельченный мрамор >> 2 место
Мраморный наполнитель >> 3 место
Мраморный наполнитель купить >> 3 место
Мраморная мука купить >> 3 место
Пример: Stella-TechТакелажное оборудование >> 3 место
Тележки для перевозки коле >> 3 место
Ремонт тележек >> 5 место
Тележка для бочек >> 6 место
Тележка для лестниц >> 7 место
Пример: ПрофДекорЖалюзи вертикальные >> 2 место
Вертикальные жалюзи >> 2 место
Деревянные жалюзи >> 3 место
Горизонтальные жалюзи >> 3 место
Купить горизонтальные жалюзи >> 4 место
Пример: RussianelkaЕлочные игрушки >> 1 место
Кукла под елку >> 1 место
Куклы под елку >> 1 место
Авторские елочные игрушки >> 1 место
Елочные игрушки ручной работы >> 5 место
Пример: ExpopartsКупить запчасти авто оптом >> 1 место
Запчасти оптом на авто >> 5 место
Купить запчасти оптом на авто >> 5 место
Продажа запчастей оптом >> 6 место
Запчасти на авто оптом >> 6 место
Пример: Медис КлиникАнализы на рак груди >> 4 место
Пэт кт печени >> 5 место
Пэт кт легких >> 6 место
Рак шейки матки цена >> 6 место
Радиочастотная абляция москва >> 7 место
Пример: Центр Дмитрия Петрова16 дмитрий петров >> 1 место
Полиглот петрова >> 1 место
Петров язык >> 1 место
Дмитрий петров >> 1 место
Дмитрия петрова >> 1 место
Пример: Студия аэрографии Николая МихайловаАэрография на шлеме >> 1 место
Аэрография на мотоциклах >> 2 место
Аэрография на автомобилях >> 2 место
Аэрография в москве >> 3 место
Сделать аэрографию >> 3 место
Пример: Лагерь ОрлёнокДетский лагерь орлено >> 2 место
Сайт лагеря орленок >> 2 место
Лагерь орленок >> 2 место
Орленок всероссийский детский лагерь >> 3 место
Орленок >> 3 место
Пример: toriclinic.ruПрессотерапия >> 2 место
Обертывание для похудения >> 2 место
Косметология москва >> 3 место
Похудение обертываниями >> 3 место
Косметология в москве >> 3 место
Пример: Artek-GalaxyПутевка в артек официальный сайт >> 4 место
Путевки в лагерь артек >> 4 место
Лагерь артек в крыму >> 5 место
Купить путевку в артек >> 5 место
Лагерь артек 2020 >> 6 место
Пример: Солви ПакЭтикетка колбасы >> 2 место
Этикетка воды >> 2 место
Этикетка минеральной воды >> 2 место
Этикетки моторное масло >> 5 место
Этикетка на бутылку вода >> 5 место
Пример: АквабурСкважина под ключ >> 1 место
Скважина на воду под ключ >> 2 место
Бурение на воду >> 2 место
Скважина под воду >> 3 место
Скважина под воду цена >> 5 место
Пример: ПроперегородкиСантехнические кабины >> 1 место
Перегородка для туалета >> 2 место
Перегородки для туалета >> 3 место
Сантехнические перегородки из лдсп >> 4 место
Перегородки сантехнические из лдсп >> 4 место
Предыдущий СледующийАудит сайта — 20 проверок на ошибки, которые решают все
То как оформлен контент, во что он завернут, как подается и как все это выглядит с точки зрения поисковых систем — очень важно. Это не даст вам какую-то немыслимую фору относительно конкурентов (при условии, что они аудит сайта проводят регулярно), но позволит встать с ними на одну ступень (сравняться с голодными).
SEO сейчас включает в себя целый ряд факторов разной степени важности (об этом еще отдельно поговорим). Например, для Яндекса на первом месте тексты, а для Гугла по-прежнему в приоритете ссылки (без них рост трафика маловероятен). Но если на сайте имеются ошибки технического или структурного типа, хромает юзабилити и тянет вниз поведенческие факторы, то добра от этого не жди.
Сайтам, продвигающимся по коммерческим запросам следуете в аудит добавлять еще и инвентаризацию наличия всех коммерческих факторов (а их немало), без которых сейчас в этой области вообще делать нечего. В общем, много за чем нужно следить, а вот за чем именно будет детально рассмотрено ниже по тексту. На самом деле — все очень и очень просто.
С чего начать аудит сайта?
Сначала пару слов о том, кому и зачем это может быть нужно. Если говорить коротко, то всем у кого есть сайты и кто хочет, чтобы росту их популярности (посещаемости) ничто не мешало. Это может быть только что созданный сайт или проект, который существует давно.
Аудит показан и одностраничникам и монстрам в миллионы страниц (последние, кстати, отдачу от проверки почувствуют в большей мере). Аудит нужен всем. Другое дело, что проводить его могут профи с приличными ценниками, а можете сделать и вы сами, сформировав в конце список задач для вашего программиста (если такового нет, то биржи фрилансеров ждут ваших предложений с нетерпением).
В принципе, ничего сложного в этом нет. Посидите часок-другой за компьютером, составите по моим лекалам задания на доработку, поищите на биржах исполнителей (правда, это не так просто, ибо там много посредников) и все. При желании можете и сами все это править, но тут уже парой часов не обойдетесь, хотя я ссылочки все же оставлю для особо пытливых умов.
В принципе, с чего начинать аудит не так уж и важно, ибо все пункты чек-листа необходимо выполнить, а уже в каком порядке роли не играет. Отсутствие на сайте ошибок, мешающих продвижению — это комплексная величина и она достигается только комплексной и всеобъемлющей проверкой. Поехали.
Стоп, еще пару слов отступления надо сказать. Дело в том, что есть сайты, которые продвигаются только по информационным запросам (мой блог тому яркий пример). Им по жизни проще, ибо конкуренция в выдаче не столь высока и поисковики некоторые огрехи прощают, а на что-то вообще внимания не обращают.
Но есть сайты, на которых продвигаются еще и (или в основном) коммерческие запросы, а вот тут в выдаче идет настоящая рубка. Для таких сайтов продвижение — это хождение по минному полю. Здесь важно все: и объемы текста, и вхождение ключей, и расположение элементов сайта, и структура разделов и так называемые коммерческие факторы (телефон нужного формата, контакты как у других и т.п.).
Зачем я это говорю? А затем, что аудит будет универсальный, подходящий для коммерческих и информационных сайтов. Если запросы, продвигаемые на вашем сайте информационные, то вы просто опустите те пункты, которые необходимы для продвижения запросов коммерческих. Для вас это будет лишнее. Ну а продающим сайтам нужно будет проходить все пункты этого чек-листа неукоснительно.
Вот, а теперь уж точно поехали…
Проверка кроссбраузерности сайта
Как вы понимаете, пользователи на ваш сайт могут заходить с совершенно разных обозревателей (только основных браузеров вот сколько). К тому же сейчас очень большая доля трафика идет с мобильных устройств (уже более половины от всего потока посетителей). Естественно, что вам нужно точно знать, что с отображением вашего сайта в этих браузерах тоже все в порядке.
Как это проверить? Ну, можно скачать себе Хром, Мазилу, Оперу, Яндекс Браузер, Сафари, IE и другие. Смотреть в них нужно не только отображение главной страницы, но и другие показательные для вашего сайта страницы (со статьями, с карточками товара, с листингом товара, с контактами). То же самое и для браузеров на популярных мобильных устройствах (Андроиде и iOs).
Есть и более универсальный вариант — онлайн-сервис BrowserShots. Он бесплатный, но вполне себе функциональный. Поддерживает большое число браузеров, а на выходе выдает скриншоты вашего сайта сделанные в выбранных вами обозревателях. Работает не быстро, но вполне сносно.
Если что-то где-то пойдет не так (поедет дизайн, не подключатся стили, что-то перекосится), то пишите первым пунктом в задание программисту: добиться правильного отображения сайта в таких-то браузерах.
Валидация Html и CSS
Этот этап аудита чем-то сродни предыдущему. Валидация (что это вообще такое?) кода и CSS стилей нужна не сама по себе (для галочки), а именно для того, чтобы избежать возможных проблем с отображением сайта, которые зачастую визуальными методами выявить бывает совсем непросто.
Тем более что мудрить тут особо не нужно. Есть официальные валидаторы от консорциума W3C (он отвечает за формирование стандартов современно языка разметки), в которые просто нужно будет добавить адрес страницы вашего сайта:
- Валидатор HTML кода
- Валидатор CSS кода
Опять же, вы должны понимать, что через валидаторы нужно прогонять не только главную страницу, но и другие «показательные». Например, страницы со статьями, страницы с товарами, со списком товаров (или статей) и т.д. На каждой из них могут быть свои ошибки и замечания.
Что делать с найденными ошибками? Ну, не паниковать, это точно. Если сами понимаете где нужно поправить, то в путь. Но зачастую для исправления ошибок в коде разметки придется копать глубоко и лезть в код движка или плагинов (расширений). В этом случае даете задание программисту: убрать по возможности все ошибки, выдаваемые валидаторами для «показательных» страниц вашего сайта.
Проверка адаптивности сайта
Как я уже говорил, более половины трафика в рунете уже идет с мобильных устройств. Поэтому хотим мы этого или не хотим, но наши сайты должны уметь «красиво сжиматься» (адаптироваться) к экранам гаджетов с низким разрешением. В противном случае вы просто убьете на корню поведенческие факторы вашего замечательного сайта, которому для показа на экране мобильника потребует горизонтальная прокрутка.
Какими же способами на этом этапе аудита выявить проблему или убедиться, что ее нет? В принципе, вы можете просто открыть ваш сайт на своем мобильнике и все увидеть воочию. Или еще проще — прямо на компьютере уменьшайте размер окна браузера схватив его мышью за угол. Появляется горизонтальная прокрутка? Картинки вписываются в новые размеры?
Если вы сузили экран в десятки раз, а текст, картинки, кнопки и прочее оформление успешно адаптируется к такому размеру (перестраивается), то это уже замечательно. Но даже если там вам покажется все хорошо — это еще не значит, что все будет хорошо и для поисковых систем. Лучше подстраховаться и посмотреть на сайт глазами поисковых систем.
У Гугла есть специальный тест, проверяющий оптимизацию любого сайта под мобильные устройства:
Тут тоже лучше будет проверить все «показательные» страницы, чтобы убедиться в полном отсутствии проблем с адаптивностью на всем вашем сайте.
У Яндекса тоже есть подобный инструмент, но доступен он только из панели для вебмастеровна вкладке «Инструменты» — «Проверка мобильных страниц»:
Что делать, если ваш сайт в ходе аудита не прошел тест на адаптивность? Не паниковать, но брать ноги в руки и искать решение. Лично я сделал свой сайт адаптивным самостоятельнои даже подробно описал сей процесс.
Но это вовсе не обязательно делать самому. Адаптация под мобильные устройства не такая уж и сложная задача для программиста (верстальщика), так что просто добавьте еще один пункт в свое техзадание сформулированное по результатам этого аудита. Я бы рекомендовал делать именно адаптацию, а не отдельную мобильную версию сайта.
Аудит микроразметки
Микроразметка — это необходимый атрибут оптимизации сайта при продвижении по коммерческим запросам. Размечаются карточки товаров, контакты, телефоны и все такое прочее. Она скрыта от глаз обычных пользователей и добавляется программно в Html-код в виде дополнительных атрибутов.
Зачем она нужна? Ну, чтобы поисковики четко и безошибочно понимали, что тут что. Микроразметкой вы буквально тыкаете пальцем поисковику — вот цена, а вот фотография товара, а вот контакты продавца, а вот его телефон.
Зачем это нужно поисковым системам? Ну, как же, по этим признакам они оценивают коммерческие факторы сайта (об этом будет отдельная статья) и решают — брать его в «обойму» доверенных продавцов или это фуфел (дорвей, например) маскирующийся под коммерческий сайт.
Данные из микроразметки могут попадать в сниппет (описание вашего сайта в выдаче поисковиков) и быть дополнительным привлекающим элементом. В общем, для коммерческих сайтов микроразметка обязательна, но далеко не факт, что она у вас выполнена безошибочно.
Как проверить микроразметку? Опять же довольно просто ибо и в Гугле, и в Яндексе для этой цели предусмотрены валидаторы микроразметки:
- Проверка микроразметки на ошибки в Яндексе
- Проверка структурированных данных в Гугле
Аудит вашего сайта по этому пункту чек-листа будет заключаться лишь в подстановке Урлов страниц, где требуется проверить микроразметку на ошибки.
Главное тут, как мне кажется, это страница с контактами. Обязательно должны быть размечены название компании, почтовый адрес, индекс, контактный телефон, факс, электронная почта. Если там чего-то не хватаете или есть ошибки в микроразметке, то КФ (коммерческие факторы) вашего сайта могут быть занижены Яндексом со всеми вытекающими.
Проверка кодировки
Браузеры сейчас очень умные и умеют автоматически различать кодировки русского языка, коих очень много. Но самым верным вариантом будет указать тип используемой кодировкив самом начале Html кода всех страниц сайта. Так вы на 100% защититесь от кракозябров (нечитаемых символов, отображаемых вместо букв русского языка).
Аудит по этому пункту чек-листа будет довольно простым. Открываете любую страницу сайта в любом браузере и кликаете по пустому месту на странице правой кнопкой мыши. Выбираете из контекстного меню пункт вида «Посмотреть код страницы» (либо нажмите Ctrl+U на клавиатуре) и в открывшемся окне ищите в самом верху сразу после директивы DOCTYPEконструкцию (называется метатег) задающую кодировку:
У меня в коде это именно так и выглядит:
Вместо UTF-8 у вас может стоять windows-1251 — не суть важно, хотя все же юникод (UTF) сейчас считается признанным стандартом (для нового сайта лучшие его использовать).
Если такой строки в исходном коде страниц вы не нашли (можно воспользоваться поиском по странице «Ctrl»+F), то нужно будет его туда добавить. В большинстве используемых движков сделать это совсем несложно. В Вордпресс, например, этот код можно дописать в файл header.php из папки с используемой вами темой оформления. Ну а для программиста — это вообще минутное дело (просто добавьте это в составляемое по результатам аудита ТЗ).
Аудит скорости загрузки сайта
Скорость загрузки страниц уже давно стала фактором, влияющим на продвижение сайта. Особенно это актуально сейчас, когда большая часть трафика идет с сотовых телефонов, а мобильный интернет ведь далеко не всегда «хорошо ловит». А посему именно у мобильных пользователей косяки в настройках сайта выливаются в очень долгую загрузку страниц.
Реально более 4 секунд ждать никто не будет. Поисковики это дело фиксируют и принимают меры. Но сначала проблему надо диагностировать.
Понятно, что вы может измерить скорость загрузки сайта десятком различных способов вплоть до того, что называется «на глазок», открывая новые страницы сайта в браузере, где вы его еще не открывали до этого или после того, как почистили кеш браузера. Но это все не то, ибо требуется взглянуть на проблему со стороны поисковиков.
В этом плане отличным инструментом аудита может послужить сервис Гугла по оценке скорости загрузки сайта под названием PageSpeed Insights:
Как и ранее не устаю повторять — проверять нужно не только главную страницу, но и все другие «показательные» (созданные по разным шаблонам) страницы. Результаты теста должны быть хотя бы хорошими, а в идеале — отличными. Я шел к таким результатам лет пять, наверное. Так долго, что теперь уже и радости никакой нет от достижения отличного результата.
Но вы, естественно, не обязаны сами мучиться над повышением скорости работы сайта, ибо это реально сложное дело требующее познаний не только в программировании, но и в тонкой настойке веб-сервера. Просто добавьте в ваше ТЗ программисту пункт о том, что такой-то перечень страниц должен выдавать при их аудите в PageSpeed Insights отличный или хотя бы хороший результат.
Проверка фавикона
Фавикону уже много лет и тот формат, в котором он изначально задавался (ico) уже давно морально устарел (его полностью вытеснил PNG). Однако favicon.ico живее всех живых.
На большинстве сайтов для этой цели используется графический файл-иконка, сохраненная именно в устаревшем формате ico. Размер его обычно равен 16 на 16 пикселей (у меня именно так), но можно сделать и больше (32 на 32, например, использует Авито). Яндекс же для этой цели использует файл в формате png размера 64 на 64. У Гула ico размера 32 на 32. В общем, кто в лес, кто по дрова.
Что такое фавикон, как его создать и как подключить я уже довольно подробно писал. Если кратко, то он отображается в выдаче Яндекса рядом с названием вашего сайта и на вкладкахзакладках браузера. Задать его можно просто добавив строку кода туда же, где мы только что кодировку смотрели:
У Яндекса это выглядит чуть по-другому (но он может, по идее, нарушать все мыслимые правила):
Но это не все. Вы еще не слышали про Apple Touch Icon? Нет? Я вот тоже недавно об этом услышал. И знаете в чем тут дело? Это оказывается специальная иконка, которая будет отображаться на мобильном устройстве, если ваш сайт вытянули на «хом скрин» (аналог рабочего стола в iOs).
Проблема еще и в том, что на разных устройствах от Эпл этот файлик требуется разного размера (от 57 на 57 пикселей до 180 на 180). Кроме iOs иконки формата «Apple Touch Icon» несмотря на название поддерживают и устройства на Андроиде. Какие там размеры нужны вообще непонятно.
На официальной странице для Эпл-разработчиков на данный момент предлагается два варианта указания мест хранения Apple Touch Icon — задать общую для всех иконку или несколько для каждого размера. Мне второй вариант кажется слишком громоздким (четыре записи добавлять), поэтому я выбрал первый вариант с указанием пути до иконки (она должна быть в формате PNG) размером 180 на 180 пискселей:
Если ничего из вышесказанного про фавикон и Apple Touch Icon вы не поняли, а в исходном коде сайта (Ctrl+U) поиском по странице (Ctrl+F) ничего подобного («shortcut icon» и «apple-touch-icon») не нашли, то просто скопируйте этот текст вашему программисту и скажите ему: «чтоб было».
Аудит карты сайта в формате sitemap.xml
Поисковые системы безусловно умнеют из года в год, но тем не менее нелишним будет им однозначно «показать пальцем» на те страницы вашего сайта, которые необходимо проиндексировать. Для этого предусмотрен файл так называемой карты сайта, который обычно называют sitemap.xml и размещают в корне сайта (именно там его в первую очередь будут искать боты Яндекса и Гугла).
Файл sitemap.xml в идеале должен обновляться с появлением новых страниц на сайте (в указанной чуть выше статье я упоминал про плагин для Вордпресс, который оперативно создает карту блога). В этом файле должны содержаться страницы, которые подлежат индексации поисковыми системами.
Могу поделиться с вами несколькими лайфхаками по sitemap.xml, которые можно использовать:
- Не стоит тупо помещать sitemap.xml в корень сайта и указывать путь до него в файле роботс.тхт (о нем мы еще ниже поговорим). Почему? Ну, зачем упрощать жизнь тем, кто ворует ваш контент (а такие всегда найдутся).Лучше спрятать этот файл поглубже и назвать по-другому (jfhfhdk.xtml, например). После этого просто идете в панель Гугла и Яндекс Вебмастер, чтобы указать там путь до этого файла. Все. Поисковики в курсе, а остальные пусть утрутся.
- Если у вас огромный сайт с большим числом страниц и большой их вложенностью, то, наверняка, имеются проблемы с его индексацией. Есть масса способов как загнать страницу в индекс (все те же IndexGator или GetBot) и удержать ее там (сквозной блок со случайным списком страниц), но можно и sitemap.xml для этой цели использовать.Дайте задание вашему программисту, чтобы в файл карты сайта добавлялись только страницы, на данный момент не попавшие в индекс или выпавшие из него. Это ускорит доступ к ним ботов поисковиков, ибо они не будут отвлекаться на уже проиндексированные странички.
В общем, данный этап аудита заключает в том, чтобы убедиться в наличии на сайте в любой момент времени актуального файла карты всех страниц подлежащих индексации. Если его нет, вы его не нашли или вам он не понравился — пишите очередной пункт в ТЗ программисту. Для него все это как два пальца…
Проверка ответа на ошибку 404
Никто не идеален и уж тем более те, кто будет ставить ссылки на ваш сайт на блогах, форумах, в соцсетах и других местах. Людям свойственно ошибаться. А одна ошибка в URL-адресе страницы ведет к тому, что ваш сервер (где живет сайт) ответит на такой запрос (переход по битой ссылке) кодом 404. Обычное дело, но…
Очень плохо, если эту ошибку будет обрабатывать браузер и выдаст пользователю белый лист с мелкой надписью «404 not found». В этом случае этот посетитель будет для вас потерян. Такие ошибки должен обрабатывать сам сервер и выдавать страницу 404 ошибки в дизайне вашего сайта, что сильно повысит вероятность того, что пользователь этот все же найдет у вас что-то интересное (на вашу радость). Понятно?
Как проверить? Просто добавьте к адресу вашего сайта через слеш любую белиберду типа «http://ktonanovenkogo.ru/fdfdfsf» в адресной строке браузера и смотрите на результат. Видите белый лист с мелкой надписью? Пишите очередной пункт ТЗ для программиста или настраивайте 404 страницу сами, например, опираясь на приведенную выше статью.
Второй важный момент. Нужно убедиться, что ваш веб-сервер (это не тот сервер, что в стойке хостера стоит, а программа веб-сервер) выдает в ответ на запрос несуществующих страниц именно код 404. Если он выдает на них код 200, то беда. Будет много непонятных и ненужных проблем.
Как проверить код ответа? Есть масса сервисов. Например, в составе Яндекс Вебмастера или этот вот. Вставляете в него адрес страницы, которой точно нет на сайте (типа «http://ktonanovenkogo.ru/fdfdfsf») и смотрите на код ответа вашего сервака:
Если там не 404, то прям срочно связываетесь с программистом и просите в экстренном порядке все поправить. На самом деле, этот пункт аудита очень важен, ибо чреват очень неприятными последствиями.
Аудит файла Robots
Испокон компьютерных веков поисковые роботы прежде чем начать обход сайта ищут сначала в его корне файл robots.txt. В нем обычно указывают директивы для поисковых ботов, которые либо запрещают индексирование каких-то страниц и разделов (например, тех, где лежат файлы движка), либо разрешают индексацию, например, поддиректории в запрещенной для индексации директории.
Подробнее про robots.txt и мета-тег роботс читайте в приведенной по ссылке статье. В принципе, этот файл может быть пустой либо его может не быть вовсе. Поисковики, конечно же, сумеют со временем (с годами) разобраться в том, что у вас мусор, а что «ценный контент». Но как и с файлом sitemap.xml — лучше, если поисковому боту «показать пальцем».
Robots.txt служит в основном для указания — туда ходи, сюда не ходи (а тут рыбу заворачивали). Это не значит, что бот туда действительно не пойдет (гуглобот вообще везде ходит), но вы свою задачу выполнили и технические файлы (движка, темы оформления, скриптов) в индекс лезть не будут и время на их индексацию бот, скорее всего, тратить не будет.
Тезисно по проверке robots.txt:
- Аудит имеющегося у вас файла нужно проводить в панели Гугла и Вебмастере Яндекса.Вводите адреса «показательных» страниц и убеждаетесь, что они доступны для индексации. Потом вводите адреса технических файлов (папок) и убеждаетесь, что они закрыты для индексации. Главное правильно подобрать страницы и ничего не упустить из важного. Если что-то не так, как надо, то добавляйте пункт в ТЗ программисту.
- Раньше в robots.txt требовалось добавлять в отдельном блоке для Яндекса главное зеркало сайта с помощью директивы Hosts. Недавно Яндекс это дело отменил, но директиву многие по-прежнему прописывают.
- Также многие добавляют в Роботс путь до карты сайта в формате xml. Но чуть выше мы с вами пришли к выводу, что лучше не палиться и не облегчать жизнь копипастерам.
- Директивы, запрещающие индексацию в файле Роботс.тхт не означают того, что бот не перейдет на эти страницы и не проиндексирует их. Особенно наплевательски к таким директивам относится Гугл.
Если хотите 100% закрыть страницу от попадания в индекс добавьте в ее html код мета-тег robots (см. скрин). Например, у меня страницы с временными архивами закрыты именно так (через плагин ОлИнСЕоПак).
В мета-теге robots значение «noindex» запрещает индексировать этот документ (страничку, то есть ее содержимое), а «follow» разрешает переходить боту по имеющимся на ней ссылкам (но можно даже и это запретить). Подробнее смотрите в приведенной выше статье по Роботсу.
Проверяем заголовки и альты у картинок
В html предусмотрены уровни заголовков от h2 до H6, которые использовать на странице очень желательно именно в порядке убывания. Главный заголовок — это h2. Не стоит даже ради красоты сначала ставить h4 потом h2, а потом h3. Порядок — есть порядок.
Другое дело, что многие хитрят и делают большие надписи (аля главные заголовки) вообще не заголовками, а обычными блоками (используются, например, теги div вместо h2), размер и вид текста в которых задается просто с помощью CSS.
Дело в том, что в этой надписи (в отличие от h2) не нужно употреблять ключевые слова и ее можно сделать максимально притягательной и не нагруженной ключами. А сам h2 может идти ниже и визуально будет выглядеть как рядовой заголовок или вообще как фрагмент текста.
Уже дальше пойдут h3 (а как их подразделы — h4, если до этого дойдет), которые при продвижении под коммерческие запросы лучше ключами вообще не засорять — LSI фразыдля них будут в самый раз. О них подробнее поговорим в отдельной статье, но если кратко, то это фразы употребляемые экспертами в данной области, а не теми, кто в этом ничего не петрит.
Ну, вы поняли? В принципе, это общая практика и хорошо работает особенно на продающих страницах, где главное склонить покупателя к действию крупными и яркими зазывными текстами, а для поисковиков использовать в скромно оформленном h2 (и тайтле) ключевые фразы (надо опять же смотреть на конкурентов из Топа по этому запросу).
Очень часто содержимое h2 совпадает с содержимым Тайтла (что такое тайтл и дескрипшенчитайте по ссылке). В принципе, h2 дает возможность вариации использования другой версии ключа, а для информационных запросов, когда кластер ключей для одной страницы огромен, заголовки всех уровней дают возможность использовать как можно больше ключевых слов для увеличения трафика на статью.
На данном же этапе аудита вам главное выяснить — соблюдается ли иерархия заголовков на основных типах страниц (главной, категориях, статьях, карточках товаров) вашего сайта и везде ли есть h2. Для этой цели отлично подойдет плагин для браузеров Веб Девелопер, который наглядно может показать все используемые на странице заголовки. Можно и просто подводить мышь к заголовку и из меню правой кнопки выбирать пункт «Посмотреть код» (или «Исследовать элемент»), но это будет не так быстро и наглядно.
Очень часто теги h3-H6 могут использоваться разработчиками шаблона в оформлении темы (заголовках меню, например). Лучше это все убрать, чтобы заголовки были только в уникальной части данной конкретной страницы (в ее теле, а не в обвесе).
Касаемо атрибутов Alt и Title у используемых на сайте изображений (в теге Img). Атрибуты Alt должны быть прописаны обязательно (их содержимое будет отображаться вместо картинки, если ее браузеру не удастся подгрузить), а Title — по желанию (его содержимое показывается при подведении мыши к изображению на странице сайта).
Внимание! Сейчас в Альтах категорически нельзя спамить ключевыми словами, уповая на то, что их дескать не видит посетитель, а потому туда пихают неочеловеченные n-граммы типа «холодильник купить Москва». Множество сайтов за это попали под фильтр.
Зачастую владельцы добавляли ключи даже к изображениям, относящимся к дизайну сайта (логотипам, стрелочкам и тому подобной мишуре). Сейчас Alt должен только описывать то, что изображено на картинке (ну, может еще с использованием LSI фраз — о них напишу отдельную статью).
Как проводить аудит альтов? Чтобы найти страницы, где атрибутов Alt вообще нет, можно использовать уже упомянутый выше Валидатор HTML кода. Он отсутствие альтов отмечает именно как ошибку. Чтобы проверить содержимое тегов Альт отлично подойдет уже упомянутый выше плагин для браузеров Веб Девелопер (он умеет отображать содержимое альтов для всех картинок на странице прямо рядом с изображением).
Естественно, что при нахождении расхождений — правите их сами либо добавляете очередной пункт в ТЗ программисту.
Аудит Seo-тегов для всех страниц сайта
Какие SEO теги существуют? Ну, изначально их было три: Title, description и keywords. Однако, keywords уже давным-давно стал рудиментом. Представляете, изначально он был придуман, чтобы поисковики понимали, по каким запросам ваш сайт ранжировать (добавлять в Топ). Глупые они тогда были.
Что главное в рамках этого этапа аудита:
- Во-первых, Title и description должны быть (какие именно читайте в приведенной выше статье). В смысле, наличествовать. Страница без Title считайте что не существует для поисковиков. Description тоже важен, но уже не так. О таких страницах (без тайтлов) вам с радостью расскажут Гугл и Яндекс Вебмастер в блоках с найденными ошибками. Также это наглядно можно увидеть с помощью такой бесплатной программы, как Xenu Link, если отсортировать собранные ею данные по столбцу «titile» (увидите пустые ячейки).
- Во-вторых, не должно быть одинаковых Тайтлов у страниц в рамках одного сайта. Они должны хоть чем-то отличаться, даже если это карточки с похожими товарами. О таких ошибках вам опять же сообщат в панели вебмастеров Яндекса и Гугла (у меня таких ошибок нет, а посему скрин привести не могу, но вы покопайтесь сами). Если сайт небольшой, то одинаковые теги Title вы и с помощью Xenu Link сможете выявить.
Если сайт совсем маленький, то можно посмотреть Тайтлы и Дескрипшены вручную просто нажав Ctrl+U на клавиатуре (посмотреть исходный код страницы):
Что делать, если ошибки такого рода были найдены? Если это статьи или карточки товаров, то просто измените чутка Тайтлы или настройте автоматическую их генерацию для карточек на основе шаблона.
У меня такая проблема была на страницах с пагинацией (типа главной на этом блоге, где внизу есть нумерация). Я просто закрыл страницы пагинации от индексации (через мета-тег Роботс) и добавил на всякий случай к ним мета-тег Каноникал указывающий первую страницу как каноническую.
Если ничего не поняли, то программист поймет обязательно и быстро решит для вас выявленные на этом этапе аудита проблемы. А иначе зачем вы ему деньги платите?
Проверка склейки зеркал
Поисковики такие глупые, что считают некоторые совершенно одинаковые на наш взгляд страницы разными. Например, для Яндекс и Гугла страницы со слешем и без слеша в конце будут разными:
http://ktonanovenkogo.ru
и
http://ktonanovenkogo.ru/
А также доменное имя сайта с www и без www для них воспринимают как два разных сайта:
http://ktonanovenkogo.ru
и
http://www.ktonanovenkogo.ru
Ну, как бы и ладно, что нам с этого, убудет что ли. Таки убудет. Контент-то на этих страницах и сайтах будет одинаковый. А это что? Правильно. Дублирование контента, чего очень не любят поисковики. Почему? Потом что мы одним и тем же забиваем их базу, а значит для ее хранения нужно больше «железа» и больше денег. А лишние деньги поисковики тратить не любят.
Второй очевидный минус. Внешние ссылки будут проставляться людьми и так и так (со слешем, без него, с www и без него). Если эти зеркала не склеены, то поисковик (он на самом деле не такой тупой) выберет что-то одно как главное зеркало. А что будет с теми ссылками, что ведут не на главное зеркало? Правильно, они не будут приняты в расчет, что повлияет в худшую сторону на ранжирование сайта.
Поэтому зеркала нужно склеить с помощью 301 редиректа (мы этим говорим поисковикам, что это перенаправление делается навсегда в отличие от временного 302 редиректа). После этого дубли исчезнут в глазах поисковиков, а все ссылки будут учтены в независимости от того был у них в конце слеш или нет, а также было ли www или нет.
Как провести аудит склейки зеркал? Довольно просто. Открываете в браузере ваш сайт и начинаете в адресной строке над ним глумиться. Для начала допишите перед доменом (после http://) три буквы www или, наоборот, сотрите их, если они там были. Потом нажмите Энтер на клавиатуре. Что произошло?
- Страница обновилась, а в адресной строке ваше изменение сохранилось. Это плохо — зеркала не склеены.
- Страница обновилась, но в адресной строке www исчезло. Это здорово, ибо именно так и отрабатывает 301 редирект у склеенных зеркал. Проверьте все то же самое и с другими страницами сайта. В идеале везде должно редиректить на главное зеркало (оно у вас может быть как с www, так и без www — вообще не важно).
Теперь проведите тот же эксперимент со слешем. Если на главной странице в адресной строке его в конце нет, то добавьте и нажмите Энтер на клавиатуре. Если слеш остался, то склейки такого типа зеркал нет — надо будет дорабатывать. Если слеш изчез, то все ОК и зеркала такого типа тоже оказались склеены.
Проверяем дальше. Добавьте в конце адреса главной страницы «/index.php», чтобы получилось так «http://ktonanovenkogo.ru/index.php». Жмите на Энтер. Редиректит на основное зеркало (в моем случае «http://ktonanovenkogo.ru»). Если нет (/index.php остается), то поздравляю — вы нашли еще одно не склеенное зеркало.
То же самое проверьте с /index.html и т.п. Забыл сказать, что нормальным вариантом при таких добавках будет также появление страницы 404 (не найдено). В этом случае тоже дублей не будет, а ссылки с index после Урла главной страницы генерят только движки сайтов, но никто из людей на вас внешнюю ссылку в таком виде не поставит.
Что делать, если на этом этапе аудита вы нашли не склеенные зеркала? Похвалить себя, а потом либо самим попробовать сие безобразие поправить опираясь на эту и еще вот этупубликацию, либо добавить еще один пункт в ТЗ программисту. Для него эта проблема выеденного яйца не будет стоить.
P.S. Если аудит показал, что зеркала (например, с www и без www) не были склеены, то в качестве будущего главного лучше выбрать то, которое таковым посчитала поисковая система. Для коммерческих запросов основным поисковиком является Яндекс, а посему нужно ввести в его строку домен вашего сайта и подвести курсор мыши к названию вашего сайта в выдаче. В нижнем левом углу браузера вы увидите адрес вашего сайта и именно такой вид стоит выбрать для главного зеркала (с www или без него).
Проверка битых ссылок на сайте
Что это такое? На вашем сайте всегда будут иметь место ссылки двух типов:
- Внутренние — ведущие на другие страницы вашего же сайта.
- Внешние — ведущие, соответственно, на другие ресурсы.
Так вот, оба этих вида ссылок могут быть битыми, испорченными, то есть не приводящими к открытию страницы, на которые они по идее должны вести.
Почему это может происходить:
- Вы сами ошиблись при вставке ссылки (ввели URL адрес с ошибкой, допустили ошибки в теге гиперссылки).
- Страница, на которую ведет эта ссылка могла со временем поменять адрес или вовсе быть удаленной (перенесенной). Это могли сделать вы сами на своем сайте (или ваш программист) и не учесть данное изменение в перелинковке. На чужом сайте могло произойти то же самое и внешняя ссылка в результате этого стала битой.
- Если это была внешняя ссылка, то могла даже исчезнуть не только сама страница, но и весь сайт. Кстати, несказанно грустно это наблюдать.
В любом случае вы должны регулярно проводить полный аудит всех имеющихся на сайте ссылок на предмет того, не появились ли среди них битые (ведущие в никуда). Почему это так важно? Поисковые боты ходят только по ссылкам и если у вас будет слишком много путей, по которым пройти нельзя, то они могут обидеться.
В лучшем случае, ваш сайт с кучей битых ссылок будет выглядеть для поисковых систем непрезентабельно. Это как магазин с облупившейся витриной, разбитыми стеклами и поломанными ступенями — доверия не вызывает. Битые ссылки будут всегда и везде — такова их природа. Нужно просто регулярно проводить проверку и исправлять (или удалять) те пути, по которым пройти невозможно.
Естественно, что переходить по всем ссылкам на всех страницах сайта будет не нужно. Это процесс можно легко автоматизировать. Как это сделать? Об этом можно почитать тут — Проверка битых ссылок.
Я делаю так:
- Раз в несколько месяцев прогоняю свой блог через сервис Broken Link Checker (подробнее о нем читайте в приведенной статье). Он проводит аудит очень быстро — минут за десять, наверное (но находит далеко не все). Я лечу или удаляю найденные пути ведущие в никуда и еще на несколько месяце об этом забываю.
- Раз в год или чуть больше я прогоняю сайт через программу Xenu Link Sleuth. Она бесплатная и расскажет о вашем сайте вообще все. Работает она долго — зато найдет все, что побилось или поломалось. Потом долго и нудно все это лечу, чтобы еще на год-два забыть об этом.
Естественно, что все это можно переложить на плечи программиста ничто вам не помешает проконтролировать выполненную им работу по описанным выше методикам.
Проверка наличия ЧПУ-адресов
Есть такой термин ЧПУ. Означает человеко-понятные урлы. Урлы — это адреса страниц вашего сайта. В принципе, они могут быть двух видов:
- Формируемые движками сайтов, когда после домена следуют знак вопроса и куча непонятных параметров (цифро-букв). Например, «http://ktonanovenkogo.ru/?p=59164». Это не очень хорошо, ибо человек глядя на такой адрес мало что понимает.
- Но бывают Урлы преобразованные к виду понятному человеку (ЧПУ). Вот так, например:http://ktonanovenkogo.ru/wordpress/plagini_wordpress/bitye-ssylki-proverka-paneli-yandeksa-google-programmoj-xenu-link-sleuth-wordpress-plaginom-broken-link-checker.html
Тут видны разделы, в которых помещена эта статья и их, кстати, можно открыть просто удалив все лишнее справа от последнего слеша (сам иногда так делаю на других сайтах, если там нет хлебных крошек). Да и сам Урл представляет из себя вполне себе читаемый вариант заголовка, написанный транслитом (что это такое?).
Считается оптимальным использовать именно латиницу (транслитерацию с русского), нежели кириллицу. Связано это с особенностями работы поисковиков и некоторыми другими возникающим на ровном месте проблемами.
Что делать, если взглянув в адресную строку своего (или продвигаемого вами) сайта вы обнаружили, что Урлы не вида ЧПУ? Все зависит от возраста сайта. Если он только что появился и даже еще толком не проиндексировался, а также трафик на него пока не велик — смело подключайте ЧПУ. Как подключить ЧПУ в WordPress я как-то уже писал, но ваш программист сможет это с легкостью сделать для любого движка.
Если сайт уже имеет приличный трафик с поисковых систем, то ничего не трогайте. Да, ЧПУ лучше, но если вы сейчас его подключите, то трафик потеряете (хотя если делать грамотно, то можно и не потерять, но нужен спец). Возможно, что со временем он вернется, но я бы не рисковал. Считайте, что результатом этого этапа аудита для вас стало знание как нужно было делать, если бы была возможность начать все сначала.
Аудит внешних ссылок
Это не SEO-аудит на предмет качества, количества и содержания проставленных на ваш сайт ссылок (об этом мы еще в отдельной статье поговорим). Это аудит ссылок ведущих с вашего сайта. В идеале с него не должно быть проставлено ничего лишнего и уже тем более открытого для индексации, но это в идеале.
Откуда могут взяться лишние внешние ссылки? Ну, есть варианты.
- Вам сделали сайт и зашили в него ссылку на компанию-разработчика.
- Вам поставили шаблон, в котором были вшиты внешние ссылки (или даже код Сапы для продажи ссылок).
- Сайт заражен вирусом (или его взломали), что опять же может выразиться в появлении несанкционированных вами внешних ссылок.
- Ваш программист или администратор барыжат продажей ссылок с обслуживаемых ими сайтов (у них ведь есть полный доступ к коду).
Если вы думаете, что сможете найти их визуально, то могу вас разочаровать, ибо сие крайне маловероятно. А посему нужно взглянуть на сайт глазами поисковика, а точнее его бота. Сделать это можно только с использованием софта или специальных сервисов. Каких именно?
- Да все та же программа Xenu Link Sleuth собирает данные обо всех ведущих с вашего сайта ссылках. Отсортируйте ее результаты по первому столбцу «Addres» и вы увидите весь список внешних ссылок.
- Можно использовать замечательный СЕО-плагин для браузера RdsBar. В его настройках включите «Подсветку внешних ссылок»:
В результате на открытой в браузере странице все внешние ссылки будут перечеркнуты, а те из них что открыты для индексации будут обведены красным пунктиром (это совсем плохо):
Внимательно осмотрите таким образом все «показательные» страницы особенно во периметру (шапка, футер, сайдбр). Но опять же, визуально не все можно увидеть. - Можете использовать этот сервис (потребуется лишь регистрация). Вводите там адрес страницы и получаете список всех ведущих с нее ссылок. Внешние ссылки будут подсвечены красным цветом. Если ее анкор (текст ссылки) в соответствующем столбце перечеркнут, то значит она закрыта для индексации (в ней прописан атрибут rel=»nofollow», хотя вес по ней все равно утекать будет).
- Есть похожий инструмент для постраничной проверки исходящих ссылок в Pr-Cy. Ищите в столбце «Внешние ссылки» те строки, где нет красной надписи NOFOLLOW.
Если «левые» внешние ссылки в результате аудита будут найдены, то дайте задание программисту на их удаление либо сами попытайте понять «откуда у них ноги растут». Зачастую они могут быть глубоко вшиты в код шаблона (зашифрованы) и для их удаления потребуются определенные навыки. Думаю, что программист справится. В крайнем случае поменяйте шаблон (тему оформления).
Тег Canonical
В чем смысл Canonical? Это инструмент актуальный для Гугла (в меньшей степени для Яндекса), который позволяет на страницах с полностью или частично дублированным контентом оставить метку о том, что это как бы не страница сама по себе, а копия канонической версии страницы (в мета-теге как раз указывается ее адрес) и не нужно ее индексировать.
Где и когда это может понадобиться? Чаще всего таким образом решают проблему со страницами, имеющими пагинацию (это когда внизу будет переход на вторую, третью и другие части этой страницы). У меня это «Главная» и страницы рубрик.
У таких страниц одинаковый Тайтл, h2 и Дескрипшн (зачастую и небольшой SEO-текст, который добавляют для поисковиков), а значит в глазах поисковиков это дубли. Чтобы не искушать судьбу нужно для страниц типа «http://ktonanovenkogo.ru/page/2» добавить в html код тег Canonical с указанием Урла канонической (основной) для нее страницы (в нашем примере это «http://ktonanovenkogo.ru»):
В чем заключает данный этап аудита? Просто пройдитесь по всем страницам с пагинацией и посмотрите прописан ли на вторых, третьих и так далее страницах пагинации этот мета-тег (ищите в исходном коде с помощью Ctrl+U и Ctrl+F) и ведет ли он на правильную каноническую страницу (ту, что без номера, т.е. первую в пагинации — материнскую).
Кроме пагинации Canonical может использоваться и в других случаях. Например, имеет смысл его применять для версий страницы для печати или отдельной мобильной версии. Также он позволяет убрать дубли, создаваемые движком сайта (из-за каких-то своих внутренних багов).
Также Canonical позволяет не засорять индекс различными страницами фильтрации (сортировок) используемых в интернет-магазинах (если только для каждой из таких страниц не формируются свои собственные Тайтлы, h2 и сео-тексты, что делает их уникальными).
Все найденные замечания добавьте в ТЗ вашему программисту. Если интересно, то тут описан мой вариант настройки Canonical для блога на Вордпресс.
Аудит индексации сайта
Суть проверки — это понять насколько полно и правильно индексируется наш ресурс. Для этого достаточно будет просто сравнить число страниц в индексе Яндекс и Гугла с помощью уже упоминаемого выше плагина для браузеров РДС-бар.
Как видите, у меня в индексе Яндекса на треть страниц больше, чем в Гугле. В принципе это звоночек, который обязательно нужно проверить (как-то я таким образом серьезную проблему выявил, именно сравнив число страниц в индексе).
Для детального анализа можно кликнуть по цифрам в окне РДС-бара и перейти в выдачу Яндекса или Гугла. Очень часто в индекс попадают мусорные страницы типа «поиска по сайту», которые обязательно нужно закрывать от индексации через мета-тег Роботс (читайте об этом выше), но многие забывают. Также в индекс могут попасть и дубли страниц, которые не закрыли с помощью Canonical, как это было описано выше (например, страницы пагинации).
У меня проблем не выявилось (скорее баг плагина), ибо я проверил число страниц в индексе через Яндекс Вебмастер (из левого меню «Индексирование» — «Страницы в поиске» и внизу открывшейся страницы выгрузка в формате Эксель) и число выгруженных оттуда страниц совпало с тем, что было в Гугле. Но лучше лишний раз проверить, чем потом проблемы огребать.
P.S. Если на сайте используется структура поддоменов (частое явление для расширения региональности под Яндекс — отдельный домен под каждый новый регион), то нужно учитывать, что в Гугле все страницы на основном домене и поддоменах попадают в общий индекс, ибо он считает их все одним сайтом. Яндекс же поддомены (домены третьего уровня) считает за разные сайты.
Добавлю сюда же быструю проверку структуры вашего сайта. При продвижении коммерческих запросов важно все (это как хотьба по минному полю, где важно идти по следам уже прошедших его). Сама по себе структура будущего сайта в идеале списывается у тех, кто уже находится в Топе по вашим запросам. Просто тупо выписываете структуру (пункты меню) 10 сайтов из топа (исключая агрегаторы, типа Авито), удаляете повторения и вот у вас лучшее из того, что может быть.
Аудит структуры в данном случае будет очень быстрым (поверхностным). Просто выписываете среднее число страниц ваших конкурентов из Топа, которое находится в индексе поисковиков. Вычисляете по ним среднюю температуру по больнице и сравниваете со средним числом страниц вашего сайта в индексе Яндекса и Гула. На основании этого делаете вывод — нужно ли вам еще расширять структуру (если число страниц вашего сайта серьезно меньше) или нет.
Чек-лист по юзабилити и коммерческим факторам
Юзабилити — это удобство взаимодействия с сайтом, которое во многом связано с соблюдением тех стандартов, к которым уже привыкли пользователи интернета и не найдя которые они «сильно расстроятся». Почему так любят соцсети? Потому что там все привычно, на своих местах, понятно и просто. Но и на обычных сайтах есть стандарты дефакто, которые нарушать не стоит.
Коммерческие факторы — это такие элементы сайта (и не только его), которые жизненно необходимо иметь при продвижении под коммерческие запросы. Их довольно много и не все владельцы обращают на это внимание (будет отдельная статья по этой теме — подпишитесь, чтобы не пропустить). А между тем, это один из критических факторов, который при всем при том очень легко накрутить (подтянуть до нужного уровня) с минимальными усилиями.
Особенность данного этапа аудита заключается в том, что все эти факторы работают в комплексе. То есть они должны быть хотя бы «по большей части». На данном этапе вам главное провести проверку на предмет наличия всех этих вещей именно на вашем сайте. А уже по его результатам составлять ТЗ программисту на доработку.
- Копирайт (знак копирайта, название и год основания) — пустячок, который обычно в самом низу страницы выводится и выглядит так:© KtoNaNovenkogo.ru, 2009-2018 | Все права защищены Быть должен обязательно. Если нет, то сделайте сами или программиста озадачьте.
- Логотип — обязательный атрибут (графический или текстовый, как у меня) и при этом он обязательно должен являться ссылкой, ведущей на главную страницу. Это догма, которой ни в коем случае не стоит пренебрегать.
- Форматирование текстов — страница не должна выглядеть как кусок слепленного в один комок текста. Должны быть на уровне CSS проработаны удобные абзацы, юзабельные списки, таблицы, красивые заголовки (подзаголовки) и т.п. Посетитель принимает решение «остаться или уйти» всего за пару секунд и смотрит он в это время не на содержание, а на его подачу.
- Кнопки на сайте — они могут быть графическими или текстовыми, но главное тут не само наличие, а понимание посетителями, что это кнопка. Как этого добиться? Есть такое понятие в CSS как hover-эффект, который позволяет заставить кнопку менять свой вид при подведении к ней мыши. Обычно меняется либо фон кнопки, либо цвет текста, но возможны и другие эффекты. Главное, чтобы было ясно, что это кнопка и по ней можно (нужно) кликнуть. Если этого где-то нет, то озадачьте себя или программиста решением данной проблемы.
- Шрифты — очень портится восприятие сайта (страдает юзабилити), когда на нем используется слишком много разных шрифтов. Всего хорошо в меру и нужно добиваться лаконичности, а не вычурности. Если глазам не доверяете, то кликните по слову правой кнопкой мыши и выберите «Посмотреть код».
- Время и дни работы — очень важный коммерческий фактор. Поисковики это все «берут на карандаш». График работы должен быть выполнен в виде сквозного блока, отображаемого на всех страницах, и размещаться вверху (в шапке) или в внизу шаблона (в футере).
- Регион работы — тоже очень важный коммерческий фактор добавляющий удобства пользователям и нравящийся поисковикам (Яндексу). Как все это лучше оформить подсмотрите у более успешных конкурентов из Топа, по вашим основным ключевым запросам.
- Поиск по сайту — важный юзабилити элемент, который должен быть обязательно на любом сайте. Способов реализации много. Например, можно использовать поиск по сайту от Яндекса или скрипт от Гугла. У каждого движка сайта или интернет-магазина есть свои возможности реализации поиска.
- Хлебные крошки — эта навигационные ссылки, которые помогают посетителям понять, на какой странице они сейчас находятся и при необходимости перейти в раздел, относящейся к этой странице. Вариантов реализации море (даже я описывал их тут и тут).
Они очень сильно повышают юзабилити и лучше будет их реализовать тем или иным способом. Важно и их размещение. Общепринято, что они должны располагаться в верхней левой части страниц, где их и будут искать большинство посетителей.
Вообще, все базовые элементы сайтов должны быть расположены там, где пользователи привыкли их видеть на сайтах лидерах (в вашей нише).
Для каждого движка наверняка найдется свой плагин хлебных крошек либо ваш программист реализует их самостоятельно, что тоже несложно. - Политика обработки персональных данных — стало актуально недавно в связи с новым федеральным законом 152-ФЗ о сборе и защите персональных данных. За несоблюдение сих требований предусмотрены довольно приличные штрафы. Хотя бы политику конфиденциальности разместить стоит и дать на нее ссылку где-нибудь в подвале сайта.
- Кнопка прокрутки вверх — по соображениям юзабилити, такая кнопка желательна (у меня ее нет), но лучше посмотрите на сайты из Топа по вашей тематике.
- Онлайн-консультант — отличный инструмент для повышения не только коммерческих факторов сайта, но и для улучшения поведенческих характеристик и повышения конверсии. Не стоит думать, что для его реализации вам потребуется нанимать сотрудников для ответов или самому все время быть на связи. Просто разрабатываете базу ответов на частые вопросы и отвечать за вас будет «бот». В случае затруднений он предложит клиенту оставить телефон для консультаций, а это ведь первый шаг к продажам. В общем, штука невероятно эффективная при должной настройке.
- Обратный звонок — тоже отличный и почти что обязательный инструмент для коммерческих сайтов (пример смотрите тут). Желательно, чтобы эта кнопка была бы доступна на первом экране любой страницы вашего сайта.
- Ссылки на соцсети — комильфо, если ваш сайт будет представлен в основных соцсетах (ВК, Фб, ОК, Твиттер и т.п.) и на его страницах будут размещены ссылки на эти соцсети (у меня это сделано в правой верхней части сайта).Это важный фактор, учитываемый поисковиками. Даже для проектов, которым как бы не о чем писать в социалках, есть возможность размещать там экспертные материалы с новостями отрасли вообще. Достаточно постить материалы в одной соцсети, а в остальные их можно просто копировать.
- Возможность поделиться в соцсетях — актуально как для информационных (кнопки для расшаривания статей в социалки, например, как эти, эти, эти или эти), так и для коммерческих запросов (возможность поделиться в соцсетях должна быть на всех карточках товаров).
- Блок с новостями (либо новыми статьями) — обязательный атрибут любого сайта. Желательно, чтобы этот блок был доступен с главной страницы или даже был бы сквозным.
- Электронная почта на домене — важный фактор, говорящий в пользу вашего сайта. Посмотрите на адрес почты, который указан у вас в контактах. Если Емайл оканчивается не на ваш домен (как, например, [email protected]), а на yandex.ru или gmail.com, то считайте, что вы выявили серьезную проблему с помощью этого аудита. Не волнуйтесь, создать ящик на своем домене просто и пользоваться им можно будет в привычном вам интерфейсе, если пожелаете (читайте про Емайл на домены в Яндексе и тоже самое у Гугла).
- Для интернет-магазинов актуальна перелинковка в карточках товаров. Осуществляется с помощью блоков «Похожие товары», «Недавно просмотренные», «С этим обычно покупают», рекомендуем и т.д. Стало дефакто обязательным атрибутом, отсутствие которого сразу будет работать в минус вашему ресурсу. Также желательно предлагать посетителям покупку в один клик, что также стало правилом хорошего тона.
- Раздел «Контакты» — один из важнейших коммерческих факторов, сильно влияющий на успешность (и даже возможность) продвижения. В этом разделе обязательно должен быть указан адрес (полный почтовый адрес офиса с индексом), телефон (с кодом города или 8-800, но ни в коем разе не мобильный номер), время работы, Емайл (очень хорошо, если будет форма обратной связи). Также должна быть карта проезда на личном авто, на общественном транспорте и пешком. Я как-то писал про то, как можно создать схему проезда на основе Яндекс Карт и получить карту проезда для сайта от Гугла.
- Варианты оплаты и доставки — на коммерческом сайте обязательно должны быть такие страницы с подробнейшим пошаговым описанием (иногда даже с добавление видео-пояснений). Кроме наличия таких страниц должны быть еще и ссылки на них (на видном месте) в карточках с товарами. Это тоже очень важный коммерческий фактор (характеризующий вашу «услужливость»).
Пора итожить
Пройдясь по всем пунктам приведенного выше аудита вы, возможно, найдете много того, что имело бы смысл изменить, подправить или убрать. Глядя на сайт невооруженным взглядом большинство озвученных выше проблем останутся незамеченным. Считайте, что я вас вооружил. И помните, чего-то неважного тут нет, ибо любая мелочь важна (ведь именно она может отделять вас от успеха).
После того как пройдете по всем пунктам аудита и выявите какие-то ошибки, вы готовите окончательный вариант ТЗ программисту. Выбор программиста это тема для отдельной статьи. Искать их можно на фриланс-биржах, но подходить к выбору стоит тщательно, ибо полагаться на отзывы и рейтинги сложно в силу их частой накрутки.
Программист оценивает фронт работ, озвучивает стоимость и сроки исполнения, после чего вы все это утверждаете и он начинает вносить в сайт необходимые правки (платить ему лучше поэтапно после проверки выполнения каждого пункта ТЗ). Как вариант, можете все делать и сами, но некоторые моменты будут весьма сложны для новичков и можно понаделать «не того».
В следующих статьях данной рубрики планирую подробно поговорить про коммерческие факторы ранжирования, про то, что сегодня из себя представляет SEO, про то нужны ли для продвижения ссылки и как заполучить самую идеальную из них. Подробно поговорим про SEO тексты, LSI фразы и многое, многое другое. Подпишитесь, чтобы не пропустить.
Полностью статью можно прочесть ТУТ
Пять самых распространенных ошибок HTTP согласно Google
Иногда, когда вы пытаетесь посетить веб-страницу, вы получаете сообщение об ошибке HTTP. Это сообщение от веб-сервера о том, что что-то пошло не так. В некоторых случаях это может быть ошибка, но часто это вина самого сайта.
Каждому типу ошибки соответствует код ошибки HTTP. Например, если вы попытаетесь получить доступ к несуществующей странице на веб-сайте, вы столкнетесь с знакомой ошибкой 404.
Теперь вы можете задаться вопросом, с какими наиболее распространенными ошибками HTTP люди сталкиваются при просмотре веб-страниц? На этот вопрос мы ответим в этой статье.
Google спешит на помощь
Почему бы не позволить миллионам пользователей Интернета самим сказать нам, с какими ошибками они сталкиваются чаще всего? Косвенным способом мы можем сделать это через Google.
Основная идея здесь в том, что некоторые люди, которые сталкиваются с ошибками при посещении веб-сайтов, захотят узнать больше об этой ошибке и для этого обратятся в ближайшую поисковую систему.
Короче говоря, в этом случае статистика поиска Google должна дать нам довольно хорошее представление о том, какие ошибки HTTP являются наиболее распространенными.
Используя Google Insights for Search (отличный инструмент для оценки «популярности» поисковых запросов), мы просмотрели все существующие коды ошибок HTTP, сравнивая их друг с другом. Для этого сравнения мы выбрали местоположение «по всему миру», период включал все поиски в 2018 году, а тип поиска был ограничен поиском в Интернете.Когда пыль улеглась от этой небольшой перестрелки, у нас был список лучших, который вы можете увидеть здесь, ниже.
Примечание. Если вы хотите лучше понять, как работает Google, обязательно ознакомьтесь с нашим анализом того, как Google собирает данные об Интернете и его пользователях.
Пять основных ошибок, согласно Google
Вот пять наиболее распространенных ошибок HTTP, перечисленные и объясненные в обратном порядке. Барабанная дробь, пожалуйста…
5. Ошибка HTTP 401 (неавторизовано)
Эта ошибка возникает, когда посетитель веб-сайта пытается получить доступ к веб-странице с ограниченным доступом, но не имеет для этого прав, обычно из-за неудачной попытки входа в систему.
4. Ошибка HTTP 400 (неверный запрос)
По сути, это сообщение об ошибке от веб-сервера, говорящее о том, что приложение, которое вы используете (например, ваш веб-браузер), обратилось к нему неправильно или что запрос был каким-то образом поврежден в пути.
3. Ошибка HTTP 404 (не найдено)
Большинство людей обязательно узнают это. Ошибка 404 возникает, когда вы пытаетесь получить доступ к несуществующему ресурсу на веб-сервере (обычно веб-странице). Некоторыми причинами этого могут быть, например, неработающая ссылка, неверный URL-адрес или то, что веб-мастер переместил запрошенную страницу в другое место (или удалил ее).Чтобы противостоять вредному воздействию неработающих ссылок, некоторые веб-сайты настраивают для них собственные страницы (и некоторые из них действительно крутые).
2. Ошибка HTTP 403 (запрещено)
Эта ошибка похожа на ошибку 401, но обратите внимание на разницу между несанкционированным и запрещенным. В этом случае возможность входа в систему была недоступна. Это может произойти, например, если вы попытаетесь получить доступ к (запрещенному) каталогу на веб-сайте.
И самая распространенная ошибка HTTP — это ……….
1. Ошибка HTTP 500 (внутренняя ошибка сервера)
Описание этой ошибки говорит само за себя. Это сообщение об ошибке общего назначения, когда веб-сервер обнаруживает внутреннюю ошибку той или иной формы. Например, веб-сервер может быть перегружен и, следовательно, не может правильно обрабатывать запросы.
Судя по статистике поиска Google, эта проблема встречается намного чаще, чем ошибка 404.
Некоторые дополнительные комментарии к ошибкам веб-сайта
Мы хотели бы отметить, что все приведенные выше сообщения об ошибках являются ошибками, которые веб-сервер отправляет обратно посетителю (такова природа ошибок HTTP; они поступают с веб-сервера, к которому вы обращаетесь).
Излишне говорить, что если вы вообще не можете получить доступ к веб-сайту — например, если его сеть не работает, — вы не получите ответ об ошибке HTTP. Ваша попытка подключения просто истечет.
Следует добавить, что результаты Google на самом деле достаточно хорошо соответствуют нашим собственным данным. Как вы, возможно, знаете, мы в SolarWinds ® Pingdom ® отслеживаем веб-сайты и серверы, чтобы зарабатывать себе на жизнь (вы можете создать свою учетную запись, щелкнув здесь). Помогая клиентам решить проблемы, мы часто сталкиваемся с ужасной (и довольно расплывчатой) ошибкой HTTP 500 «внутренняя ошибка сервера.”
Если вы хотите, чтобы ваш веб-сайт был удобен пользователям, узнайте, как анализировать и повышать скорость загрузки страниц.
Примечание: Эта статья впервые появилась в этом блоге еще в 2009 году, и с тех пор мы исправили данные.
Топ-15 наиболее распространенных ошибок веб-сайтов
Пользователи Интернета привыкли получать сообщение об ошибке HTTP, обычно когда страница, к которой они пытались получить доступ, не загружается правильно.Чтобы определить, почему вы получили сообщение об ошибке и как решить проблему, вам необходимо понять, что означают различные коды ошибок. Мы составили 15 самых распространенных ошибок веб-сайтов: что они означают, что их вызывает и как их исправить.
Как владельцу веб-сайта важно знать, как обходить распространенные ошибки веб-сайта. Это не только даст вам ценную информацию об эффективности вашего сайта, но также поможет снизить показатель отказов и улучшить рейтинг в поисковых системах!
Топ-15 самых распространенных ошибок веб-сайтов: что они означают, что их вызывает и как их исправить.
- 500 Внутренняя ошибка сервера
- 401 Несанкционированный
- 400 Неверный запрос
- 403 Запрещено
- 404 Не найдено
- 501 Не реализовано
- 502 Служба временно перегружена
- 503 Служба недоступна
- В соединении отказано хостом
- Файл не содержит данных
- Невозможно добавить результат отправки формы в список закладок
- Вспомогательное приложение не найдено
- Ошибка TCP при отправке запроса на сервер
- Ошибка поиска DNS
- 408 — Тайм-аут запроса
1.500 Внутренняя ошибка сервера
Это наиболее частое сообщение об ошибке, с которым сталкиваются веб-пользователи. Это ошибка общего назначения, которая может возникать всякий раз, когда веб-сервер сталкивается с внутренней проблемой. Чаще всего ошибка 500 возникает, когда веб-сервер перегружен. Когда вы столкнетесь с этим сообщением об ошибке, вы можете попытаться устранить его, перезагрузив страницу, очистив кеш браузера, удалив файлы cookie браузера и перезапустив браузер. Если вы обнаружите, что эта ошибка возникает на своем веб-сайте, вам следует обратиться к своему хостинг-провайдеру и, если вы используете сайт WordPress, протестировать один за другим любые сторонние плагины, которые вы можете использовать.
2. 401 Неавторизованный:
Это сообщение об ошибке обычно появляется после попытки пользователя получить доступ к сайту, доступ к которому у него был несанкционирован, или после неудачной попытки входа в систему. Как владелец веб-сайта, вы можете добавить защиту паролем на свой сайт через свою учетную запись cPanel. Это может быть отличным дополнительным уровнем безопасности, который ограничивает доступ к вашей административной области, такой как папка wp-admin на сайте WordPress.
3. 400 Плохой запрос:
Если ваш запрос поврежден, вы увидите это сообщение об ошибке.Это означает, что что-то пошло не так с вашим веб-браузером в связи с вашим запросом. Обычно это означает, что данные, отправляемые браузером, не соответствуют правилам протокола HTTP. Сервер не знает, как обрабатывать запрос с искаженным синтаксисом. Это может означать, что на стороне пользователя что-то нестабильно (нестабильное интернет-соединение, проблема безопасности в операционной системе, проблема кеширования или неисправный браузер).
4. 403 Запрещено:
Если есть попытка получить доступ к запрещенному каталогу на веб-сайте, вы увидите это сообщение об ошибке, что означает, что на странице нет возможности входа в систему.Наиболее частая причина, по которой пользователь видит это сообщение об ошибке, заключается в том, что веб-сайт не разрешает пользователям просматривать структуру каталогов файлов сайта или если конкретный запрошенный файл не разрешен для просмотра из Интернета. Вы можете установить защиту 403 на своем собственном сайте из соображений безопасности — сокрытие структуры каталогов или файлов, содержащих уязвимую информацию, — хороший способ защитить ваш сайт от взлома. Хотя многие веб-хосты по умолчанию предлагают эту услугу своим клиентам, чтобы добавить дополнительный уровень безопасности на свой сайт, просто откройте свою учетную запись cPanel, перейдите в поле меню «Дополнительно» и выберите «Диспетчер индексов».Отсюда вы можете настроить, как ваши пользователи будут просматривать определенный каталог на вашем веб-сайте, выбрав «Без индексации» в каталоге, который вы хотите защитить.
5. 404 Не найдено:
Если пользователь попытается получить доступ к несуществующей веб-странице, появится сообщение об ошибке 404 Not Found. Это сообщение обычно появляется, когда пользователь закрывает браузер, нажимает кнопку остановки или слишком быстро щелкает ссылку — однако это сообщение также может появиться, когда файл очень большой или если сервер работает слишком медленно.
Ошибка 404, скорее всего, возникнет при просмотре веб-страниц. Если сервер не может ничего найти в запрошенном месте, вы увидите сообщение 404. Часто это просто из-за неправильного ввода URL-адреса, но также может появиться, когда пользователи пытаются получить доступ к удаленным страницам или страницам, которые временно недоступны. Вы хотите уменьшить количество 404 на своем веб-сайте, где это возможно, потому что они наверняка увеличат ваш показатель отказов.
Следует отметить, что сообщение 404 очень близко к странице ошибки 410 — Gone.В то время как оба означают, что сервер не может найти запрошенный файл, 410 указывает, что это постоянная ситуация, что означает, что ресурс, вероятно, был намеренно недоступен. Чтобы повысить удобство использования Google, стоит знать разницу между ними. Вы можете узнать больше, посмотрев видео. Разве Google по-разному обрабатывает коды статуса 404 и 410?
6. 501 Не реализовано:
Это сообщение означает, что браузер не поддерживает запрошенную функцию.
7. 502 Сервис временно перегружен:
Вы увидите ошибку 502, когда ваш сервер перегружен — проблема, которая обычно разрешается сама собой, когда веб-трафик уменьшается.
8. 503 Служба недоступна:
Пользователи увидят сообщение 503, если сайт, на который они пытаются попасть, занят или если сервер не работает.
9. В соединении отказано хостом:
Это сообщение об ошибке, как и ошибка 403, обычно означает, что у пользователя нет авторизации для доступа к сайту или что попытка входа в систему не удалась, обычно из-за неправильного пароля.
10. Файл не содержит данных:
Пользователи будут видеть ошибку «Файл не содержит данных», когда страница присутствует, но ничего не отображается. Это может быть вызвано неправильным форматированием таблицы или удаленной информацией заголовка.
11. Невозможно добавить результат отправки формы в список закладок:
Когда пользователь пытается сохранить тип формы, который не является документом или веб-адресом, он получит эту ошибку.
12. Приложение-помощник не найдено:
Эта ошибка может появиться, когда сервер не может найти вспомогательное приложение, необходимое для загрузки файла.
13. Ошибка TCP при отправке запроса на сервер:
Это сообщение об ошибке появляется при возникновении проблемы на линии между пользователем и запрашиваемым сайтом. Поскольку это часто может быть проблема, связанная с оборудованием, об этой ошибке всегда следует сообщать сетевому администратору.
14. Ошибка поиска DNS:
Когда URL веб-сайта не может быть переведен, обычно появляется ошибка Failed DNS Look-Up. Эта ошибка обычно появляется на коммерческих сайтах из-за перегрузки.
15. 408 — Тайм-аут запроса:
Вы увидите это сообщение об ошибке, если сервер не получит полный запрос от пользователя в течение установленного периода времени, который он выделил для ожидания. Повторные сообщения 408 будут возникать, если сервер или система пользователя испытывают большую рабочую нагрузку, или если есть временный всплеск интернета, который замедляет доставку сообщения на сервер. Лучшим немедленным шагом, который вы можете предпринять при получении сообщения об ошибке 408, является перезагрузка страницы и проверка, сохраняется ли проблема.
Шпаргалка
Простой способ определить, что означает любой код состояния, можно найти по номеру, с которого они начинаются. Код состояния обычно представляет собой трехзначное число, поэтому примеры кода 5xx будут включать сообщения об ошибках 501, 502, 503 и т. Д.
Маленькая шпаргалка, которая поможет вам сузить круг вопросов:
Коды1xx: Информационные статусы.
Коды 2xx: Статусы после успешного действия.
Коды3xx: статусы, показывающие перенаправление.
Коды4xx: статусы, показывающие ошибку на стороне клиента.
Коды5xx: статусы, показывающие ошибку на стороне сервера.
Существуют коды ошибок и состояний, которые помогают нам определить, что мешает работе чего-то еще. Хотя они могут показаться разочаровывающей и неописуемой кирпичной стеной, блокирующей доступ к странице или производительности функции, знание того, что означает каждая ошибка и код состояния, поможет вам лучше понять ваш сайт и укажет вам правильное направление, чтобы вы можете быстро решить любые возникающие вопросы.
Посетители вашего веб-сайта понимают, что мелкие детали важны в общей картине — поверьте нам, когда мы говорим, что они оценят любое время, которое вы потратите на настройку страниц 404, чтобы они были веселыми и дружелюбными. (В конце концов, если им нужно увидеть один — это упущенная возможность не заставить их улыбнуться, когда они это сделают!) Если вам нужна помощь с функциональностью, безопасностью, макетом или дизайном вашего веб-сайта, свяжитесь с нами — мы будем рады услышать ты!
Выделитесь среди конкурентов с веб-сайтом Pixel Fish !Позвоните нам сегодня по телефону 02 9114 9813 или напишите по электронной почте info @ pixelfish.com.au
8 Распространенных ошибок веб-сайтов и способы их устранения
Мы составили список некоторых из наиболее распространенных ошибок веб-сайтов, которые мы видели благодаря нашему опыту технических аудитов и оценок веб-сайтов, а также шаги, которые вы можно заняться их исправлением.
Ошибки HTTP могут сильно расстроить посетителей сайта. Мы все испытали их на себе и знаем на собственном опыте, насколько раздражающим может быть просмотр веб-сайта, а затем БАМ! Вы попали в стену с ошибкой HTTP.
Эти ошибки представляют собой сообщения от веб-сервера, указывающие на то, что что-то пошло не так (очевидно!), И есть несколько конкретных типов, которые являются наиболее распространенными:
401 (Несанкционированный) ⇒ эта ошибка возникает, когда кто-то пытается получить доступ к странице, для которой они не авторизованы. Обычно эту ошибку можно исправить, просмотрев URL-адрес страницы, на которой возникла ошибка; возможно, что ссылка предназначена только для авторизованных пользователей (например, пользователей, которые вошли в систему с действующим идентификатором пользователя и паролем).
403 (Запрещено) ⇒ эта ошибка возникает, когда сервер не выполняет запрос, потому что пользователю не разрешен доступ к нему. Немного отличаясь от ошибки 401, ошибка 403 распознает, что пользователь может войти в систему с действительным идентификатором пользователя и паролем, но не имеет авторизации для доступа к конкретной странице. Обычно это означает, что пользователю необходимо обновить доступ к своей учетной записи администратором веб-сайта.
404 (не найдено) ⇒ эту ошибку регулярно видит большинство людей.Ошибка 404 возникает, когда пользователь пытается получить доступ к веб-странице, которая не существует (или больше не существует). Причины этой ошибки могут быть из-за неработающих ссылок, неправильных URL-адресов или перенаправленной страницы, которая больше не действительна. Однако эту ошибку можно легко исправить, просмотрев все эти ошибки сканирования в Google Search Console и отправив перенаправление неработающих ссылок в WordPress или систему управления контентом вашего веб-сайта или попросив ваших веб-разработчиков добавить перенаправления за вас.
500 (внутренняя ошибка сервера) ⇒ эта ошибка — еще одно очень распространенное сообщение, отображаемое для большого количества пользователей, и это в значительной степени обычное сообщение об ошибке для любого типа внутренней ошибки сервера, которую нелегко определить.Эта ошибка обычно может быть исправлена, когда пользователь обновляет свой веб-браузер (если ошибка связана с тем, что сервер занят и не может достаточно быстро обрабатывать запросы), удаляет свои файлы cookie или посещает страницу в другое время, возможно, когда сервер не работает. не так перегружен. Со своей стороны, однако, вы обычно можете устранить причину ошибки через свой WordPress или систему управления контентом и выполнить шаги для диагностики и устранения проблемы.
504 (Тайм-аут шлюза) ⇒ еще одна распространенная ошибка, ошибка 504 означает тайм-аут шлюза, который происходит, когда один сервер не получил своевременный ответ от другого сервера при попытке загрузить страницу.В большинстве случаев эта проблема возникает не по вине веб-сайта, но есть несколько способов устранить ошибку. Если это результат поврежденной базы данных и ваш веб-сайт находится на WordPress, вы можете установить и запустить плагин, например WP-DBManager, для восстановления и оптимизации вашей базы данных. Это также может быть проблема, связанная с вашим файлом .htaaccess в WordPress. Или вы можете попробовать связаться со своей хостинговой компанией, чтобы узнать, не в их ли проблема.
Заголовки страниц должны сообщать посетителям, о какой странице они посещают, и этот заголовок будет обрезан большинством поисковых систем и веб-браузеров, если его длина превышает 70 символов.Точно так же для ваших метаописаний максимальное количество символов составляет около 155; любые слова, превышающие это количество, будут удалены и заменены знаком «…», что не так привлекает посетителей к посещению вашего сайта.
К счастью, есть простые решения для обеих этих проблем SEO, и они включают в себя мозговой штурм, чтобы придумать богатые ключевыми словами заголовки и описания, которые дают краткое, но подробное описание того, о чем каждая из ваших страниц.
Поисковым системам легче обрабатывать текст, чем изображениям, поэтому они, скорее всего, пропустят ваши изображения, если в них отсутствуют текстовые теги ALT.
К счастью, это еще одно простое решение: просто отфильтруйте изображения в WordPress или другой системе управления контентом и добавьте содержательные описательные заголовки к каждому из изображений вашего веб-сайта. Чтобы упростить этот шаг во многих системах управления контентом, просто убедитесь, что вы правильно назвали и сохраните изображения перед загрузкой.
Поисковые системы предпочитают возвращать результаты с активных и давно существующих веб-сайтов. Наличие вашего доменного имени, зарегистрированного на несколько лет, свидетельствует о приверженности вашему бизнесу, вашему сайту и вашему контенту.
Проверяйте текущую регистрацию домена и ежегодно продлевайте ее, чтобы убедиться, что ваш сайт не рассматривается как спам.
Дублированный контент может конкурировать друг с другом на вашем сайте и заставит поисковые системы возвращать результаты только для одной из страниц, а не для всех.
Чтобы смягчить это, убедитесь, что вы используете уникальные метаданные (заголовки и описания) для каждой из ваших страниц. Вы можете использовать некоторые онлайн-инструменты, такие как Siteliner, для сканирования своего веб-сайта и поиска любого дублированного контента, который можно легко редактировать.
Если у вас есть формы конверсии, настроенные на вашем веб-сайте (например: «отправьте свою информацию, и один из наших торговых представителей свяжется с вами»), они должны быть достаточно краткими, чтобы вашим посетителям не было больших хлопот при их заполнении. из. Вы также не хотите отпугивать потенциальных клиентов, задавая им слишком много вопросов, таких как их адрес, номер телефона, вопросы об их роли на работе, поле, возрасте и т. Д.
Поскольку формы конверсии предназначены для сбора только достаточного количества данные для квалификации потенциальных клиентов, а затем для того, чтобы предприятия могли связаться с этими потенциальными клиентами, подумайте о сокращении ваших форм, чтобы запрашивать только необходимую информацию (например: имя, адрес электронной почты, название компании и т. д.).
Эту частую ошибку Златовласка поймет: вы не хотите, чтобы на ваших веб-страницах было слишком много текста, и вы также не хотите, чтобы текст был слишком маленьким … вы хотите, чтобы текст на вашей веб-странице был в самый раз . Многословная и загруженная страница рискует выглядеть спамом и ошеломляющей посетителей, а из-за разреженной страницы ваш сайт будет выглядеть непрофессионально, незаконченным, а малое количество слов может негативно повлиять на SEO.
Просмотрите все содержимое страницы, чтобы убедиться, что оно богато ключевыми словами и предоставляет посетителям релевантную интересную информацию о ваших продуктах или услугах в хорошо написанной форме.Избегайте добавления текста просто ради его добавления, если он действительно не имеет отношения к тому, что вы пытаетесь передать.
Ваша учетная запись Google Analytics и Search Console — это кладезь важной информации. Данные, которые поступают через эти учетные записи, должны помочь вам понять все, что вам нужно делать или на чем сосредоточиться, чтобы максимизировать посещаемость вашего веб-сайта и коэффициент конверсии.
Испытывали ли вы внезапное замедление конверсии веб-сайтов? Возможно, лиды через отправку форм на веб-сайте внезапно останавливаются? Доступ к аналитике вашего веб-сайта может помочь вам разобраться в этих и других проблемах: возможно, ссылка на веб-сайт не работает, или ваш сайт работает медленнее, чем обычно, в результате чего все больше и больше людей покидают ваш сайт вскоре после его перехода.Или, может быть, недавний редизайн целевой страницы просто не работает, и было бы разумнее вернуться к более старому варианту с более высокой конверсией?
Вместо того, чтобы полагаться на инстинкт или догадки относительно того, что могло вызвать замедление трафика на вашем веб-сайте, простой просмотр ваших учетных записей аналитики или Search Console обычно может сразу указать на проблему … и шаги, перечисленные выше, должны поможет вам устранить неполадки и исправить эти проблемы, чтобы ваш сайт снова стал функциональным, оптимизированным и готовым для посетителей.
15 распространенных веб-ошибок — ShiftWeb
500 Внутренняя ошибка сервера
Это наиболее частая ошибка, которую видят веб-пользователи. Это ошибка общего назначения, которая может возникнуть каждый раз, когда веб-сервер обнаруживает внутреннюю проблему. Ошибка 500 чаще всего возникает при перегрузке веб-сервера.
401 Несанкционированный
Веб-пользователи, скорее всего, столкнутся с этой ошибкой после неудачной попытки входа в систему. По сути, это означает, что пользователь пытался получить доступ к сайту, к которому у него не было доступа.
400 неверный запрос
Это сообщение об ошибке появляется, когда что-то не так с вашим веб-браузером. Это означает, что ваш запрос был каким-то образом поврежден.
403 Запрещено
Если на странице нет возможности входа в систему, вы получите ошибку 403 на странице, если попытаетесь получить доступ к запрещенному каталогу на веб-сайте.
404 Не найдено
Когда пользователь пытается получить доступ к несуществующей веб-странице, он получает ошибку 404. Обычно это происходит из-за неработающей ссылки, перемещенной веб-страницы, неправильного ввода пользователем URL-адреса или простого удаления страницы.
408 Тайм-аут запроса
Ошибка 408 возникает, когда пользователь останавливает запрос до того, как сервер завершил получение информации. Эта ошибка появляется, когда пользователь закрывает браузер, слишком рано нажимает ссылку или нажимает кнопку остановки. Эту ошибку также часто можно увидеть, когда сервер работает медленно или файл очень большой.
501 Не реализовано
Когда появляется эта ошибка, это означает, что пользователь запросил функцию, которую браузер не поддерживает.
502 Сервис временно перегружен
Ошибка 502 возникает при перегрузке сервера.Обычно эта ошибка исправляется сама собой, когда веб-трафик уменьшается.
503 Служба недоступна
Если сайт занят или сервер не работает, пользователи могут получить ошибку 503.
В соединении отказано хостом
Эта ошибка очень похожа на ошибку 403. Это означает, что у пользователя либо нет разрешения на доступ к сайту, либо введенный пароль неверен.
Файл не содержит данных
Когда страница есть, но ничего не отображается, пользователи видят, что файл не содержит ошибок данных.Эта ошибка, вероятно, вызвана удаленной информацией заголовка или неправильным форматированием таблицы.
Невозможно добавить результат отправки формы в список закладок
В качестве закладки можно сохранить только документ или веб-адрес. Если пользователь попытается сохранить форму любого другого типа, он получит эту ошибку.
Вспомогательное приложение не найдено
Если пользователь пытается загрузить файл, требующий использования вспомогательной программы, эта конкретная ошибка может появиться, если браузер не может найти требуемую программу.
Ошибка TCP при отправке запроса на сервер
Когда возникает эта ошибка, что-то пошло не так на линии между запрашиваемым сайтом и пользователем. Иногда это связано с оборудованием, поэтому обо всех случаях этой ошибки следует сообщать сетевому администратору.
Ошибка поиска DNS
Ошибка поиска DNS означает, что URL-адрес веб-сайта не может быть переведен. Из-за перегрузки эта ошибка чаще всего встречается на коммерческих сайтах. Лучшее, что можно сделать, если это произойдет, — повторить попытку позже.
40 Умных страниц ошибок 404 с реальных веб-сайтов
Запуск успешного веб-сайта означает постоянное внимание к ошибкам, таким как битые страницы или низкая производительность. Однако иногда возникают проблемы, которых просто невозможно избежать, и ошибка 404 — одна из них.
Ошибка 404 возникает, когда пользователь запрашивает страницу на вашем веб-сайте, которой не существует, в результате чего отображается страница с ошибкой 404, предлагающая пользователям вернуться в нужное место. Независимо от того, сколько ресурсов вы вкладываете, чтобы ваш сайт никогда не падал… Всегда есть шанс, что пользователи могут оказаться здесь.
Неудобно, но факт. И реакция посетителей, когда они попадают на несуществующую страницу, может варьироваться от «принять это спокойно» до «полностью потерять рассудок».
Хотя с последним ничего не поделаешь, вы, , можете, , сделать вещи немного менее неприятными, получив сообщение об ошибке 404. Это может творить чудеса, заставляя посетителей вашего сайта улыбаться в неприятной ситуации.
Чтобы заставить ваш веб-сайт течь сытно, в этом посте будут представлены некоторые из наших любимых страниц с ошибками. Надеюсь, вы сможете отобрать несколько идей, чтобы придать своему собственному сообщению 404.
Что такое ошибка 404?
Ошибка 404 — это стандартный код сообщения об ошибке HTTP, который означает, что веб-сайт, на который вы пытались перейти, не может быть найден на сервере. Это ошибка на стороне клиента, означающая, что либо веб-страница была удалена или перемещена, а URL-адрес не был изменен соответствующим образом, либо человек просто неправильно ввел URL-адрес.
По большей части вы можете настроить свой сервер для создания настраиваемой страницы ошибки 404. (Если вы являетесь клиентом HubSpot, нажмите здесь, чтобы узнать, как настроить страницу 404 в HubSpot.)
Некоторые настроенные страницы с ошибками 404 содержат главное изображение, остроумное описание, карту сайта, форму поиска или основную контактную информацию.
Лучшие примеры 404 веб-страниц
На протяжении многих лет веб-сайты находили разные способы информировать посетителей об ошибке 404 и направлять их обратно в нужное место, некоторые просто, некоторые творчески, а некоторые весело.Для начала рассмотрим несколько креативных страниц 404, а затем рассмотрим несколько забавных примеров, которые наверняка понравятся любому, кто их встретит.
Страница не найдена: TK Creative 404 страницы ошибок
1. Пипкорн
В то время как страница с ошибкой 404 может легко отличаться от веб-сайта, страница с ошибкой Pipcorn идеально сочетается с остальной частью бренда сайта. Здесь есть красивый анимированный фон, понятная текстовая подсказка, направленная посетителям на поиск по сайту (в комплекте с умной каламбуром), и кусок попкорна, используемый в качестве «0» в «404.”
2. Spotify
Гигант музыкального стриминга Spotify прикрыл свои основы умной страницей 404. Остроумный каламбур из альбома Канье Уэста «808s and Heartbreak» и рекордная анимация на короткое время развлекают посетителей, а затем отправляют посетителей обратно на страницу, с которой они пришли.
3. Доброжелательно
Один из простых способов уменьшить напряжение на странице 404 — это добавить быстрое «Ой!» сообщение — это поможет вашему сайту выглядеть более привлекательным, поскольку вы направите пользователей в нужное место.В случае с сайтом Genially на странице также есть изящная иллюстрация в паре с шутливой копией.
4. Adobe
Как и следовало ожидать, страница Adobe с ошибкой 404 полезна и визуально приятна. В нем перечислены популярные ссылки, которые могут понадобиться посетителям, а также интересные цифровые произведения искусства, служащие визуальной метафорой сломанной или потерянной страницы. Честно говоря, веб-сайтам следует чаще использовать визуальные метафоры.
5. Clorox
Страница 404 для чистящих средств Clorox вращается между тремя беззаботными фотографиями, чтобы сигнализировать посетителям о том, что они сделали ошибку.Это разумное использование брендинга, чтобы добавить момент восхищения и одновременно помочь потерявшимся пользователям.
6. Думский Коллектив
В других случаях вам может не понадобиться остроумная аннотация — просто скажите посетителям, что по указанному адресу нет страницы, и позвольте им двигаться дальше. Агентство развлекательного консалтинга Duma Collective делает именно это со своей страницей с ошибкой, хотя для некоторой незначительности она дополнена фоновым изображением.
7. Холодильная камера
Говоря о чутье, бренд средств самообслуживания Chillhouse приложил дополнительные усилия, чтобы стильно перенаправить своих посетителей.Страница 404 имеет соответствующий бренд и даже отправляет посетителей в небольшое путешествие по нескольким кадрам изображений, прежде чем они вернутся на главную страницу.
8. Битли
Если вы введете неправильную ссылку Bitly, вы попадете на страницу Bitly 404. Мы предполагаем, что это происходит довольно часто, поэтому страница 404 сразу переходит к делу. Он объясняет, что могло пойти не так, и предлагает пользователям посетить домашнюю страницу Bitly, если им это нужно.
9.Икеа
404-я страницаIkea также минималистична, но ей все же удается внедрить умный брендинг. Этот пример показывает, что ваши страницы с ошибками не должны быть сложными, чтобы донести суть, но нет ничего плохого и в том, чтобы немного развлечься.
10. Moxie Design Co.
Конечно, фраза «взорвала Интернет» может показаться немного преувеличенной, но она говорит посетителям, что Moxie Design Co. не относится к себе слишком серьезно с небольшими ошибками, подобными этому. Кроме того, внизу удобно расположена панель поиска, чтобы вы могли продолжить свой путь.
11. McKissack & McKissack
А, классический трюк «мы потеряли страницу». Опять же, простой способ представить 404, не оттолкнув аудиторию. Если вы такое агентство, как McKissack & McKissack, которое управляет множеством взаимодействий с клиентами, четкая и краткая копия необходима для всех страниц вашего сайта, включая страницы с ошибками.
12. Уловки CSS
Когда-нибудь срывали обертку веб-сайта, чтобы посмотреть, что под ней? Это концепция, которую CSS Tricks использовали на своей странице с ошибкой 404.Это и остроумно, и напоминает о том, чем занимается веб-сайт: умное использование стилей страниц.
13. Старые добрые игры
Для других веб-сайтов вы разворачиваете интерфейсную часть, и там … просто огромная пустота. Эта страница является умным отсылкой к GOG Galaxy, родному клиенту видеоигр Good Old Games. К счастью, здесь есть маленький персонаж видеоигры, чтобы дать посетителям возможность сообщить об ошибке, если они захотят.
14. Canva
Если хотите что-нибудь немного другое, посетите страницу 404 Canva.Он включает не только сообщение об ошибке, но и отличную головоломку, в которую посетители могут поиграть, чтобы немного развлечься. Нет ничего плохого в том, чтобы позволить вашим посетителям расслабиться на пару минут, верно?
15. Иннотек
Подобно подходу Canva, Innotech представляет игру в стиле Понга на своей странице 404, чтобы немного развлечься. Скорее всего, вы запомните такой веб-сайт. Кроме того, забавный обходной путь дополняет поистине впечатляющий веб-сайт — серьезно, когда вы закончите играть, перейдите на главную страницу и изучите все это.
16. Мириады
Видеоагентство Myriad выбрало причудливый фирменный дизайн страницы 404, имитирующий классические цветные полосы SMPTE, которые появляются на старых пленках и телевизорах. Это забавный возврат к старым технологиям, в то же время представляющий более современную проблему несуществующей веб-страницы.
17. KonMari
Известная своими популярными методами уборки и организации, а также брендом, Мари Кондо привнесла то же ощущение на страницу 404 своего веб-сайта.Текст вкратце и с юмором возвращает нас к ее философии наведения порядка — небольшой, но хорошо продуманной детали, которую узнают фанаты.
18. BrandCrowd
На этой странице с ошибкой не только подробный и интересный рисунок, но и умная копия. Нам нравится ссылка на песню Semisonic «Closing Time»: «Вы можете щелкнуть в любом месте, но не можете щелкнуть здесь».
19. Hot Dot Productions
Страница ошибокHot Dot остается верной своему девизу: «Пересечение новых технологий и дизайна.»Страница анимирована сотнями крошечных точек, которые меняют направление в зависимости от того, куда вы перемещаете курсор. Это завораживает и демонстрирует дизайнерские возможности агентства.
20. OrangeCoat
Если вы собираетесь выдать сообщение об ошибке, почему бы не развлечь пользователя на несколько секунд, пока вы ему помогаете? После дружеского приветствия OrangeCoat предлагает блок-схему, которая фактически помогает пользователям понять, почему они вообще попали на страницу с ошибкой.
21. Эрвин и Смит
Эта страница 404 не просто перенаправляет пользователей обратно на активные страницы. Вместо этого страница 404 Ervin & Smith предлагает вам прокрутить вниз и узнать, зачем вам нужно агентство цифрового маркетинга и почему выбрать именно Ervin & Smith, завершив контактную форму. Верное своей миссии, это агентство показывает, что любая страница может быть возможностью конверсии.
22. DayCloud Studios
… или ваш 404 может быть просто местом, где можно потратить время на минутку, как можно увидеть на веб-сайте DayCloud Studios.При перемещении курсора по экрану появляется сообщение 404, освещенное лазерами, стреляющими из кошачьих глаз. Почему бы и нет?
23. Свободное пространство
Еще один пример веб-сайта, грамотно включившего сообщения своего бренда в 404-страничное приложение для медитации. Headspace прилагает усилия, чтобы успокоить пользователей, побуждая нас сделать глубокий вдох, а затем вернуться на основной сайт.
24. Пекарня Wildwood
Некоторые веб-сайты до сих пор интегрировали на свои страницы умные фирменные копии, в то время как другие размещали на своих страницах полноценные онлайн-игры.Но нет ничего плохого в коротком толчке в правильном направлении. Изысканный сайт пекарни Wildwood содержит все краткое и приятное (в буквальном смысле).
Страница не найдена: TK Funny 404 страницы ошибок
25. Astuteo
Страница 404 дизайн-агентстваAstuteo — это идеальный баланс элегантной графики, юмора и полезности. Минималистичный макет предоставляет пользователям необходимую им информацию, а также еще одну забавную визуальную метафору — тонущий грузовой корабль и убегающую фигуру.
26. LEGO
На странице ошибки 404 LEGO нужно сказать несколько слов — выражение персонажа все проясняет. Кроме того, поклонникам франшизы фильмов LEGO понравится забавная ссылка в копии.
27. Magnt
В этом забавном сообщении об ошибке Магнт высмеивает тот факт, что да, они могли что-то сломать — или вы просто не можете печатать. Визуализация служит быстрым способом проиллюстрировать их точку зрения.
28.IconFinder
Страница ошибокIconFinder проста, но восхитительна. Талисман компании, одетый в мантию и выглядящий утомленным, — знаковый кивок потерявшимся посетителям. Не беспокойтесь, так как на сайте перечислены некоторые ссылки, которые можно посетить ниже.
29. Сладкие сны
Судя по 404-й странице веб-сайта, команда компании по производству снотворных Sweet Dreams взяла слишком много ее продуктов. Эта страница не только юмористическая, но и хорошо сочетается с остальной эстетикой внешнего вида сайта и сообщениями, создавая целостность.
30. GitHub
Строка «Это не те дроиды, которых вы ищете» относится к уловке Джедая Оби-Вана Кеноби над штурмовиками в Star Wars Episode IV , и эта фраза стала широко известной, чтобы сказать кому-то, что они следуя неправильному образу действий. GitHub использует эту знаменитую строчку в своем сообщении об ошибке 404.
31. Патагония
Специальная страница 404 компанииPatagonia идеально передает атмосферу бренда, дополненная видео бумерангом с фрисби-тирлером, умным каламбуром, сочетающим «404» и «алоха», а также ссылками на страницы продуктов.Это дружелюбный и забавный способ поприветствовать посетителей, которые оказались не в том месте.
32. Облачная сигма
Проверьте это: Cloud Sigma позволяет нам участвовать в некоторых закулисных действиях. Их страница с ошибкой 404 притворяется «домашней страницей младшего разработчика» — этот младший разработчик является, ну, в общем, котом.
33. AMC Theaters
Возможно, вы уже были в кинотеатре AMC раньше, но, надеюсь, никогда не видели 404-ю страницу их веб-сайта. Веб-сайт использует быстрый, забавный и актуальный однострочник, прежде чем он отправит вас обратно в нужное место.
34. Бруно
Неслучайно креативным агентствам удается создавать классные страницы 404. Вот еще один фильм от креативщиков Bruno, который воспроизводит культовую комедию 2000 года « Dude, Where’s My Car?» Нет, это не имеет ничего общего с компанией или веб-сайтом, но обязательно вызовет смех.
35. NPR
На первый взгляд, страница ошибок NPR не кажется чем-то особенным. Но продолжайте читать, и вы увидите, как они умело связывают некоторые из своих замечательных историй о потерянных людях, местах и вещах, например, рассказ об Амелии Эрхарт и рассказ об Уолдо.Это может просто заставить потерявшихся пользователей чувствовать себя менее одинокими.
36. Средний
Medium использует тот же подход, что и страница 404 NPR, рекомендуя статьи о потерянных и потерянных вещах. Прочтите эти статьи, если у вас есть время — они неплохо читаются.
37. HomeStarRunner
На сайтеHomeStarRunner.com, где размещается мультсериал с Flash-анимацией, на протяжении многих лет появлялась серия забавных страниц с ошибками 404. В самых последних персонажах мультсериала изображена сцена, которая могла бы появиться прямо из одного из их эпизодов.Если вы включите звук при загрузке страницы, вы услышите, как их персонаж Strong Bad, известный тем, что выкрикивает фразы вслух, говорит: «404’d!»
38. Blizzard Entertainment
Вот простая идея, которая в конечном итоге выглядит привлекательно: страница 404 Blizzard Entertainment содержит анимированного персонажа, потерянного в настоящую метель, и немного юмора, которые оценят поклонники World of Warcraft.
39. Привет, большая идея
Краткое знакомство с экспертами по маркетингу и социальным сетям Веб-сайт Hello Big Idea расскажет вам, что вам нужно знать о его смелом и прямолинейном стиле текста.И, конечно же, его страница с ошибкой 404 — не исключение.
40. HubSpot
С нами тоже бывает! Это сообщение, которое мы публикуем, чтобы сообщить посетителям нашего сайта о некоторых проблемах на сайте. Наша цель состояла в том, чтобы оставаться верными голосу бренда HubSpot, оставаясь максимально милыми, отзывчивыми и услужливыми.
Превратите страницу с ошибкой 404 в радость
Никто не хочет попадать на страницу 404 — они раздражают и неожиданны. Однако их действительно невозможно избежать, поэтому всегда полезно иметь страницу 404, на которую можно будет вернуться на свой веб-сайт.
И, с точки зрения пользовательского опыта, ваша страница 404 должна быть небольшой лежачей полицейской, а не кирпичной стеной. Правильный дизайн может быть разницей между разочаровывающим отскоком и возможным преобразованием, так почему бы не сделать его забавным?
Примечание редактора: этот пост был первоначально опубликован в декабре 2015 года и был обновлен для полноты.
Анализ и исправление ошибок вашего веб-сайта «SEOPressor — WordPress SEO плагин
В предыдущем руководстве вы узнали, как запустить аудит сайта, и увидели все ошибки и предупреждения , обнаруженные на вашем веб-сайте.
Теперь давайте узнаем, как исправить эти ошибки и предупреждения .
Улучшение работоспособности вашего сайта
Шаг 1 : Перейдите в меню WordPress слева, нажмите «SEOPressor> Site Audit».
Вы будете перенаправлены на страницу Аудит сайта , где вы можете увидеть средний балл и состояние здоровья вашего веб-сайта.
Теперь давайте подробнее рассмотрим найденные Ошибки и предупреждения и исправим их.
Шаг 2 : Нажмите «Просмотреть все».
Ошибки :
Предупреждения :
Вы будете перенаправлены на вкладку Ошибки и предупреждения в разделе SEOPressor Site Audit .
Здесь вы увидите все ошибки и предупреждения, которые необходимо исправить.
Ошибки
Шаг 3 : Щелкните первую ошибку, «Просмотреть все».
Вы попадете в этот список страниц или сообщений с без метаописания .
Шаг 4 : Выберите одну из страниц или сообщений и нажмите «Исправить».
Вы автоматически попадете на страницу или сообщение.
Шаг 5 : Перейдите на вкладку «Мета».
Шаг 6 : Введите мета-описание.
Шаг 7 : По завершении нажмите «Обновить».
А теперь давайте посмотрим на остальные Ошибки и исправим их.
Шаг 8 : Выберите одну из ошибок и нажмите «Исправить».
Низкая проходимость :
Вы будете перенаправлены на Настройки домашней страницы> Мета-настройки .
Шаг 9 : Прокрутите вниз, пока не увидите правила для роботов.
Шаг 10 : Снимите все флажки с правил роботов, чтобы роботы Google могли лучше сканировать.По завершении нажмите «Обновить».
Предупреждения
Переходя к Предупреждениям .
Давайте попробуем улучшить его, чтобы набрать больше очков.
Как видите, демонстрационная страница не имеет ключевых слов.
Шаг 11 : Нажмите «Исправить».
Вы будете перенаправлены к записи блога Demo Page .
Шаг 12 : На вкладке «Оценка» на панели SEOPressor введите хотя бы одно ключевое слово для своего сообщения в блоге.
Шаг 13 : Когда вы закончите, сдвиньте панель SEOPressor, нажав кнопку «S». Затем нажмите «Обновить».
SEOПрессор на объекте
Давайте вернемся к проверке Site Audit , чтобы проверить, как работает наш веб-сайт после исправления всех ошибок и предупреждений .
Последний шаг : нажмите «Анализировать веб-сайт».
Анализ всего веб-сайта займет некоторое время.Чтобы узнать, сколько времени это займет, вы можете обратиться к Расчетное время завершения .
Через 1 час 16 минут…
Вот и все!
Средний результат и здоровье Сейчас здоровее.
Исправив все ошибки и предупреждения , вы повысите рейтинг своего веб-сайта на и состояние здоровья на .
Если вам нужна дополнительная помощь, свяжитесь с нашей службой поддержки.
Следующее руководство: настройка локального SEO
Вернуться на главную страницу руководства
Макгинн и Дельфин | Наиболее распространенные ошибки веб-сайтов и способы их исправления —
Во многих отношениях веб-сайт во многом похож на автомобиль, доставляя вас из точки А в точку Б. Однако, как и в случае с их четырехколесными аналогами, веб-сайт будет время от времени испытывать неисправности. В некоторых случаях эти ошибки не более чем рекомендации. Однако в других обстоятельствах они могут быть намного серьезнее.
Ошибки веб-сайта (известные как коды ошибок HTTP) могут не иметь большого значения для непосвященных, но они вызывают большое разочарование у посетителей вашего веб-сайта, которые, столкнувшись с ними, быстро уйдут на новые пастбища. Что еще хуже, некоторые из этих кодов ошибок веб-сайтов могут серьезно повлиять на вашу SEO-оптимизацию из-за неработающих ссылок, медленных страниц и длинных цепочек переадресации.
В этой статье вы узнаете, что означает каждый код ошибки веб-сайта и как исправить их соответствующим образом, чтобы они не оказывали пагубного воздействия на дизайн или производительность вашего веб-сайта.
Пять категорий кодов ошибок веб-сайтовПрежде чем мы перейдем к мельчайшим деталям исправления наиболее распространенных кодов ошибок HTTP, полезно понять, что они делятся на пять широких категорий, которые обозначаются цифрами от одного до пять.
Коды ошибок 1XXКоды ошибок, начинающиеся с единицы, обозначают информационные коды ошибок. Обычно они появляются, когда веб-сайт получил запрос от пользователя, но обработка ответа занимает больше времени, чем обычно.
Коды ошибок 2XXВозможно, ошибочно классифицированные как «ошибка», коды ошибок веб-сайтов, начинающиеся с цифры два, сигнализируют об успешном ответе. Если у пользователя появляется код ошибки 2XX, это означает, что его запрос был получен, принят и впоследствии обработан.
Коды ошибок 3XXКоды ошибок веб-сайтов, начинающиеся с тройки, относятся к перенаправлению. Самый распространенный из них — это код 301, который перенаправляет старый URL-адрес в новое место назначения.Чаще всего они появляются, если вы меняете доменное имя своего веб-сайта и вам нужно перенаправить существующие страницы в новые места. Это почти всегда носит информационный характер, информируя пользователя о том, что запрошенный URL-адрес больше не существует и что он перемещается в новое место.
Коды ошибок 4XXНаиболее распространенные коды ошибок веб-сайтов, во многих случаях они относятся к страницам, которые больше не существуют (404), и во многих случаях их можно исправить. Чаще всего они появляются, когда веб-сайт перемещается в новый домен без перенаправления старого URL-адреса.Однако в других случаях это может быть результатом того, что у пользователя нет необходимых разрешений для просмотра определенного контента.
Коды ошибок 5XXКоды ошибок сервера указывают на проблемы, возникающие на внутренней стороне вашего веб-сайта. Они распознают, что пользователь отправил действительный запрос, но что-то помешало серверу ответить. Эти сообщения об ошибках обычно довольно значительны, поскольку они указывают на то, что ваш веб-сайт работает некорректно, однако они не всегда находятся под вашим непосредственным контролем.
Наиболее распространенные коды ошибок веб-сайтов… и способы их устраненияНаиболее распространенные коды ошибок веб-сайтов содержатся в категориях 4XX и 5XX, поэтому мы собираемся сосредоточить внимание на сообщениях об ошибках веб-сайтов, попадающих исключительно в эти категории — начиная с 400.
400 — Неверный запросКод ошибки 400 появится, если запрос, отправленный на HTTP-сервер, имел недопустимый синтаксис. Обычно это происходит, когда пользователь вводит неправильный URL-адрес в адресную строку браузера, но могут быть и другие причины.
Решения:
Причиной может быть поврежденный файл cookie, связанный с рассматриваемым веб-сайтом. Предложите пользователю очистить кеш браузера и файлы cookie и повторить попытку. Если это сработает, вы знаете, что проблема была в этом.
Предложите посетителю веб-сайта дважды проверить орфографию и форматирование URL-адреса; опечатки очень легко пропустить с первого взгляда.
Просьба попробовать с другим браузером, так как он может быть неисправным.
Это сообщение об ошибке на веб-сайте немного проще для понимания. Код ошибки 401 означает, что URL-адрес требует аутентификации для получения доступа к ресурсу, обычно в форме имени пользователя и пароля. Иногда у пользователя нет такой аутентификации или он не был аутентифицирован правильно.
Код ошибки 401 Решения:
Сообщите пользователю имя пользователя и пароль, необходимые для доступа к URL-адресу.
Попросите пользователя перепроверить свои данные, чтобы убедиться, что они соответствуют информации, хранящейся в серверной части вашего веб-сайта.
Запросите очистку кеша браузера, чтобы гарантировать, что такие данные, как старые учетные записи, не повреждают процесс входа в систему.
Если все учетные данные совпадают, обратитесь к своему хостинг-провайдеру, чтобы убедиться, что это не проблема сервера.
Немного отличается от кода ошибки 401, код ошибки 403 сигнализирует о том, что был сделан действительный запрос, но серверу запрещено выполнять запрос из-за отсутствия разрешения со стороны администратор сайта.
403 Код ошибки Решения:
Во-первых, убедитесь, что соответствующему пользователю предоставлены достаточные разрешения для доступа к запрошенному URL-адресу в серверной части вашего веб-сайта. Если нет, измените их разрешения, чтобы они могли получить доступ.
Проверьте файл .htaccess, чтобы убедиться, что он не запрещает доступ к определенным диапазонам IP-адресов.
К сожалению, чаще всего посетители сайта видят код ошибки 404.Я говорю «к сожалению», потому что они означают, что пользователь искал на вашем веб-сайте фрагмент контента, который больше не существует, в результате чего посетители уходят с вашего веб-сайта. Эти ошибки также негативно влияют на эффективность SEO вашего сайта. Наряду с атрибутами alt, исправление ошибок 404 является одним из факторов, которым чаще всего недооценивают при попытке улучшить SEO-эффективность сайта. Таким образом, если вы обнаружите что-либо на своем сайте, исправьте их в срочном порядке.
Код ошибки 404 Решения:
Во-первых, проверьте очевидное: пользователь ввел неправильный URL-адрес?
Есть ли контент? Если это так, найдите новый URL-адрес и отправьте 301 редирект, чтобы посетители, вводящие старый URL-адрес, попадали на новый.
Если контент был удален без возможности восстановления, установите перенаправление на другую соответствующую страницу. Если ничего не связано, вы всегда можете перенаправить на домашнюю страницу.
Используйте Google Search Console, чтобы найти все неработающие ссылки и перенаправить каждый старый URL-адрес на новые полнофункциональные URL-адреса.
Настройте страницу ошибки 404. Если у вас большой веб-сайт, вы не сможете найти каждую неработающую ссылку или страницу. Установив настраиваемую страницу, вы можете указывать направления, которые уменьшают вероятность потери посетителя в целом, если он наткнется на ошибку 404.
В случае неработающих ссылок, исходящих с других веб-сайтов, лучшее решение — обратиться напрямую к владельцу веб-сайта и попросить его заменить старый URL-адрес новым.
Возможно, второй после сообщения об ошибке 404, этот код ошибки является просто общим сообщением об ошибке, которое может охватывать множество проблем с сервером, для которых другая ошибка 5XX часто лучше классифицируется.
500 Код ошибки Решения:
Попросите пользователя обновить браузер.Возможно, сервер слишком занят для обработки каждого запроса.
Устранение неполадок через серверную часть вашего веб-сайта; могут появиться сообщения об ошибках, ожидающие от вас действий.
Обратитесь в свою хостинговую компанию, чтобы узнать, есть ли проблемы с вашим сервером.
Если проблема связана с перегрузкой емкости, вы можете попросить пользователя вернуться позже, когда спрос не будет таким высоким.
Часто реальная причина кода ошибки 500, 502 возникает, когда запрос пользователя был получен, но внутренняя ошибка сервера помешала завершению действия.Еще раз, это сообщение об ошибке веб-сайта имеет несколько возможных причин, и, следовательно, возможные решения отражают этот факт.
502 Код ошибки Решения:
Проверить номера посетителей веб-сайта в реальном времени; если они намного превышают нормальное использование, возможно, сервер перегружен и вышел из строя.
Попросите пользователя очистить кеш своего браузера. Он может быть полным и мешать успешному запросу.
Убедитесь, что сервер включен и работает, он может быть недоступен по другим причинам, о которых вы не знали.
Обратитесь к своему хостинг-провайдеру, чтобы проверить, не работают ли какие-либо сценарии уничтожения, преждевременно завершающие длинные запросы.
Код ошибки 504 появляется, когда запрашивающий сервер не получил своевременного ответа от принимающего сервера при попытке загрузить страницу. Во многих случаях это находится вне вашего контроля, но все же есть меры, которые вы можете предпринять, если посетители сообщат о такой ошибке.
Решения:
Если вы находитесь на сайте WordPress, убедитесь, что база данных не повреждена каким-либо образом. Точно так же проверьте файл .htaccess, чтобы убедиться, что он случайно не блокирует определенные запросы.
В большинстве случаев вам необходимо связаться с вашей хостинговой компанией, чтобы узнать, есть ли какие-либо проблемы с их стороны.
Надеюсь, теперь, когда я объяснил, что такое коды ошибок HTTP и как предпринять шаги для их решения, вы в гораздо лучшем положении для устранения этих проблем.
Тем не менее, довольно часто владельцы веб-сайтов имеют много неработающих ссылок, поврежденных баз данных и отсутствуют разрешения, оставаясь при этом в блаженном неведении. Вот почему стоит иметь кого-то, обладающего техническими ноу-хау, чтобы убедиться, что эти коды ошибок веб-сайта не влияют на ваши позиции в рейтинге, посетителей веб-сайта и, в конечном итоге, продаж.
Если вы не уверены в производительности своего веб-сайта, мы предлагаем бесплатное тестирование веб-сайта MOT, чтобы убедиться, что ваш веб-сайт работает именно так, как должен.